網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)（第4版）

目 錄
第1章 Web基礎(chǔ) （1）
1．1 Web簡(jiǎn)介 （1）
1．1．1 WWW和瀏覽器的基本概念 （1）
1．1．2 URL （2）
1．1．3 超文本 （3）
1．1．4 超文本置標(biāo)語(yǔ)言HTML （3）
1．1．5 HTTP （3）
1．1．6 搜索引擎 （4）
1．2 網(wǎng)站、網(wǎng)頁(yè)和主頁(yè) （4）
1．3 Web標(biāo)準(zhǔn) （5）
1．3．1 什么是Web標(biāo)準(zhǔn) （5）
1．3．2 建立Web標(biāo)準(zhǔn)的優(yōu)點(diǎn) （6）
1．3．3 理解表現(xiàn)和結(jié)構(gòu)相分離 （6）
習(xí)題1 （7）
第2章 網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì) （8）
2．1 網(wǎng)站的開發(fā)流程 （8）
2．1．1 規(guī)劃站點(diǎn) （8）
2．1．2 網(wǎng)站制作 （9）
2．1．3 測(cè)試網(wǎng)站 （9）
2．1．4 發(fā)布站點(diǎn) （10）
2．2 網(wǎng)站內(nèi)容的設(shè)計(jì) （10）
2．2．1 設(shè)計(jì)網(wǎng)站的欄目 （10）
2．2．2 設(shè)計(jì)網(wǎng)站的版塊 （11）
2．2．3 設(shè)計(jì)網(wǎng)站的鏈接結(jié)構(gòu) （11）
2．3 網(wǎng)頁(yè)的基本元素 （12）
2．4 網(wǎng)頁(yè)布局結(jié)構(gòu) （14）
2．5 網(wǎng)頁(yè)版面設(shè)計(jì) （14）
2．5．1 版面尺寸規(guī)范化 （14）
2．5．2 版面編排原則 （15）
2．5．3 網(wǎng)頁(yè)排版布局的一般步驟 （15）
2．5．4 版面典型風(fēng)格 （16）
2．5．5 設(shè)計(jì)誤區(qū) （17）
2．6 網(wǎng)頁(yè)色彩搭配 （17）
2．6．1 色彩的特征 （18）
2．6．2 色彩搭配 （18）
2．7 常見的網(wǎng)頁(yè)編輯工具 （19）
2．8 認(rèn)識(shí)HTML5+CSS3+JavaScript技術(shù)組合 （20）
2．8．1 HTML5簡(jiǎn)介 （20）
2．8．2 CSS3簡(jiǎn)介 （21）
2．8．3 JavaScript簡(jiǎn)介 （22）
2．9 創(chuàng)建第一個(gè)網(wǎng)頁(yè) （22）
習(xí)題2 （25）
第3章 構(gòu)建HTML5網(wǎng)頁(yè)結(jié)構(gòu) （26）
3．1 HTML5的基本結(jié)構(gòu) （26）
3．1．1 HTML5語(yǔ)法結(jié)構(gòu) （26）
3．1．2 HTML5編寫規(guī)范 （27）
3．1．3 HTML5文檔結(jié)構(gòu) （27）
3．1．4 網(wǎng)頁(yè)頭部標(biāo)簽 （28）
3．1．5 案例――制作美家裝飾產(chǎn)品簡(jiǎn)介頁(yè)面 （30）
3．2 段落與文本排版 （31）
3．2．1 注釋標(biāo)簽 （31）
3．2．2 段落標(biāo)簽 （31）
3．2．3 換行標(biāo)簽 （32）
3．2．4 標(biāo)題標(biāo)簽 （32）
3．2．5 字體標(biāo)簽 （33）
3．2．6 縮排標(biāo)簽 （34）
3．2．7 水平線標(biāo)簽 （34）
3．2．8 特殊符號(hào) （35）
3．2．9 案例――制作美家裝飾服務(wù)指南頁(yè)面 （35）
3．3 圖像 （36）
3．3．1 網(wǎng)頁(yè)圖像文件的格式及使用要點(diǎn) （36）
3．3．2 圖像標(biāo)簽 （37）
3．3．3 設(shè)置網(wǎng)頁(yè)背景圖像 （39）
3．3．4 圖文混排 （39）
3．3．5 案例――制作美家裝飾公司圖文簡(jiǎn)介頁(yè)面 （40）
3．4 超鏈接 （41）
3．4．1 超鏈接概述 （41）
3．4．2 超鏈接的應(yīng)用 （42）
3．4．3 案例――制作美家裝飾下載專區(qū)頁(yè)面 （44）
3．5 列表 （46）
3．5．1 無序列表 （46）
3．5．2 有序列表 （47）
3．5．3 定義列表 （47）
3．5．4 嵌套列表 （48）
3．5．5 案例――制作美家裝飾公司名片頁(yè)面 （49）
3．6 ＜div＞標(biāo)簽 （50）
3．7 ＜span＞標(biāo)簽 （51）
3．7．1 基本語(yǔ)法 （51）
3．7．2 ＜span＞與＜div＞標(biāo)簽的區(qū)別 （51）
3．7．3 使用＜div＞標(biāo)簽和＜span＞標(biāo)簽布局網(wǎng)頁(yè)內(nèi)容 （51）
3．8 使用結(jié)構(gòu)元素構(gòu)建網(wǎng)頁(yè)布局 （52）
習(xí)題3 （56）
第4章 HTML5頁(yè)面的布局與交互 （58）
4．1 表格 （58）
4．1．1 表格的結(jié)構(gòu) （58）
4．1．2 表格的基本語(yǔ)法 （58）
4．1．3 表格的屬性 （59）
4．1．4 跨行跨列表格 （61）
4．1．5 表格數(shù)據(jù)的分組 （63）
4．1．6 案例――使用表格布局美家裝飾產(chǎn)品展示頁(yè)面 （64）
4．2 表單 （65）
4．2．1 表單的基本概念 （65）
4．2．2 表單標(biāo)簽 （66）
4．2．3 表單元素 （66）
4．2．4 案例――制作美家裝飾會(huì)員注冊(cè)表單 （69）
4．2．5 使用表格布局表單 （71）
習(xí)題4 （73）
第5章 CSS3入門 （74）
5．1 CSS3概述 （74）
5．1．1 CSS3的特點(diǎn) （74）
5．1．2 CSS3的編寫規(guī)范 （75）
5．1．3 CSS3的工作環(huán)境 （76）
5．1．6 CSS的優(yōu)勢(shì)與局限性 （77）
5．2 CSS語(yǔ)法規(guī)則 （78）
5．2．1 CSS樣式規(guī)則 （78）
5．2．2 基本選擇符 （79）
5．2．3 復(fù)合選擇符 （81）
5．2．4 通配符選擇符 （83）
5．2．5 屬性選擇符 （84）
5．2．6 特殊選擇符 （87）
5．3 CSS的屬性單位 （89）
5．3．1 長(zhǎng)度、百分比單位 （89）
5．3．2 顏色單位 （90）
5．4 CSS的引用方法 （90）
5．4．1 行內(nèi)樣式 （91）
5．4．2 內(nèi)部樣式表 （91）
5．4．3 鏈入外部樣式表 （92）
5．4．4 導(dǎo)入外部樣式表 （93）
5．4．5 案例――制作美家裝飾業(yè)務(wù)簡(jiǎn)介頁(yè)面 （94）
5．5 文檔結(jié)構(gòu) （96）
5．5．1 文檔結(jié)構(gòu)的基本概念 （96）
5．5．2 繼承 （97）
5．5．3 樣式表的層疊、特殊性與重要性 （98）
5．5．4 元素類型 （101）
5．5．5 案例――制作美家裝飾新聞更新局部頁(yè)面 （101）
習(xí)題5 （104）
第6章 盒模型 （106）
6．1 盒模型簡(jiǎn)介 （106）
6．2 盒模型的屬性 （107）
6．2．1 邊框 （107）
6．2．2 外邊距 （110）
6．2．3 內(nèi)邊距 （112）
6．2．4 案例――盒模型的演示 （112）
6．3 盒模型的大小 （114）
6．3．1 盒模型的寬度與高度 （114）
6．3．2 塊級(jí)元素與行級(jí)元素寬度和高度的區(qū)別 （114）
6．4 盒子的margin合并問題 （115）
6．4．1 行級(jí)元素之間的水平margin合并 （115）
6．4．2 塊級(jí)元素之間的垂直margin合并 （116）
6．5 盒模型綜合案例――美家裝飾頁(yè)面頂部?jī)?nèi)容 （118）
6．6 盒子的定位 （120）
6．6．1 定位屬性 （120）
6．6．2 定位方式 （122）
6．7 浮動(dòng)與清除浮動(dòng) （126）
6．7．1 浮動(dòng) （126）
6．7．2 清除浮動(dòng) （130）
6．8 綜合案例――美家裝飾營(yíng)銷模式頁(yè)面 （131）
6．8．1 頁(yè)面布局規(guī)劃 （131）
6．8．2 頁(yè)面的制作過程 （132）
習(xí)題6 （135）
第7章 CSS3格式化排版 （137）
7．1 設(shè)置字體樣式 （137）
7．1．1 字體類型 （137）
7．1．2 字體大小 （137）
7．1．3 字體粗細(xì) （138）
7．1．4 字體傾斜 （138）
7．1．5 設(shè)置字體樣式綜合案例 （138）
7．2 設(shè)置文本樣式 （139）
7．2．1 文本水平對(duì)齊方式 （140）
7．2．2 行高 （140）
7．2．3 文本的修飾 （140）
7．2．4 段落首行縮進(jìn) （140）
7．2．5 首字下沉 （140）
7．2．6 文本的截?cái)?（141）
7．2．7 文本換行 （141）
7．2．8 文本的顏色 （142）
7．2．9 文本的背景顏色 （142）
7．2．10 設(shè)置文本樣式綜合案例 （142）
7．3 設(shè)置圖像樣式 （144）
7．3．1 圖像縮放 （144）
7．3．2 圖像邊框 （145）
7．3．3 背景圖像 （146）
7．3．4 背景重復(fù) （147）
7．3．5 背景圖像定位 （148）
7．3．6 背景圖像大小 （149）
7．4 綜合案例――制作美家裝飾購(gòu)物樂園頁(yè)面 （150）
7．4．1 頁(yè)面布局規(guī)劃 （150）
7．4．2 頁(yè)面的制作過程 （151）
習(xí)題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 案例――制作美家裝飾會(huì)員注冊(cè)頁(yè)面 （164）
習(xí)題8 （168）
第9章 使用CSS3設(shè)置鏈接與導(dǎo)航 （170）
9．1 使用CSS3設(shè)置鏈接 （170）
9．1．1 設(shè)置文字鏈接的外觀 （170）
9．1．2 背景鏈接 （173）
9．1．3 按鈕式鏈接 （174）
9．2 使用CSS3設(shè)置列表 （175）
9．2．1 表格布局的局限性 （175）
9．2．2 列表布局的優(yōu)勢(shì) （176）
9．2．3 CSS列表屬性 （176）
9．2．4 圖文信息列表 （181）
9．3 創(chuàng)建導(dǎo)航菜單 （185）
9．3．1 普通的超鏈接導(dǎo)航菜單 （185）
9．3．2 縱向列表模式的導(dǎo)航菜單 （186）
9．3．3 橫向列表模式的導(dǎo)航菜單 （190）
9．4 綜合案例――制作美家裝飾博客頁(yè)面 （194）
9．4．1 頁(yè)面布局規(guī)劃 （194）
9．4．2 頁(yè)面的制作過程 （195）
習(xí)題9 （203）
第10章 Div+CSS布局技術(shù) （205）
10．1 Div+CSS布局技術(shù)簡(jiǎn)介 （205）
10．1．1 什么是Div+CSS布局 （205）
10．1．2 正確理解Web標(biāo)準(zhǔn) （205）
10．1．3 Div分塊頁(yè)面 （206）
10．2 常見的CSS布局樣式 （207）
10．2．1 兩列布局樣式 （207）
10．2．2 三列布局樣式 （211）
10．3 綜合案例――制作美家裝飾綠色環(huán)保頁(yè)面 （214）
10．3．1 頁(yè)面布局規(guī)劃 （214）
10．3．2 頁(yè)面的制作過程 （215）
10．4 綜合案例――制作美家裝飾網(wǎng)絡(luò)營(yíng)銷頁(yè)面 （222）
10．4．1 頁(yè)面布局規(guī)劃 （222）
10．4．2 頁(yè)面的制作過程 （223）
習(xí)題10 （229）
第11章 網(wǎng)頁(yè)行為語(yǔ)言――JavaScript （232）
11．1 JavaScript簡(jiǎn)介 （232）
11．2 在網(wǎng)頁(yè)中插入JavaScript的方法 （232）
11．3 JavaScript的交互方法 （233）
11．3．1 基本的對(duì)話框交互 （233）
11．3．2 表單對(duì)象的交互 （236）
11．4 制作網(wǎng)頁(yè)特效 （240）
11．4．1 制作網(wǎng)頁(yè)Tab選項(xiàng)卡切換效果 （240）
11．4．2 循環(huán)滾動(dòng)的圖文字幕 （244）
11．4．3 制作輪播廣告 （247）
習(xí)題11 （249）
第12章 美家裝飾前臺(tái)頁(yè)面 （251）
12．1 網(wǎng)站的組織結(jié)構(gòu) （251）
12．1．1 前臺(tái)頁(yè)面的組成 （251）
12．1．2 后臺(tái)管理頁(yè)面的組成 （251）
12．1．3 主要制作頁(yè)面簡(jiǎn)介 （252）
12．2 設(shè)計(jì)首頁(yè)布局 （252）
12．2．1 創(chuàng)建站點(diǎn)目錄 （252）
12．2．2 頁(yè)面布局規(guī)劃 （253）
12．3 制作首頁(yè) （253）
12．4 制作產(chǎn)品管理頁(yè) （263）
12．5 制作產(chǎn)品明細(xì)頁(yè) （265）
12．6 制作新聞列表頁(yè) （272）
習(xí)題12 （275）
第13章 美家裝飾后臺(tái)管理頁(yè)面 （277）
13．1 制作后臺(tái)管理登錄頁(yè) （277）
13．2 制作查詢商品頁(yè) （281）
13．3 制作添加商品頁(yè) （291）
13．4 制作修改商品頁(yè) （295）
13．5 網(wǎng)站的整合 （298）
習(xí)題13 （299）
參考文獻(xiàn) （300）