初中第二冊《信息技術》教材說明及教學參考
什么是dreamweaver
dreamweaver是美國macromedia公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器,它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具,利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。
dreamweaver、flash以及在dreamweaver之后推出的針對專業網頁圖像設計的fireworks,三者被macromedia公司稱為dreamteam(夢之隊),足見市場的反響和macromedia公司對它們的自信。說到dreamweaver我們應該了解一下網頁編輯器的發展過程,隨著互聯網(internet) 的家喻戶曉,html技術的不斷發展和完善,隨之而產生了眾多網頁編輯器,從網頁編輯器基本性質可以分為所見即所得網頁編輯器和非所見即所得網頁編輯器(則原始代碼編輯器),兩者各有千秋。所見則所得網頁編輯器的優點就是直觀性,使用方便,容易上手,您在所見即所得網頁編輯器進行網頁制作和在word中進行文本編輯不會感到有什么區別,但它同時也存在著致命的弱點:
一、 難以精確達到與瀏覽器完全一致的顯示效果。也就是說您在所見即所得網頁編輯器中制作的網頁放到瀏覽器中是很難完全達到您真正想要的效果,這一點在結構復雜一些的網頁(如分幀結構、動態網頁結構)中便可以體現出來;
二、 頁面原始代碼的難以控制性,比如您在所見即所得編輯器中制作一張表格也要幾分鐘,但您要它完全符合您要求可能需要幾十分鐘,甚至更多時間。而相比之下,非所見則所得的網頁編輯器,就不存在這個問題,因為所有的html代碼都在您的監控下產生,但是由于非所見則所得編輯器的先天條件就注定了它的工作低效率。如何實現兩者的完美結合,則既產生干凈、準確的html代碼,又具備則見則所得的高效率、直觀性,一直是網頁設計師夢想。在dreamweaver之前,frontpage98一直被人們認為是最好的所見即所得網頁編輯器,但是它同樣繼承了所見即所得的種種劣性。但是我說過這是在dreamweaver之前,現在我無意說dreamweaver已經實現網頁設計師的夢想,但我覺得dreamweaver正在努力向這個夢想一步步走去。
dreamweaver特點:
1.最佳的制作效率
dreamweaver可以用最快速的方式將fireworks,freehand,或photoshop等檔案移至網頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網頁安全色。對于選單,快捷鍵與格式控制,都只要一個簡單步驟便可完成。dremweaver能與您喜愛的設計工具,如playback flash,shockwave和外掛模組等搭配,不需離開dremweaver便可完成,整體運用流程自然順暢。除此之外,只要單擊便可使dreamweaver自動開啟firework或photoshop來進行編輯與設定圖檔的最佳化。
2.網站管理
使用網站地圖可以快速制作網站雛形、設計、更新和重組網頁。改變網頁位置或檔案名稱,dreamweaver 會自動更新所有連結。使用支援文字、html碼、html屬性標簽和一般語法的搜尋及置換功能使得復雜的網站更新變得迅速又簡單。
3.無可比擬的控制能力
dreamweaver是惟一提供roundtrip html、視覺化編輯與原始碼編輯同步的設計工具。它包含homesite和bbedit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想象。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續之選取。甚至可以排序或格式化表格群組,dreamweaver 支援精準定位,利用可輕易轉換成表格的圖層以拖拉置放的方式進行版面配置。所見即所得 dreamweaver成功整合動態式出版視覺編輯及電子商務功能,提供超強的支援能力給third-party廠商,包含asp, apache,broadvision, cold fusion,icat, tango與自行發展的應用軟體。當您正使用dreamweaver在設計動態網頁時,所見即所得的功能,讓您不需要透過瀏覽器就能預覽網頁。夢幻樣版和xml dreamweaver將內容與設計分開,應用于快速網頁更新和團隊合作網頁編輯。建立網頁外觀的樣版,指定可編輯或不可編輯的部份,內容提供者可直接編輯以樣式為主的內容卻不會不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出xml內容。全方位的呈現利用dreamweaver設計的網頁,可以全方位的呈現在任何平臺的熱門瀏覽器上。對于cascading style sheets的動態html支援和鼠標換圖效果,聲音和動畫的dhtml效果資料庫可在netscape和microsoft瀏覽器上執行。使用不同瀏覽器檢示功能,dreamweaver可以告知您在不同瀏覽器上執行的成效如何。當有新的瀏覽器上市時,只要從dreamweaver的網站再下載它的描述檔,便可得知詳盡的成效報告。【教學參考】第七課 創建超鏈接和網頁模板