網站建設與網頁設計專案化教程（簡體書）

本書是作者根據多年從事網站設計及教學工作的經驗，其特色是以網頁制作主流的軟件——網頁三劍客Dreamweaver、Fireworks和Flash為主線，對網頁設計與制作技術進行了全面深入的講解，將網頁制作技術適當分層編寫，精選教學案例，做到既有理論又有實踐，采用“知識點 實例操作”的結構來講解。本書實用性強、知識點新、層次清楚、由淺入深、循序漸進，所選的案例均是實戰中的典型案例，便于讀者學習和應用，并真正達到舉一反三。全書貫穿了不同行業的多種實例，各實例均經過精心設計，操作步驟清晰簡明，技術分析深入淺出，實例效果精美，還精心配備了PPT電子課件、教學視頻，便于老師課堂教學和學生把握知識要點。本教材淺顯易懂，實踐性與指導性較強，特別適合網頁設計與制作的初級用戶，可作為高中起點本科或大專院校計算機專業學生的教材，也可作為相關領域人員的網頁設計入門學習用書或參考書。

1. 本書的特色在于學習過程采用符合專業技能的形成規律的層次化技能訓練過程，每個章節主題通過六個層次來進行教學訓練，這六個層次分別是作品賞析、模仿實踐、拓展實踐、單元獨立實踐、綜合項目實訓、自主探索開發。2. 針對網頁設計初學者，通過作品或實踐項目導入知識點，以*效的方式介紹*重要的技能，以項目案例開發為主題，對實踐中必不可少的各項重要技術進行了全面介紹與系統講解，由淺入深、循序漸進地介紹了網站設計與開發的常用技術和方法，并對業界流行的DIV CSS布局應用進行了深度整合與實戰剖析，可使讀者快速實現入門與精通。3. 本書內容以項目實例開發為核心，課程內容精心組合，技能訓練層次化，實踐內容項目化。選例實用，講解透徹，內容豐富，注重思維方法與實踐應用。每個項目集中了一些特定的概念，并且以現實世界的情形為基礎。4. 為了方便讀者學習和滿足教學需要，本教材配備了大量的電子資源，可從出版社網站下載。

目錄



第1章網頁制作基礎知識11.1網頁及其制作工具11.1.1網頁的定義11.1.2網頁的本質31.1.3常用的網頁制作軟件51.2網站設計流程71.2.1規劃站點71.2.2設計站點81.2.3制作網頁91.2.4網站發布與維護10本章實訓10第2章建立站點與編輯網頁132.1Dreamweaver CC簡介132.1.1Dreamweaver CC的工作界面132.1.2定義站點172.1.3基本功能簡介202.1.4基本功能實例講解212.2制作個網頁262.2.1創建網頁262.2.2向頁面添加元素262.2.3制作網頁的一般過程262.3文本修飾272.3.1文本的輸入272.3.2字符格式302.3.3段落格式312.3.4列表格式322.4超鏈接的運用342.4.1超鏈接的基本定義342.4.2在Dreamweaver CC中設置超鏈接352.4.3超鏈接的顏色372.5綜合案例382.5.1項目說明382.5.2設計過程38本章實訓42第3章網頁中的圖像與多媒體443.1圖像的一般知識443.1.1矢量圖與位圖443.1.2圖像格式443.2在網頁中使用圖像493.2.1Web圖像使用要點503.2.2插入圖像與背景圖像503.2.3修改圖像屬性533.3其他圖像元素543.3.1圖像鏈接與圖像映射543.3.2制作鼠標經過圖像553.4在網頁中插入多媒體563.4.1常用的音頻、視頻格式563.4.2添加背景音樂583.4.3添加Flash動畫583.4.4添加FLV視頻媒體603.5綜合案例633.5.1項目說明633.5.2設計過程63本章實訓66第4章使用表格674.1插入表格674.1.1表格的基本構成674.1.2創建和選擇表格684.2設置表格和單元格的屬性704.2.1設置表格屬性714.2.2設置單元格屬性714.3綜合案例724.3.1項目說明724.3.2設計過程72本章實訓74第5章使用CSS樣式美化網頁765.1認識CSS樣式765.1.1CSS的神奇性765.1.2CSS與瀏覽器765.2創建和使用CSS樣式775.2.1“CSS設計器”面板775.2.2創建CSS樣式選擇器795.3設置CSS樣式屬性855.3.1設置布局樣式855.3.2設置文本樣式855.3.3設置邊框樣式875.3.4設置背景樣式875.3.5設置其他樣式885.4綜合案例895.4.1項目說明895.4.2設計過程89本章實訓94第6章網頁版式與配色設計956.1網頁版式設計956.1.1網頁版面的視覺要素956.1.2網頁編排設計的基本形式996.2網頁中的文字編排1046.2.1文字內容區域1046.2.2字體大小設置1046.2.3行對齊1056.2.4行間距的設定1056.3網站的色彩選擇與搭配1066.3.1網頁色彩的選擇1066.3.2網頁色彩搭配的原理107本章實訓108第7章Div CSS布局1097.1Web標準1097.2使用Div1107.2.1什么是Div1107.2.2層的基本操作1107.3Div CSS布局1137.3.1Div CSS的布局優勢1137.3.2盒模型1147.3.3盒模型實例1157.4綜合案例1167.4.1項目說明1167.4.2設計過程116本章實訓123第8章Flash應用1248.1Flash簡介1248.1.1Flash的基本功能1248.1.2Flash的工作界面1258.1.3Flash的工作流程1278.1.4Flash的基本操作1278.2創建逐幀動畫1328.2.1逐幀動畫的概念1328.2.2逐幀動畫的創建過程1328.3創建補間動畫1348.3.1補間動畫的概念1348.3.2補間動畫示例1358.4創建形變動畫1398.4.1形變動畫的概念1398.4.2形變動畫的創建過程1398.4.3形變的方向控制1398.4.4文字形變動畫示例1418.5常用的網頁Flash元素1438.5.1Flash按鈕制作1438.5.2網頁中的Flash導航條1458.5.3Flash Banner制作146本章實訓147第9章Fireworks應用1499.1Fireworks簡介1499.1.1Fireworks的基本功能1499.1.2Fireworks的工作界面1509.1.3Fireworks的基本操作1519.2位圖的處理1549.2.1常用的位圖工具1549.2.2位圖操作簡單實例1579.3利用Fireworks制作Web特效1619.3.1層1619.3.2制作按鈕1629.4繪制圖形1649.4.1常用的繪圖工具1649.4.2繪制草圖1669.5Fireworks與Dreamweaver結合1679.5.1使用Fireworks規劃網頁布局1679.5.2切片導出網頁1699.5.3Dreamweaver后期修飾171本章實訓172第10章動態網頁17310.1使用表單17310.1.1什么是表單17310.1.2表單的使用方法17310.1.3表單對象的屬性設置17510.1.4表單應用實例17810.2使用行為18110.2.1什么是行為18210.2.2行為的基本操作18210.2.3行為查看器184本章實訓187第11章個人網站綜合實例18811.1站點規劃18811.1.1內容規劃18811.1.2定義本地站點18911.2網頁素材準備19011.2.1繪制頁面草圖19011.2.2圖像素材的準備19011.2.3導航條的制作19111.2.4Flash動畫的制作19211.3網頁制作19411.3.1首頁與內容頁布局19411.3.2內容頁填充19411.3.3基于內容頁制作模板19811.3.4利用模板制作其他頁面19911.4測試發布200本章實訓201