網頁教學-讓DW的滑入滑出也可使用透明png檔
目前各大瀏覽器都已支援透明PNG檔，唯獨IE6.0卻不支援，因此先前也為此寫了一篇小教學，但那只支援單影像，若使用Dreamweaver中的滑入滑出功能時，一開始可正常顯示透明的PNG，但當滑鼠一滑入後馬上就破功，主要的原因是因為那支js只會針對img標籤才有動作，但預載的是放在body中，因此就無法變成透明，所以今天向好友男丁格爾求救了一下，總於實現了這項不可能的夢想啦！讓你可以使用Dreamwe...
View Article網頁教學-DW的滑入滑出與背景全面支援透明png
上一篇當中，分享了利用Dreamweaver滑入滑出功能，再搭配jQuery的png透明元件後，就可作到讓滑鼠滑入時，也可使用透明的png檔，但在[網頁教學-讓DW的滑入滑出也可使用透明png檔]範例中，有些朋友則遇到當使用二個以上的滑入滑，以及背景的部分，就會出現失效而無法使用，因此今天趁空檔時間，與男丁討論了一下，終於解決了此問題。
View ArticleDW教學－解決中文寫入MySQL資料庫產生亂碼
由於梅干所租用的虛擬主機皆為Liunx平台，再加上教學網則是用Wordpress所架設，因此迫使梅干不得不接觸php，所以最近就小玩了一下PHP，由於先前曾使用過Dreamweaver的ASP，想說原理應該差不多，果真寫起來沒啥差異，但卻在寫入資料庫時，中文出現了亂碼，但讀出時又是正常，這真的是很弔詭，也已確認網頁編碼已經為UTF-8了，但卻會將子，讓梅干搞了一整天，終於～終於找到原因了，原來不只網...
View ArticleClik here to view.
DW教學－Dreamweaver量身打造WordPress留言板-PartI
最近有些朋友若點留言板，則會發現到，怎麼留言都不見了，難道是梅干砍留言嗎？呵～當然不是滴！而是梅干最近利用Dreamweaver來開發一個PHP留言板，並且與Wordpress作整合，雖然說網路中有不少Wordpress的留言外掛，但梅干始終覺得不怎麼好用，就想說甘脆來寫一個好了，各位千萬別被”寫”給嚇到，其實只要拉一拉，不用五分鐘，就可打造一個自已專屬的留言板，相當的EZ喔！ 建立資料表：...
View ArticleClik here to view.
DW教學－Dreamweaver量身打造WordPress留言板-PartII
先前在DW教學－Dreamweaver量身打造Wordpress留言板-PartI 教學文章中，已經成功的把前端留言機制與界面搞定了，雖然有了留言的機制，總也要有管理功能才能回覆留言，以及刪除不必要的廣告留言， 現在就馬上來為各位分享， 留言板後台管理的製作。 後台登入(gbk_admin.php)： Step1...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
Clik here to view.
DW外掛－ less CSS Compiler 封裝套件
CSS已是製作網頁不可或缺的一環，透過CSS可任意的定義網頁的區塊、文字的樣式、以及色彩和位置，由於CSS本身只能設定各樣式的屬性，因此若有10組用到相同的色彩、文字大小時，在無法排除的狀況下，就得一筆一筆的慢慢寫，下回若其中一個要修改時，就得改十次，相當的麻煩，因此最近梅干發現一個好用的CSS...
View ArticleClik here to view.
Dreamweaver CS6「流變格線版面」隨著電腦、平板、手機自動切換網頁版型
現在作網頁不但麻煩，也愈來愈複雜，當好不容易把電腦作完後，還得依照手機重新量身打造，比較講究一點公司，連平板也不放過，所以現在單一個網頁，就要設計三種不同的版型，真是一件苦差事，但現在有了Dreamweaver...
View ArticleClik here to view.
Clik here to view.
《Dreamweaver CC》製作HTML5.0與CSS3.0網頁更ez!
許多從事網頁設計的朋友，應該相當習慣使用Dreamweave，但隨著網頁技術不斷的推層出新後，使得有些頁面都無法在Dreamweaver中編輯，因此現在比較有經驗的網頁設計師，大部分不是使用Nopad++就是Sublime Text，但即便Sublime...
View ArticleClik here to view.
《MAC Dreamweaver CC 2014 》繁中版自己動手來改裝
雖然梅干已好久沒使用Dreamweaver來設計網頁，但還是有不少的朋友，習慣使用Dreamweaver來編輯網頁， 但有趣的是，一樣是Dreamweaver...
View ArticleClik here to view.
《Dreamweaver CC 2014》啟用資料庫與伺服器行為
自從Dreamweaver CC版本推出後，就把原先的資料庫行為給拿掉，雖然梅干當時有找到相關的解決辦法，但有不少的朋友還是會出現一些不可預期的問題，透過Dreamweaver可快速的與資料庫作串接，因此就算是一般的視覺設計師，也能輕易的透過Dreamweaver製作出像留言板、部落格、最新消息、購物車.....等平台，且完全無需具備任何的程式背景，只要透過拖拉的方式，就能快速的開發完成。...
View ArticleClik here to view.
Clik here to view.
Dreamweaver 視覺化的編輯與設計 WordPress 佈景主題
隨著WordPress愈來愈成熟，透過WordPress來架設網站是再簡單不過，同時完全無需具備任何的程式背景，就能架設出一個具備後台的平台出來，因此現在也有不少的官方網站或活動網站，都採用了WordPress來架設，雖然說WordPress架設很方便，但當要修改佈景時，就得透過...
View ArticleDreamweaver CC安裝Emmet套件，實現在Dreamweaver下也可使用Emmet
Emmet是個相當好用的套件，可快速的產生出HTML、CSS的語法，同時支援網頁的編輯器也相當多，甚至連網頁設計師的最愛Dreameaver也支援，但怎麼將Emmet安裝至Dreamweaver呢?現在就一塊來看看吧!!讓你的Dreamweaver也能寫Emmet
View ArticleClik here to view.
Dreamweaver CC2015限定-與PSD檔更緊密結合，網頁切版排版更快速
先前曾分享過Brackets編輯器中，直接載入已製作好的PSD版型，透過Brackets編輯器中，就能快速的複製PSD檔中的文字，甚至還能快速的將圖片分割與儲存，大幅的提升切版的速度，不用再像之前一樣，得先將圖片分割好後，再到網頁編輯器中進行編排，而現在這功能Dreamweaver CC...
View ArticleClik here to view.
Adobe Dreamweaver CC 2017-beta測試版搶先用
對於許多從事網頁設計的朋友，還是最習慣使用Dreamweaver來編輯網頁，雖然說現在Dreamweaver CC2015內建終於支援了Bootstrap，就可快速的產生Bootstrap的標籤語法，當產生了這些標籤後，要再修改裡面的參數時，就得透過原始碼的方式進行調整，甚至要改變DIV區塊的堆疊時，相當的不方便。...
View ArticleClik here to view.
Adobe Dreamweaver CS6以上版本全面支援Bootstrap
許多網頁設計師最習慣還是使用Dreamweaver，雖然目前Dreamweaver CC 2017 beta版，終於有了大幅度的改版，讓Dreamweaver在開發網頁變得更方便，同時也對Bootstrap支援度更加完整，但對於許多網頁設計朋友，還是使用CS6早期的版本，因此最近梅干也在想，怎麼讓以前的Dreamweaver版本也能使用Bootstrap來設計RWD自適應網頁。...
View Article