2007年11月14日星期三

《Dreamweaver 小技一覽》

這是針對我常用的Dreamweaver 2004所寫的小技一堆,希望還有人覺得有用。

現在是拼了命也要弄清楚CSS的時刻,你知道Dreamweaver 2004已有很多自動化功能,不是什麼也要手作仔地動手敲,暫時買不起cs3,只好再狂掘2004的功能. 現在製作網頁的人已變成多面手,要回應各式各樣的要求,除去伺服器的技術不談(反正也不會就是了),要提高視覺表現的價值是當務之急.

★一般常識:
DHTML (功能:在完全不需伺服器的技術支援下,隨心所欲地控制頁面上的文字圖片,達到動態網頁效果)

DOM(Document Object Model) = HTML + CSS + JavaScript ...個人認為還是FLASH動起來較美,較談得上魅力多了

★內容集錦:

1★)要為圖層和內置物件做CSS套用:
首先要為圖層新增id(圖層編號在屬性欄),如childSty,再叫出新增css樣式的對話視窗, 選擇進階(ID內容選取器等),於圈選工具input box打入#childSty,就可以讓瀏覽器尋到ID屬性及套用同名的樣式,所以記得加#.

2★)深探Email連結
指定主旨 → mailto:mainperson@yourdomain.com?subject=Tiltle
指定CC人→ mailto:mainperson@yourdomain.com?cc=ccperson@yourdomain.com
指定BCC人 → mailto:mainperson@yourdomain.com?cc=ccperson@yourdomain.com
指定郵件開頭 → mailto:mainperson@yourdomain.com?body=Please talk about blablabla

3★)樣板與管理
樣板有點像PowerPoint的母板,所以透過修改樣板的「共同區域」就可以一口氣修改其他頁數. (鼓掌) 但如果沒事先計劃好會一團亂!!



首先做好一個模頁html,按常用bar上(尾二的鈕下墜menu第一個)製作樣板.
另存成樣板視窗 > 另存範本,鍵入名稱(理應會自動存於root的folder “templates”內)
然後要在模頁html上選擇「可編輯區域」(下墜menu第三個),出現新增可編輯區域視窗,鍵入名稱. (只有內容可以變更,位置不能,所以最好用table建立模頁html)
完成後,儲存(*.dwt)


好啦! 現在叫出來用用!
首先開一頁新html,叫Asset出來(類似flash的lib記元件庫),在打直menu選樣板類別,可以用drag的drag至新html,或按下面的套用.
然後就可作有限度修改.

4★)行為指令(behaviors)是也
首先的首先是要睜眼看清楚現在focus在哪個html標籤! 選好又確實html標籤正確就可以開工.
這部份就開始像actionscipt啦!一切就像附加簡單action一樣的做法.
通常就按下第一個「顯示特定事件」選項就ok (另一個是「顯示全部事件」)

5★)當不想上傳某檔案時,用遮罩
在檔案>本機檔案上right click,選擇遮罩
遮罩是可以設定的.

6★)插入外部視訊,就是要用Plug in


if要叫出 windows media player 或 Quicktime
按常用bar的媒體鈕>外掛程式
如是用*.mpg(即用wmp)或*.mov 置入影片片斷,必須在屬性鍵入寬度高度.
參數很重要:
autostar (true/false)
showcontrols (true/false)
playcount (0不斷播/1)
if要叫出 RealPlayer
按常用bar的媒體鈕>Active X,必須在屬性鍵入寬度高度.
ClassID要選RealPlayer
參數還是很重要:
autostar(true/false)
src(路徑)
controls(all/imagewindow/controlpanel)

沒有留言: