【正文】 型工作流程按照開發(fā)實施內(nèi)容的不同可分為如下幾個階段。首先要與網(wǎng)站需求方進(jìn)行詳盡的溝通，來明確目標(biāo)網(wǎng)站的功能、形象等各方面的明細(xì)要求。而一般網(wǎng)站都有繁雜的目錄結(jié)構(gòu)，每個目錄會存放著很多頁面文件。而使用快捷鍵將是一個行之有效的方法，下面就提供了最常用的快捷鍵列表，如表 。例如，通過適當(dāng)?shù)脑O(shè)置可以維持本地站點和遠(yuǎn)端站點之間的文件平行結(jié)構(gòu)，也就是站點內(nèi)容的統(tǒng)一。 Dreamweaver CS3內(nèi)置了三種布局模式編碼器、設(shè)計器和雙重屏幕，設(shè)計師可以根據(jù)需要選擇適合自己的工作區(qū)布局。 Dreamweaver CS3的工作窗口包含如下的幾個組成部分： 【 插入 】 工具欄、 【 文檔 】 窗口、【 文檔 】 工具欄、面板組、標(biāo)簽選擇器、 【 屬性 】檢查器、文件面板等，如圖 。下面就分別從實用功能、操作模式與最新技術(shù)這 3個方面介紹 Dreamweaver CS3的一些特點和新增功能。它集成了眾多網(wǎng)站開發(fā)中所涉及到的最新技術(shù)，擴(kuò)展了頁面設(shè)計與制作、多媒體開發(fā)和動畫設(shè)計這類豐富實用的功能。好的設(shè)計開發(fā)工具就好比嘴巴，可以把心里想的表達(dá)出來告訴對方。而針對網(wǎng)站項目的測試與調(diào)試一般需要注意以下幾個方面的內(nèi)容： ? 1．模塊功能測試 2．整體性能測試 ? 3．系統(tǒng)安全性測試 4．運行穩(wěn)定性測試 ? 5．瀏覽器兼容性測試 6．操作易用性測試 ? 7．鏈接有效性測試 8．代碼合法性測試 發(fā)布及維護(hù) ? 網(wǎng)站文件進(jìn)行整體檢查和整理后，系統(tǒng)經(jīng)過完整性測試后，網(wǎng)頁設(shè)計師就可以借助 Dreamweaver CS3來實現(xiàn)對整個網(wǎng)站的發(fā)布操作。（具體內(nèi)容請參照本書） 搭建網(wǎng)站 ? 網(wǎng)站搭建過程中，虛擬主機(jī)提供了一個同時向大量用戶提供安全的網(wǎng)絡(luò)應(yīng)用環(huán)境。有的網(wǎng)站設(shè)計師一拿到項目就急于開發(fā)寫代碼，往往忽視了評審和測試這兩個環(huán)節(jié)，結(jié)果造成返工。 ? 收集了各方面的內(nèi)容，確定了相應(yīng)的交互功能后，下一步就是這些內(nèi)容的分組。需要提醒注意一點，網(wǎng)站信息的收集和準(zhǔn)備應(yīng)該派專人負(fù)責(zé)整理。下面將介紹一些網(wǎng)站形象設(shè)計中配色的使用技巧： ? 1．了解網(wǎng)站所要傳達(dá)的訊息和品牌 ? 2．了解網(wǎng)站的目標(biāo)人群 ? 3．配色過程中不要濫用顏色 ? 4．閱讀主體內(nèi)容部分建議使用對比色 ? 6．配色要有時效性 ? （具體內(nèi)容請參照本書） 網(wǎng)站的框架與布局 ? 網(wǎng)站的框架與布局大致可分為“國”字型、拐角型、“ T” 字型、“ L” 字型、綜合框架型、 Flash型、變化型。這類行之有效的目標(biāo)定位都有著如下的共性： ? 1．目標(biāo)定位必須有明確的依據(jù) ? 2．目標(biāo)定位必須了解哪些資源可被利用 ? 3．目標(biāo)定位在規(guī)模上要具有可擴(kuò)展性 ? 4．目標(biāo)定位必須了解目標(biāo)人群的特征 網(wǎng)站的風(fēng)格和創(chuàng)意 ? 網(wǎng)站的風(fēng)格 (style)是指站點的整體形象給瀏覽者的綜合感受。在網(wǎng)站的開發(fā)過程中都將嚴(yán)格按照規(guī)則或約定進(jìn)行開發(fā)。這類規(guī)則可以實現(xiàn)對網(wǎng)站整體風(fēng)格的統(tǒng)一，代碼編寫的維護(hù)和后續(xù)擴(kuò)展。明確該網(wǎng)站建設(shè)的目的和功能，確定網(wǎng)站在各階段的運作規(guī)模與費用投入。而對于初學(xué)者來說在著手開發(fā)前更要全面考慮到這些影響因素，定制出合理的開發(fā)流程。網(wǎng)站項目的開發(fā)有一系列的特點：分散性、獨立性、整合的交互性等。一個優(yōu)良可行的規(guī)范可以使網(wǎng)頁設(shè)計師在工作中得心應(yīng)手，取得事半功倍的效果。一個擁有自己獨特風(fēng)格的網(wǎng)站，就會使網(wǎng)站瀏覽者愿意花更多的時間去品嘗該站。在做設(shè)計的時候要抓住客戶的需求，把握網(wǎng)站的定位做出合理的框架布局。最好是熟悉市場營銷并有一定文字組織能力的人，他們能夠站在企業(yè)、市場和消費者的多角度考慮文字的組織方式。分組的目的是為了根據(jù)瀏覽者的訪問習(xí)慣，有序地展示內(nèi)容，吸引訪問者看下去，同時在分組過程中還可發(fā)掘潛在的信息內(nèi)容。下面列出了一個網(wǎng)站常用的較為合理的開發(fā)流程圖，能夠比較好地體現(xiàn)開發(fā)的整個環(huán)節(jié)，如圖 。在這過程中必然會碰到一些由此環(huán)境而導(dǎo)致的問題，所以安全搭建網(wǎng)站環(huán)境就顯得極為重要。（具體內(nèi)容請參照本書） 第 2章 網(wǎng)站開發(fā)工具 ? 要想成為一名優(yōu)秀的網(wǎng)頁設(shè)計師需要具備哪些條件？獨特的設(shè)計風(fēng)格、緊跟潮流的設(shè)計語言、嫻熟的技術(shù)。網(wǎng)頁設(shè)計意圖的準(zhǔn)確表達(dá)就需要依賴優(yōu)秀的設(shè)計開發(fā)工具。（具體內(nèi)容請參照本書） Dreamweaver CS3的特點和新增功能 ? Dreamweaver CS3在實用功能上和操作流程上的都有了顯著的改進(jìn)。 ? 1．增強(qiáng) CSS功能 2．更方便的瀏覽器兼容性檢查 ? 3．增加 Ajax的 Spry框架 ? 4．與其他工具的高度集成 ? （具體內(nèi)容請參照本書） Dreamweaver CS3的安裝、刪除和啟動 ? 若要安裝 Dreamweaver CS3，具體的操作步驟如下。（具體內(nèi)容請參照本書） Dreamweaver CS3的參數(shù)設(shè)置 ? 在實際使用中，網(wǎng)頁設(shè)計師通常會通過設(shè)置Dreamweaver CS3的參數(shù)來自定義工作區(qū)環(huán)境，去適應(yīng)個人的開發(fā)習(xí)慣。 ? 在 【 編輯 】 主菜單下選中 【 首選參數(shù) 】 子菜單，打開【 首選參數(shù) 】 對話框。 ? 在實現(xiàn)文件傳輸時，如果遠(yuǎn)程服務(wù)器上不存在必要的文件夾， Dreamweaver就會自動創(chuàng)建這些文件夾。（具體內(nèi)容請參照本書） 學(xué)會使用 Dreamweaver CS3的幫助 ? 【 幫助 】 菜單中的聯(lián)機(jī)幫助系統(tǒng)提供了有關(guān)使用Dreamweaver CS3可執(zhí)行任務(wù)的詳細(xì)信息。如何條理清晰地去管理這些目錄和文件，從而保證網(wǎng)站開發(fā)設(shè)計工作的順利進(jìn)行呢？作為一款優(yōu)秀的網(wǎng)頁設(shè)計工具，幫助用戶方便高效地完成網(wǎng)站管理工作那當(dāng)然不在話下。然后，依據(jù)這些需求擬訂網(wǎng)站建設(shè)方案書。 ? 1．籌備期的整體規(guī)劃 2．準(zhǔn)備期的環(huán)境搭建 ? 4．整理期的資源篩選 3．設(shè)計期的版面設(shè)計 ? 5．開發(fā)期的程序設(shè)計 6．測試期的功能驗證 ? 7．維護(hù)期的內(nèi)容更新 了解幾個基本概念 ? 開發(fā)網(wǎng)站不能盲無目的，必須要有目的性。還需要了解什么是網(wǎng)站空間，網(wǎng)站空間有哪些基本類型，如何選擇一款適合自己需要的空間套餐。擁有獨立的 IP地址，提供某些特殊服務(wù)。（具體內(nèi)容請參照本書） ? 1．本地網(wǎng)站 ? 2．遠(yuǎn)程網(wǎng)站 應(yīng)用向?qū)?chuàng)建網(wǎng)站 ? 使用 Dreamweaver CS3應(yīng)用向?qū)韯?chuàng)建網(wǎng)站，可以分為 【 基本 】 與 【 高級 】 兩種視圖模式。 設(shè)置本地信息 ? 站點本地信息是與遠(yuǎn)程站點上的文件相對應(yīng)的本地磁盤上的文件。（具體內(nèi)容請參照本書） 設(shè)置遠(yuǎn)程信息時應(yīng)注意的事項 ? 可以借助多種方法來設(shè)置遠(yuǎn)程信息 ,對網(wǎng)站服務(wù)器進(jìn)行配置。等到需要還原時，將該站點信息導(dǎo)入 Dreamweaver中。（具體內(nèi)容請參照本書） 遮蓋網(wǎng)站中的文件夾和文件 ? 網(wǎng)頁設(shè)計師利用站點遮蓋功能，可以在進(jìn)行 “ 獲取 ” 或 “ 上傳 ” 等操作時，進(jìn)行篩選。 Dreamweaver也會保存每個站點之前的設(shè)置，因此不必每次在該站點上工作時都進(jìn)行重復(fù)選擇。可以使用設(shè)計備注來記錄與文檔關(guān)聯(lián)的附屬文件信息，例如，圖像源文件名稱和文件狀態(tài)說明等。本章將詳細(xì)講解如何在網(wǎng)頁中插入各種資源。 插入網(wǎng)頁標(biāo)題 ? 網(wǎng)頁標(biāo)題是整個網(wǎng)頁的標(biāo)題。（具體內(nèi)容請參照本書） 插入普通文本 ? 網(wǎng)頁中文本內(nèi)容是內(nèi)容表達(dá)的主要方式。操作步驟如下所示。表示版權(quán)聲明，在 HTML中用“ 169?！?表示。它們依次為標(biāo)題 標(biāo)題 標(biāo)題 標(biāo)題 標(biāo)題 5和標(biāo)題 6。操作過程如下所示。其中的數(shù)值越大字號就越大。如果要使頁面的文字更貼近網(wǎng)頁設(shè)計者所設(shè)計的網(wǎng)頁風(fēng)格，有時候就必須要添加新的字體。默認(rèn)情況下，文本的背景色為白色，文字字體顏色為黑色。本節(jié)將講解文本列表的類型和設(shè)置方法。 ? 圖 。在建立項目列表之后，往往還需要設(shè)置列表的編號形式。采用圖片的形式，可以提交瀏覽者獲取信息的速度，但也會加大網(wǎng)頁數(shù)據(jù)的傳輸量。而插入的圖像可以是本地磁盤中的圖片，也可以是網(wǎng)絡(luò)圖片。插入圖片的操作如濾ň嚀迥諶萸氬握氈臼） 設(shè)置圖片為網(wǎng)頁背景 ? 使用圖片作為背景，可以賦予整個網(wǎng)頁明確的主題，提升網(wǎng)頁的美感。（具體內(nèi)容請參照本書） 設(shè)置鼠標(biāo)經(jīng)過圖片 ? 鼠標(biāo)經(jīng)過圖像也被稱為翻轉(zhuǎn)圖像。所以實現(xiàn)該效果，需要準(zhǔn)備必須準(zhǔn)備兩個不同的圖片。由于其體積小、色彩豐富和放大不變形，而受到廣大設(shè)計人員的喜愛。用戶可以直接在網(wǎng)頁中插入 Flash動畫。插入 Flash文本的步驟如下。（具體內(nèi)容請參照本書） 插入 FlashPaper ? FlashPaper是 Adobe推出的一款電子文檔類工具。（具體內(nèi)容請參照本書） 插入 Flash視頻 ? Flash視頻是現(xiàn)有網(wǎng)絡(luò)應(yīng)用最廣的視頻格式。（具體內(nèi)容請參照本書） 插入 Flash相冊 ? Flash相冊是現(xiàn)有博客中最常用的功能。 插入 WMV影片 ? WMV格式是微軟推出的一種視頻格式。這些程序被稱為插件。 ActiveX技術(shù)由微軟提出，被 Inter Explore瀏覽器所支持?？梢宰鳛楸尘耙魳返穆曇粑募袷接校?Mid、 Wav和 Mp3等。用戶可以通過超級鏈接訪問各種資源。文本鏈接形式最簡單，占有的網(wǎng)絡(luò)帶寬也最少。例如， :/，指向的就是 。由于文本鏈接可以實現(xiàn)的效果有限，所以現(xiàn)在廣泛使用圖片鏈接。當(dāng)瀏覽者單