網站規劃與網頁設計（第4版）

內容簡介

本書面向網站開發與網頁製作的讀者雅槳洪禁，採用全新流行的Web標準，以HTML5技術為基礎，由淺入深、完整詳細地介紹了HTML5、CSS3和JavaScript網頁製作內容。本書共分13章，主要內容包括：Web基礎、網站規劃與網頁設計、構建HTML5網頁結構、HTML5頁面的布局與互動、CSS3入門、盒模型、CSS3格式化排版、使用CSS3美化表格與表單、使用CSS3設定連結與導航、Div+CSS布局技術、網頁行為語言——JavaScript、美家裝飾前台頁面和美家裝飾後台管理頁面。本書內容緊扣國家對高等學校培養高級套用型、複合型人才的技能水平和知識結構的要求，以美家裝飾網站項目案例的開發思路為主線，採用模組分解、任務驅動、子任務實現和代碼設計4層結構，通過對模組中每個任務微敬頸戰相應知識點的講解，引導讀者學習網頁製作、設計、規劃的基本知識及項目開發、測試的完整流程。

圖書目錄

第1章 Web基礎（1）

1.1 Web簡介（1）

1.1.1 WWW和瀏覽器的基本概念（1）

1.1.2 URL （2）

1.1.3 超文本（3）

1.1.4 超文本置標語言HTML （3）

1.1.5 HTTP （3）

1.1.6 搜尋引擎（4）

1.2 網站、網頁和主頁（4）

1.3 Web標準（5）

1.3.1 什麼是Web標準（5）

1.3.2 建立Web標準的優點（6）

1.3.3 理解表現和結構相分離（6）

習題1 （7）

第2章網站規劃與網頁設計（8）章滲

2.1 網站的開發流程（8）

2.1.1 規劃站點（8）

2.1.2 網站製作（9）

2.1.3 測匪兆盼試網站（9）

2.1.4 發布站點（10）

2.2 網站內容的設計（10）

2.2.1 設計網站的欄目（10）

2.2.2 設計網站的版塊（11）

2.2.3 設計網站的連結結構（11）

2.3 網頁的基本元素（12）

2.4 網頁布局結構（14）

2.5 網頁版面設計（14）

2.5.1 版面尺寸規範化（14）

2.5.2 版面編排原則（15）

2.5.3 網頁排版布局的一般步驟（15）

2.5.4 版面典型風格（16）

2.5.5 設計誤區（17）

2.6 網頁色彩搭配（17）

2.6.1 色彩的特徵（18）

2.6.2 色彩搭配（18）

2.7 常見的網頁編輯工具（19）

2.8 認識HTML5+CSS3+JavaScript技術組合（20）

2.8.1 HTML5簡介（20）

2.8.2 CSS3簡介（21）

2.8.3 JavaScript簡介（22）

2.9 創建第一個網頁（22）

習題2 （25）

第3章構建HTML5網頁結構（26）

3.1 HTML5的基本結構（26）

3.1.1 HTML5語法結構（灑葛良26）

3.1.2 HTML5編寫規範（27）

3.1.3 HTML5文檔結構（27）

3.1.4 網頁頭部標籤（28）

3.1.5 案整立駝例——製作美家裝飾產品簡介頁面（30）

3.2 段落與文本排版（31）

3.2.1 注釋標籤（31）

3.2.2 段落標籤（31）

3.2.3 換行標籤（32）

3.2.4 標題標籤（32）

3.2.5 字型標籤（33）

3.2.6 縮排標籤（34）

3.2.7 水平線標籤（34）

3.2.8 特殊符號（35）

3.2.9 案例——製作美家裝飾服務指南頁面（35）

3.3 圖像（36）

3.3.1 網頁圖像檔案的格式及使用要點（36）

3.3.2 圖像標籤（37）

3.3.3 設定網頁槳懂喇背景圖像（39）

3.3.4 圖文混排（39）

3.3.5 案例——製作美家裝飾公司圖文簡介頁面（40）

3.4 超連結（41）

3.4.1 超連結概述（41）

3.4.2 超連結的套用（42）

3.4.3 案例——製作美家裝飾下載專區頁面（44）

3.5 列表（46）

3.5.1 無序列表（46）

3.5.2 有序列表（47）

3.5.3 定義列表（47）

3.5.4 嵌套列表（48）

3.5.5 案例——製作美家裝飾公司名片頁面（49）

3.6 標籤（50）

3.7 標籤（51）

3.7.1 基本語法（51）

3.7.2 與標籤的區別（51）

3.7.3 使用標籤和標籤布局網頁內容（51）

3.8 使用結構元素構建網頁布局（52）

習題3 （56）

第4章 HTML5頁面的布局與互動（58）

4.1 表格（58）

4.1.1 表格的結構（58）

4.1.2 表格的基本語法（58）

4.1.3 表格的屬性（59）

4.1.4 跨行跨列表格（61）

4.1.5 表格數據的分組（63）

4.1.6 案例——使用表格布局美家裝飾產品展示頁面（64）

4.2 表單（65）

4.2.1 表單的基本概念（65）

4.2.2 表單標籤（66）

4.2.3 表單元素（66）

4.2.4 案例——製作美家裝飾會員註冊表單（69）

4.2.5 使用表格布局表單（71）

習題4 （73）

第5章 CSS3入門（74）

5.1 CSS3概述（74）

5.1.1 CSS3的特點（74）

5.1.2 CSS3的編寫規範（75）

5.1.3 CSS3的工作環境（76）

5.1.6 CSS的優勢與局限性（77）

5.2 CSS語法規則（78）

5.2.1 CSS樣式規則（78）

5.2.2 基本選擇符（79）

5.2.3 複合選擇符（81）

5.2.4 通配符選擇符（83）

5.2.5 屬性選擇符（84）

5.2.6 特殊選擇符（87）

5.3 CSS的屬性單位（89）

5.3.1 長度、百分比單位（89）

5.3.2 顏色單位（90）

5.4 CSS的引用方法（90）

5.4.1 行內樣式（91）

5.4.2 內部樣式表（91）

5.4.3 鏈入外部樣式表（92）

5.4.4 導入外部樣式表（93）

5.4.5 案例——製作美家裝飾業務簡介頁面（94）

5.5 文檔結構（96）

5.5.1 文檔結構的基本概念（96）

5.5.2 繼承（97）

5.5.3 樣式表的層疊、特殊性與重要性（98）

5.5.4 元素類型（101）

5.5.5 案例——製作美家裝飾新聞更新局部頁面（101）

習題5 （104）

第6章盒模型（106）

6.1 盒模型簡介（106）

6.2 盒模型的屬性（107）

6.2.1 框線（107）

6.2.2 外邊距（110）

6.2.3 內邊距（112）

6.2.4 案例——盒模型的演示（112）

6.3 盒模型的大小（114）

6.3.1 盒模型的寬度與高度（114）

6.3.2 塊級元素與行級元素寬度和高度的區別（114）

6.4 盒子的margin合併問題（115）

6.4.1 行級元素之間的水平margin合併（115）

6.4.2 塊級元素之間的垂直margin合併（116）

6.5 盒模型綜合案例——美家裝飾頁面頂部內容（118）

6.6 盒子的定位（120）

6.6.1 定位屬性（120）

6.6.2 定位方式（122）

6.7 浮動與清除浮動（126）

6.7.1 浮動（126）

6.7.2 清除浮動（130）

6.8 綜合案例——美家裝飾行銷模式頁面（131）

6.8.1 頁面布局規劃（131）

6.8.2 頁面的製作過程（132）

習題6 （135）

第7章 CSS3格式化排版（137）

7.1 設定字型樣式（137）

7.1.1 字型類型（137）

7.1.2 字型大小（137）

7.1.3 字型粗細（138）

7.1.4 字型傾斜（138）

7.1.5 設定字型樣式綜合案例（138）

7.2 設定文本樣式（139）

7.2.1 文本水平對齊方式（140）

7.2.2 行高（140）

7.2.3 文本的修飾（140）

7.2.4 段落首行縮進（140）

7.2.5 首字下沉（140）

7.2.6 文本的截斷（141）

7.2.7 文本換行（141）

7.2.8 文本的顏色（142）

7.2.9 文本的背景顏色（142）

7.2.10 設定文本樣式綜合案例（142）

7.3 設定圖像樣式（144）

7.3.1 圖像縮放（144）

7.3.2 圖像框線（145）

7.3.3 背景圖像（146）

7.3.4 背景重複（147）

7.3.5 背景圖像定位（148）

7.3.6 背景圖像大小（149）

7.4 綜合案例——製作美家裝飾購物樂園頁面（150）

7.4.1 頁面布局規劃（150）

7.4.2 頁面的製作過程（151）

習題7 （153）

第8章使用CSS3美化表格與表單（155）

8.1 美化表格（155）

8.1.1 常用的CSS表格屬性（155）

8.1.2 案例——製作斑馬線表格（158）

8.2 美化表單（160）

8.2.1 使用CSS修飾常用的表單元素（160）

8.2.2 案例——製作美家裝飾會員註冊頁面（164）

習題8 （168）

第9章使用CSS3設定連結與導航（170）

9.1 使用CSS3設定連結（170）

9.1.1 設定文字連結的外觀（170）

9.1.2 背景連結（173）

9.1.3 按鈕式連結（174）

9.2 使用CSS3設定列表（175）

9.2.1 表格布局的局限性（175）

9.2.2 列表布局的優勢（176）

9.2.3 CSS列表屬性（176）

9.2.4 圖文信息列表（181）

9.3 創建導航選單（185）

9.3.1 普通的超連結導航選單（185）

9.3.2 縱向列表模式的導航選單（186）

9.3.3 橫向列表模式的導航選單（190）

9.4 綜合案例——製作美家裝飾部落格頁面（194）

9.4.1 頁面布局規劃（194）

9.4.2 頁面的製作過程（195）

習題9 （203）

第10章 Div+CSS布局技術（205）

10.1 Div+CSS布局技術簡介（205）

10.1.1 什麼是Div+CSS布局（205）

10.1.2 正確理解Web標準（205）

10.1.3 Div分塊頁面（206）

10.2 常見的CSS布局樣式（207）

10.2.1 兩列布局樣式（207）

10.2.2 三列布局樣式（211）

10.3 綜合案例——製作美家裝飾綠色環保頁面（214）

10.3.1 頁面布局規劃（214）

10.3.2 頁面的製作過程（215）

10.4 綜合案例——製作美家裝飾網路行銷頁面（222）

10.4.1 頁面布局規劃（222）

10.4.2 頁面的製作過程（223）

習題10 （229）

第11章網頁行為語言——JavaScript （232）

11.1 JavaScript簡介（232）

11.2 在網頁中插入JavaScript的方法（232）

11.3 JavaScript的互動方法（233）

11.3.1 基本的對話框互動（233）

11.3.2 表單對象的互動（236）

11.4 製作網頁特效（240）

11.4.1 製作網頁Tab選項卡切換效果（240）

11.4.2 循環滾動的圖文字幕（244）

11.4.3 製作輪播廣告（247）

習題11 （249）

第12章美家裝飾前台頁面（251）

12.1 網站的組織結構（251）

12.1.1 前台頁面的組成（251）

12.1.2 後台管理頁面的組成（251）

12.1.3 主要製作頁面簡介（252）

12.2 設計首頁布局（252）

12.2.1 創建站點目錄（252）

12.2.2 頁面布局規劃（253）

12.3 製作首頁（253）

12.4 製作產品管理頁（263）

12.5 製作產品明細頁（265）

12.6 製作新聞列表頁（272）

習題12 （275）

第13章美家裝飾後台管理頁面（277）

13.1 製作後台管理登錄頁（277）

13.2 製作查詢商品頁（281）

13.3 製作添加商品頁（291）

13.4 製作修改商品頁（295）

13.5 網站的整合（298）

習題13 （299）

參考文獻（300）

網站規劃與網頁設計（第4版）

基本介紹

內容簡介

圖書目錄

相關詞條

熱門詞條