Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程

前言

　　DreamweaverCS4是由Adobe公司開(kāi)發(fā)的網(wǎng)頁(yè)設(shè)計(jì)與制作軟件。它功能強(qiáng)大、易學(xué)易用，深受網(wǎng)頁(yè)制作愛(ài)好者和網(wǎng)頁(yè)設(shè)計(jì)師的喜愛(ài)，已經(jīng)成為網(wǎng)頁(yè)設(shè)計(jì)與制作領(lǐng)域最流行的軟件之一?！　【幷邔?duì)本書(shū)的編寫(xiě)體系做了精心的設(shè)計(jì)，前10章按照“任務(wù)驅(qū)動(dòng)——案例教學(xué)——實(shí)訓(xùn)練習(xí)——課后習(xí)題”這一思路進(jìn)行編排，第11章是一個(gè)電子商務(wù)類(lèi)網(wǎng)站布局設(shè)計(jì)綜合實(shí)例。力求通過(guò)任務(wù)驅(qū)動(dòng)，使學(xué)生輕松地掌握網(wǎng)頁(yè)設(shè)計(jì)制作必須的基本知識(shí)；通過(guò)一系列“由簡(jiǎn)到繁、由易到難、承前啟后”的階梯式案例演練，使學(xué)生快速掌握網(wǎng)頁(yè)設(shè)計(jì)制作的思路和基本技能；通過(guò)實(shí)訓(xùn)練習(xí)和課后習(xí)題，拓展學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)制作實(shí)際應(yīng)用能力。通過(guò)第11章的學(xué)習(xí)，使讀者全面掌握網(wǎng)站設(shè)計(jì)制作的基本流程和方法技能。　　本書(shū)在編寫(xiě)內(nèi)容安排上由淺入深、逐步拓寬；編寫(xiě)手法圖文注釋、通俗易懂、重點(diǎn)突出；案例和實(shí)訓(xùn)取材難度適中，并具有針對(duì)性和實(shí)用性；設(shè)計(jì)編排符合高等職業(yè)院校學(xué)生的認(rèn)知特點(diǎn)，學(xué)生按照書(shū)中提供的操作步驟學(xué)習(xí)，就可以輕松地掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的技能和技巧，有助于學(xué)生網(wǎng)頁(yè)設(shè)計(jì)制作技能的提高。

內(nèi)容概要

《Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程》是一本全面介紹網(wǎng)頁(yè)設(shè)計(jì)與制作技術(shù)的教程。它將目前最流行的網(wǎng)頁(yè)設(shè)計(jì)軟件作為技術(shù)支持。由淺入深，系統(tǒng)地介紹了網(wǎng)頁(yè)的構(gòu)思、規(guī)劃、制作的全過(guò)程?！禗reamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程》共分11章，主要內(nèi)容包括：網(wǎng)頁(yè)設(shè)計(jì)與制作綜述、網(wǎng)站建設(shè)流程、超文本標(biāo)記語(yǔ)言HTML、CSS樣式表、應(yīng)用表格和框架、使用AP元素、應(yīng)用DIV+CSS技術(shù)、使用行為和表單、使用模板和庫(kù)、網(wǎng)站的測(cè)試發(fā)布和管理維護(hù)等。《Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程》實(shí)用性強(qiáng)，可作為高等院校高職高專(zhuān)計(jì)算機(jī)專(zhuān)業(yè)教材和相關(guān)培訓(xùn)教材，也可作為從業(yè)人員的參考用書(shū)。

書(shū)籍目錄

第1章 網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)1.1 學(xué)習(xí)任務(wù)1：網(wǎng)頁(yè)和網(wǎng)站基本知識(shí)1.1.1 網(wǎng)頁(yè)和網(wǎng)站概述1.1.2 網(wǎng)頁(yè)的主要元素1.1.3 網(wǎng)頁(yè)類(lèi)型1.1.4 靜態(tài)網(wǎng)頁(yè)編輯軟件1.1.5 網(wǎng)頁(yè)圖像與網(wǎng)頁(yè)動(dòng)畫(huà)制作軟件1.2 學(xué)習(xí)任務(wù)2：網(wǎng)站開(kāi)發(fā)的基本流程1.2.1 需求分析1.2.2 網(wǎng)站規(guī)劃1.2.3 網(wǎng)站制作1.2.4 網(wǎng)站的測(cè)試與上傳1.2.5 網(wǎng)站的推廣與維護(hù)1.3 學(xué)習(xí)任務(wù)3：全面認(rèn)識(shí)DreamweaveCS1.3.1 DreamweaverCS4簡(jiǎn)介1.3.2 DreamweaverCS4的工作界面1.4 學(xué)習(xí)任務(wù)4：創(chuàng)建和管理本地站點(diǎn)1.4.1 規(guī)劃站點(diǎn)1.4.2 創(chuàng)建本地站點(diǎn)1.4.3 管理本地站點(diǎn)1.4.4 操作本地站點(diǎn)文件1.5 學(xué)習(xí)任務(wù)5：HTML標(biāo)識(shí)語(yǔ)言基礎(chǔ)1.5.1 HTML概述1.5.2 HTML的基本語(yǔ)法1.5.3 HTML的文檔結(jié)構(gòu)1.6 案例：制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)1.6.1 創(chuàng)建本地站點(diǎn)1.6.2 建立站點(diǎn)文件夾1.6.3 創(chuàng)建并制作網(wǎng)頁(yè)1.6.4 設(shè)置頁(yè)面屬性1.6.5 保存并瀏覽網(wǎng)頁(yè)實(shí)訓(xùn)1習(xí)題1第2章 應(yīng)用文本和圖像.2.1 案例1：制作文本網(wǎng)頁(yè)2.1.1 直接輸入文本2.1.2 添加其他文檔中的文本2.1.3 設(shè)置文本的基本屬性2.1.4 創(chuàng)建列表2.1.5 插入特殊文本2.2 學(xué)習(xí)任務(wù)：網(wǎng)頁(yè)圖像及其處理工具2.2.1 網(wǎng)頁(yè)中常見(jiàn)的圖像格式2.2.2 網(wǎng)頁(yè)圖像設(shè)計(jì)工具簡(jiǎn)介2.3 案例2：制作圖像網(wǎng)頁(yè)2.3.1 插入圖像2.3.2 設(shè)置圖像屬性2.3.3 編輯圖像2.3.4 插入其他圖像元素2.3.5 調(diào)整圖像與頁(yè)面其他元素對(duì)齊實(shí)訓(xùn)2 制作“圖文混排”網(wǎng)頁(yè)習(xí)題2第3章 插入多媒體元素和超鏈接3.1 案例1：制作多媒體網(wǎng)頁(yè)“我的樂(lè)園3.1.1 插入Flash元素3.1.2 插入視頻和音頻3.1.3 插入其他多媒體元素3.2 案例2：為網(wǎng)頁(yè)添加超鏈接3.2.1 超鏈接概述3.2.2 創(chuàng)建超鏈接3.2.3 創(chuàng)建E-mail鏈接3.2.4 創(chuàng)建錨記鏈接3.2.5 創(chuàng)建圖像鏈接3.2.6 創(chuàng)建圖像熱點(diǎn)鏈接3.3 學(xué)習(xí)任務(wù)：管理鏈接3.3.1 自動(dòng)更新鏈接3.3.2 在整個(gè)站點(diǎn)范圍內(nèi)更改鏈接實(shí)訓(xùn)3習(xí)題3第4章 使用CSS樣式4.1 學(xué)習(xí)任務(wù)1：認(rèn)識(shí)CSS樣式表4.1.1 CSS的基本概念4.1.2 CSS樣式的引用4.2 學(xué)習(xí)任務(wù)2：CSS規(guī)則的定義和創(chuàng)建4.2.1 CSS規(guī)則的語(yǔ)法和類(lèi)型4.2.2 CSS規(guī)則的創(chuàng)建方法4.3 學(xué)習(xí)任務(wù)3：在網(wǎng)頁(yè)文檔中使用CSS樣式4.3.1 “CSS樣式”面板4.3.2 應(yīng)用CSS樣式4.3.3 定義CSS樣式屬性實(shí)訓(xùn)4 用CSS美化網(wǎng)頁(yè)習(xí)題第5章 表格5.1 案例1：制作個(gè)人履歷表5.1.1 在頁(yè)面中創(chuàng)建表格5.1.2 表格的基本操作5.1.3 設(shè)置表格屬性5.2 學(xué)習(xí)任務(wù)：表格標(biāo)簽及標(biāo)簽檢查器5.3 案例2：使用表格設(shè)計(jì)網(wǎng)頁(yè)5.3.1 使用表格對(duì)網(wǎng)頁(yè)進(jìn)行布局5.3.2 導(dǎo)入和導(dǎo)出表格數(shù)據(jù)5.3.3 排序表格實(shí)訓(xùn)5 使用表格設(shè)計(jì)“禮品店主頁(yè)習(xí)題5第6章 框架6.1 學(xué)習(xí)任務(wù)1：框架和框架集6.1.1 認(rèn)識(shí)框架和框架集6.1.2 創(chuàng)建和保存框架集6.2 學(xué)習(xí)任務(wù)2：編輯框架6.3 學(xué)習(xí)任務(wù)3：設(shè)置框架和框架集屬性6.4 學(xué)習(xí)任務(wù)4：框架標(biāo)簽6.5 案例1：利用框架設(shè)計(jì)網(wǎng)頁(yè)6.6 案例2：創(chuàng)建浮動(dòng)框架網(wǎng)頁(yè)實(shí)訓(xùn)6 用框架設(shè)計(jì)“立楊花園”網(wǎng)頁(yè)習(xí)題6第7章 使用AP Div元素7.1 學(xué)習(xí)任務(wù)1：AP Div元素7.1.1 AP Div概述7.1.2 創(chuàng)建AP Div元素7.1.3 設(shè)置.AP Div元素的屬性7.1.4 “AP元素”面板7.1.5 AP Div元素的基本操作7.2 案例：使用AP Div元素布局網(wǎng)頁(yè)7.3 學(xué)習(xí)任務(wù)2：AP Div元素與表格相互轉(zhuǎn)換7.3.1 將AP Div元素轉(zhuǎn)換為表格7.3.2 將表格轉(zhuǎn)換為AP Div元素7.4 學(xué)習(xí)任務(wù)3：AP Div標(biāo)簽7.5 學(xué)習(xí)任務(wù)4：使用Div標(biāo)簽7.5.1 CSS與Div標(biāo)簽7.5.2 插入Div標(biāo)簽7.5.3 設(shè)置Div屬性實(shí)訓(xùn)7使用Div+CSS制作企業(yè)網(wǎng)站主頁(yè)7習(xí)題第8章 使用行為和表單8.1 學(xué)習(xí)任務(wù)1：認(rèn)識(shí)行為8.1 .1行為的基本知識(shí)8.1.2 行為面板與行為菜單8.1.3 行為的基本操作8.2 案例1：添加彈出提示信息的行為8.3 案例2：制作網(wǎng)頁(yè)加載時(shí)彈出的公告頁(yè)8.4 案例3：使用行為設(shè)置圖像特效“交換圖像”8.5 案例4：通過(guò)行為設(shè)置文本8.5.1 設(shè)置狀態(tài)欄文本8.5.2 設(shè)置容器的文本8.6 學(xué)習(xí)任務(wù)2：表單和表單對(duì)象8.6.1 表單8.6.2 表單對(duì)象8.7 案例5：制作“用戶(hù)注冊(cè)頁(yè)面8.7.1 “用戶(hù)注冊(cè)”界面設(shè)計(jì)8.7.2 插入文本域8.7.3 插入單選按鈕8.7.4 插入復(fù)選框8.7.5 插入列表／菜單8.7.6 插入按鈕8.8 案例6：插入Spry表單元素8.8.1 插入Spry菜單欄8.8.2 插入Spry選項(xiàng)卡式面板8.8.3 插入Spry折疊式控件8.8.4 插入Spry可折疊面板控件實(shí)訓(xùn)8習(xí)題8第9章 模板、庫(kù)和資源管理9.1 案例：創(chuàng)建基于模板的網(wǎng)頁(yè)9.1.1 模板簡(jiǎn)介9.1.2 創(chuàng)建模板9.1.3 定義模板的可編輯區(qū)域9.1.4 創(chuàng)建基于模板的文檔9.1.5 在現(xiàn)有文檔上應(yīng)用模板9.1.6 編輯模板9.1.7 從模板中分離文檔9.1.8 更新基于模板的頁(yè)面9.2 學(xué)習(xí)任務(wù)1：使用庫(kù)項(xiàng)目9.2.1 庫(kù)概述9.2.2 創(chuàng)建庫(kù)項(xiàng)目9.2.3 管理和編輯庫(kù)項(xiàng)目9.3 學(xué)習(xí)任務(wù)2：資源管理9.3.1 資源面板9.3.2 使用站點(diǎn)列表管理資源9.3.3 使用收藏列表管理資源9.3.4 在另外的站點(diǎn)中重新使用資源實(shí)訓(xùn)9習(xí)題9第10章 站點(diǎn)的測(cè)試、發(fā)布、管理與維護(hù)10.1 學(xué)習(xí)任務(wù)1：測(cè)試和發(fā)布站點(diǎn)10.1.1 測(cè)試站點(diǎn)10.1.2 發(fā)布站點(diǎn)10.2 學(xué)習(xí)任務(wù)2：管理網(wǎng)站10.2.1 同步本地和遠(yuǎn)程站點(diǎn)10.2.2 標(biāo)識(shí)和刪除未使用的文件10.2.3 在設(shè)計(jì)備注中管理站點(diǎn)信息10.3 學(xué)習(xí)任務(wù)3：維護(hù)站點(diǎn)10.3.1 上傳和下載10.3.2 文件傳輸管理10.3.3 遮蓋文件和文件夾10.3.4 存回和取出系統(tǒng)10.3.5 導(dǎo)入和導(dǎo)出站點(diǎn)10.4 學(xué)習(xí)任務(wù)4：網(wǎng)站的宣傳10.4.1 注冊(cè)搜索引擎10.4.2 鏈接和廣告10.4.3 其他宣傳方法習(xí)題10第11章 綜合實(shí)例——制作電子商務(wù)類(lèi)網(wǎng)站首頁(yè)11.1 網(wǎng)站建設(shè)的前期準(zhǔn)備工作11.1.1 網(wǎng)站整體需求分析11.1.2 確定網(wǎng)站風(fēng)格11.1.3 網(wǎng)站素材搜集11.2 創(chuàng)建站點(diǎn)11.3 網(wǎng)站主頁(yè)制作11.3.1 使用Div+CSS布局頁(yè)面11.3.2 設(shè)置頁(yè)面屬性11.3.3 插入圖片11.3.4 添加導(dǎo)航條11.3.5 推薦廠(chǎng)家11.3.6 網(wǎng)頁(yè)廣告設(shè)計(jì)制作11.3.7 頁(yè)面右側(cè)欄目設(shè)計(jì)11.3.8 行業(yè)欄目設(shè)計(jì)11.3.9 右邊側(cè)欄設(shè)計(jì)11.3.10 網(wǎng)頁(yè)底部設(shè)計(jì)11.3.11 案例小結(jié)參考文獻(xiàn)

章節(jié)摘錄

　　2.圖像　　圖像在網(wǎng)頁(yè)中可以起到提供信息、展示作品、美化網(wǎng)頁(yè)以及體現(xiàn)風(fēng)格等功效。圖像可以用作網(wǎng)頁(yè)的標(biāo)題、網(wǎng)站Logo、網(wǎng)頁(yè)背景、鏈接按鈕、導(dǎo)航欄和網(wǎng)頁(yè)主圖等。圖像給人的視覺(jué)效果要比文字強(qiáng)烈得多，在網(wǎng)頁(yè)中靈活應(yīng)用圖像可以起到點(diǎn)綴的效果。雖然圖像在網(wǎng)頁(yè)中不可或缺，但也不能太多，這是因?yàn)閳D像的下載速度較慢，如果網(wǎng)頁(yè)上放置了過(guò)多的圖片，就會(huì)顯得很亂，有喧賓奪主之勢(shì)。　　網(wǎng)頁(yè)上的圖像文件大部分使用JPG和GIF格式，它們除了具有壓縮比例高外，還具有跨平臺(tái)的特性。　　3.動(dòng)畫(huà)　　動(dòng)畫(huà)是網(wǎng)頁(yè)上最活躍的元素。通常，制作優(yōu)秀、創(chuàng)意出眾的動(dòng)畫(huà)是吸引瀏覽者的最有效的方法。如果網(wǎng)頁(yè)中存有太多的動(dòng)畫(huà)，會(huì)使瀏覽者眼花繚亂，無(wú)心細(xì)看。因此，設(shè)計(jì)者對(duì)動(dòng)畫(huà)制作的要求越來(lái)越高。在網(wǎng)頁(yè)中加入的動(dòng)畫(huà)一般是GIF格式的動(dòng)畫(huà)和Flash動(dòng)畫(huà)?！　?.導(dǎo)航欄　　導(dǎo)航欄是網(wǎng)站設(shè)計(jì)者在規(guī)劃網(wǎng)站結(jié)構(gòu)時(shí)必須考慮的一個(gè)問(wèn)題，站點(diǎn)的每個(gè)網(wǎng)頁(yè)上均應(yīng)設(shè)置導(dǎo)航欄，并且應(yīng)將其放置在網(wǎng)頁(yè)中比較明顯的位置。設(shè)置導(dǎo)航欄的目的是使瀏覽者能夠順利地瀏覽網(wǎng)頁(yè)，方便地返回主頁(yè)或繼續(xù)下一頁(yè)的訪(fǎng)問(wèn)。導(dǎo)航欄可以是文本、按鈕或圖像的樣式?！　?.超鏈接　　超鏈接是網(wǎng)頁(yè)中最為有用的功能之一。超鏈接是從一個(gè)網(wǎng)頁(yè)指向另一個(gè)網(wǎng)頁(yè)的鏈接，該鏈接既可以指向本地網(wǎng)站的另一個(gè)網(wǎng)頁(yè)，也可以指向世界各地的其他網(wǎng)頁(yè)?！　o(wú)論是文本還是圖像，都可以加上超鏈接標(biāo)記，當(dāng)鼠標(biāo)指上超鏈接對(duì)象時(shí)會(huì)變成小手形狀，左擊鼠標(biāo)即可鏈接到相應(yīng)地址（URL）的網(wǎng)頁(yè)。超鏈接包括站內(nèi)鏈接和站外鏈接。　?。?）站內(nèi)鏈接：若網(wǎng)站規(guī)劃了多個(gè)主題板塊，需要給網(wǎng)站的首頁(yè)加入超鏈接，讓瀏覽者可以快速地轉(zhuǎn)到感興趣的頁(yè)面。在各個(gè)子頁(yè)面也要有超鏈接，并設(shè)有能夠回到主頁(yè)的鏈接?！　。?）站外鏈接：在個(gè)人網(wǎng)站上放置一些與網(wǎng)站主題有關(guān)的對(duì)外鏈接，不但可以把好的網(wǎng)站介紹給瀏覽者，而且能使瀏覽者樂(lè)意再度光臨該網(wǎng)站。

圖書(shū)封面

評(píng)論、評(píng)分、閱讀與下載

---

    Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程 PDF格式下載

---