2007年8月10日 星期五

(技)超快速網頁製作法~part1 (超好用的"片段")

"每每在製作網頁時
不知道大家時間都耗費在哪裡?

不過
以目前的趨勢來說
現今的網頁設計方式已從以往的"表格定位設計法"
轉變成"CSS定位設計法"
或許還有許多人對於利用CSS來設計網頁還是一頭霧水
但坊間的CSS教學書籍已越來越多(當然~有一大堆都是很普通的書籍 )
自己玩CSS說實在只有大概一年的時間
但是它的方便可真是無法與表格一同比較阿
不過
這一篇不是要跟大家說CSS的
而是要跟大家說說關於Dreamweaver裡面的Snippet面板的功能

甚麼是片段?

Snippet翻譯成中文就是"片段"
而它在Dreamweaver中的面板名稱也真的就直接叫作"片段"
說實在的
這麼好用的東西
問過十個人有九個會說不知道、沒用過(誰叫你都問不懂Dreamweaver的人=_=)
這可真是暴譴天物ㄚ(有那麼嚴重嗎?)~
片段面板的功能呢
就是它可以把你經常性使用到的Code存起來
存起來做甚麼用呢
當然是以後有需要用到這段Code的時候把它拿出來用囉
這樣說起來
不是跟大家蒐集一些原始碼的意思一樣嗎?
事實也是如此~就是在蒐集原始碼
但是不同的是
以往我們要把需要的原始碼放到我的網頁上面的時候
都必須要把該原始碼檔案打開
然後複製
最後到Dreamweaver的網頁中
再做貼上
這一來一往的
感覺是夠快的
但是如果你有好幾段要這樣做的話
那不是累死了?
OK
片段面板就是可以讓你把這些Code都集中存放在Dreamweaver中
要用的時候不用再去辛苦的找檔案總管或是我的電腦
直接在Dreamweaver就可以找到並插入到我的網頁中
阿~廢話說了那麼久~
都還沒說到怎麼把Code存到Dreamweaver中

片段怎麼做?

以下就來說明一下操作的方式
首先到Dreamweaver功能表中的"視窗(window)"找到"片段(snippet)"並把它打開
接著就可以在片段面板理的空白區域按一下滑鼠右鍵並選擇新增資料夾(new folder)
請把此資料夾做個容易識別的命名吧
例如像是:壞掉的印表機專用(這會不會又臭又長阿>"<)
新增了之後在從剛剛新增的資料夾上面按滑鼠右鍵選擇"新增片段(new snippet)"
接著會跳出片段設定視窗(圖片後補)
設定完之後按下確定 你的第一個片段就搞定了
夠簡單吧^^
阿勒~講了那麼久~跟一開始講的CSS有甚麼關係?
想知道?

我們繼續看下去吧~

相關文章

2 則留言:

匿名 提到...

影片已經無法看到了 可否請老師再放上去一次呢 很想學CSS的學生留

壞掉的印表機 提到...

To:認真的學生
影片還看的到阿~
是不是你瀏覽器沒有裝撥放器?
影片約4mb
下載稍慢
你要等等喔~^^