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

前言

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

內(nèi)容概要

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

書籍目錄

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

章節(jié)摘錄

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

圖書封面

評論、評分、閱讀與下載

---

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

---