網頁設計工具FrontPageDreamweaver圖象處理工具PhotoshopFireworksFlash設計與制作Dreamweaver8創建一個簡單網站更新與發布網頁更新網站發布

網頁設計工具—FrontPage網頁設計工具

網頁設計工具—FrontPage優點：與Windows系統無縫兼容，采用典型的Office界面設計，易學易用。功能相對簡單，用于專業設計有一定局限性。網頁設計工具缺點：

網頁設計工具—Dreamweaver網頁設計工具

網頁設計工具—Dreamweaver優點：功能強大，設計效果“所見即所得”，對DHTML的支持好，是一款專業級的網頁設計工具。功能復雜、易學難精。網頁設計工具缺點：

網頁圖象制作工具—Photoshop網頁圖象與動畫制作工具

網頁圖象制作工具—Photoshop網頁圖象與動畫制作工具

特點：功能強大，廣泛使用于平面圖象處理。是圖象設計師進行平面設計、圖形處理的首選。網頁圖象制作工具—Fireworks網頁圖象與動畫制作工具

網頁圖象制作工具—Fireworks網頁圖象與動畫制作工具

特點：網頁三劍客之一。與Dreamweaver無縫集成，可以同步對圖片進行編輯。結合了Photoshop和CorelDraw的部分特點，功能強大。動畫制作工具—Flash網頁圖象與動畫制作工具

網頁圖象與動畫制作工具

特點：網頁三劍客之一。Macromedia專門為網頁設計的一個交互性矢量動畫設計軟件。采用準流式（stream）設計，可以邊下載邊播放。動畫制作工具—Flash基于矢量設計思路，可以大大減少文件數據量，并且能做到無級縮放而不影響圖象質量。Dreamweaver8.0介紹網站設計與制作

繼DreamweaverMX2004之后推出的又一重量級版本。專業水平的HTML編輯器，可用于對Web站點、Web頁和Web應用程序進行設計、編碼和開發。可視化布局、應用程序開發功能、代碼編輯支持集于一體。支持使用服務器技術生成動態數據庫支持的Web應用程序。Dreamweaver8.0新增功能網站設計與制作

縮放工具和輔助線可視化XML數據綁定及代碼轉換功能Dreamweaver8.0新增功能網站設計與制作

全新的標準CSS樣式面板新的編碼工具欄Dreamweaver8.0新增功能網站設計與制作

CSS布局可視化代碼折疊Dreamweaver8.0新增功能網站設計與制作

后臺文件傳輸Mac標簽式文檔使用后臺方式上傳文件，不影響前臺設計。Dreamweaver8.0操作界面網站設計與制作

標題欄菜單欄插入欄文檔工具欄文檔窗口面板組標簽選擇器面板開關狀態欄屬性欄創建一個簡單的網站

第一步：創建站點在磁盤上創建一個文件夾：e:\webtest打開Dreamweaver8.0點擊站點新建

創建一個簡單的網站

第二步：創建網頁文件（方法一）創建一個簡單的網站

第二步：創建網頁文件（方法二）創建一個簡單的網站

第三步：保存網頁網頁更新

使用Dreamweaver模板更新網頁創建一個模板網頁更新

使用Dreamweaver模板更新網頁創建基于模板的頁面網頁更新

使用Dreamweaver模板更新網頁使用模板更新頁面網頁更新

創建庫項目打開一個HTML頁面，窗口面板切換到文件—資源—庫選中頁面對象，直接拖放到右邊庫窗口內，命名，就創建了一個庫文件。使用Dreamweaver庫更新網頁網頁更新

拖放使用Dreamweaver庫更新網頁網頁更新

將庫項目添加到頁面創建一個空白HTML頁面。直接拖放右側面板中的庫項目到空白頁面即可。使用Dreamweaver庫更新網頁網頁更新

拖放使用Dreamweaver庫更新網頁網頁更新

使用庫項目更新頁面對庫文件中的元素進行修改并保存。使用到庫文件的頁面會自動同步修改。使用Dreamweaver庫更新網頁網頁更新

更新文字使用Dreamweaver查找/替換更新網頁網頁更新

更新標簽使用Dreamweaver查找/替換更新網頁注意：在替換時要使所有被替換的文件處于關閉狀態，否則可能出錯。網站發布