第1章 網(wǎng)頁(yè)和網(wǎng)站概述............ 1

1.1 網(wǎng)頁(yè)和網(wǎng)站簡(jiǎn)介............................... 1

1.1.1 網(wǎng)頁(yè)和網(wǎng)站基本概念............................ 1

1.1.2 網(wǎng)頁(yè)基本構(gòu)成要素..... 2

1.1.3 網(wǎng)站頁(yè)面構(gòu)成............ 4

1.1.4 網(wǎng)站類型.................... 5

1.1.5 瀏覽器概述................ 7

1.2 網(wǎng)站制作流程..................................10

1.3 網(wǎng)頁(yè)設(shè)計(jì)原則..................................14

1.4 網(wǎng)頁(yè)設(shè)計(jì)規(guī)范................................. 16

1.4.1 配色原則.................. 16

1.4.2 設(shè)計(jì)尺寸規(guī)范.......... 19

1.4.3 字體規(guī)范.................. 20

1.4.4 命名規(guī)范.................. 20

習(xí)題................................................. 20

第2章 使用網(wǎng)頁(yè)制作工具......... 22

2.1 初識(shí)Dreamweaver工具......... 22

2.2 界面介紹............................................. 23

2.3 軟件初始化設(shè)置............................ 27

2.4 Dreamweaver工具的基本操作........................................... 29

2.5 創(chuàng)建站點(diǎn)............................................. 31

2.5.1 認(rèn)識(shí)站點(diǎn).................. 32

2.5.2 建立站點(diǎn).................. 32

2.5.3 管理站點(diǎn).................. 33

2.6 創(chuàng)建模板.............................................34

2.6.1 認(rèn)識(shí)模板.................. 35

2.6.2 創(chuàng)建模板.................. 35

2.6.3 編輯模板................... 37

2.6.4 管理模板................... 37

習(xí)題..................................................39

第3章 運(yùn)用HTML5搭建網(wǎng)頁(yè)結(jié)構(gòu).................... 40

3.1 HTML和HTML5........................ 40

3.1.1 認(rèn)識(shí)HTML和HTML5................. 40

3.1.2 認(rèn)識(shí)標(biāo)簽................... 41

3.1.3 文檔基本格式........... 42

3.1.4 標(biāo)簽屬性................... 43

3.1.5 HTML5文檔頭部相關(guān)標(biāo)簽................... 44

3.2 文本控制標(biāo)簽................................. 46

3.2.1 標(biāo)題和段落標(biāo)簽....... 46

3.2.2 文本樣式標(biāo)簽........... 49

3.2.3 文本格式化標(biāo)簽....... 50

3.2.4 特殊字符標(biāo)簽........... 51

3.3 圖像標(biāo)簽.............................................51

3.3.1 常用圖像格式........... 52

3.3.2 圖像標(biāo)簽..... 52

3.3.3 路徑和相對(duì)路徑.......................... 56

3.4 認(rèn)識(shí)HTML5新標(biāo)簽....................57

習(xí)題..................................................58

第4章 運(yùn)用CSS3設(shè)置網(wǎng)頁(yè)樣式... 59

4.1 認(rèn)識(shí)CSS和CSS3...........................59

4.2 CSS核心基礎(chǔ).................................. 60

4.2.1 CSS樣式規(guī)則............ 60

4.2.2 引入CSS樣式表........ 62

4.2.3 CSS基礎(chǔ)選擇器........ 66

4.3 CSS文本樣式.................................. 71

4.3.1 字體樣式屬性.......... 71

4.3.2 文本外觀屬性.......... 74

4.4 CSS高級(jí)屬性..................................80

4.4.1 CSS層疊性和繼承性.................. 80

4.4.2 CSS優(yōu)先級(jí)................ 82

4.5 CSS3新增選擇器.......................... 85

習(xí)題................................................. 87

第5章 運(yùn)用盒子模型劃分網(wǎng)頁(yè)模塊... 88

5.1 盒子模型概述.................................. 88

5.1.1 認(rèn)識(shí)盒子模型.......... 88

5.1.2 標(biāo)簽................ 89

5.1.3 盒子的寬與高.......... 90

5.2 盒子模型相關(guān)屬性....................... 91

5.2.1 邊框?qū)傩?................. 91

5.2.2 內(nèi)邊距屬性.............. 98

5.2.3 外邊距屬性.............. 99

5.2.4 box-shadow屬性.....101

5.2.5 box-sizing屬性........102

5.2.6 背景屬性.................104

5.3 元素類型與轉(zhuǎn)換......................... 112

5.3.1 元素的類型.............112

5.3.2 標(biāo)簽.............113

5.3.3 元素的轉(zhuǎn)換.............115

5.4 塊元素垂直外邊距的合并... 115

5.4.1 相鄰塊元素垂直

外邊距的合并.........115

5.4.2 嵌套塊元素垂直

外邊距的合并.........116

習(xí)題............................................... 117

第6章 為網(wǎng)頁(yè)添加列表和超鏈接...119

6.1 列表標(biāo)簽......................................... 119

6.1.1 無(wú)序列表

......... 119

6.1.2 有序列表

......... 121

6.1.3 定義列表

......... 122

6.2 CSS控制列表樣式.....................123

6.2.1 list-style-type屬性.... 123

6.2.2 list-style-image屬性........................ 125

6.2.3 list-style-position屬性........................ 125

6.2.4 list-style屬性........... 127

6.3 超鏈接標(biāo)簽.....................................128

6.3.1 創(chuàng)建超鏈接............. 128

6.3.2 錨點(diǎn)鏈接................. 130

6.4 鏈接偽類控制超鏈接...............131

習(xí)題................................................133

第7章 為網(wǎng)頁(yè)添加表格和表單.... 134

7.1 表格標(biāo)簽......................................... 134

7.1.1 創(chuàng)建表格................. 134

7.1.2

標(biāo)簽的屬性........................ 136

7.1.3

標(biāo)簽的屬性..... 139

7.1.4

標(biāo)簽的屬性..... 141 7.1.5

標(biāo)簽................ 143 7.2 CSS控制表格樣式.................... 143 7.2.1 CSS控制表格邊框.... 143 7.2.2 CSS控制單元格邊距........................ 145 7.2.3 CSS控制單元格寬高........................ 147 7.3 認(rèn)識(shí)表單......................................... 148 7.3.1 表單的構(gòu)成............. 148 7.3.2 創(chuàng)建表單................. 148 7.3.3 表單屬性................. 149 7.4 表單控件......................................... 150 7.4.1 input控件................ 150 7.4.2 標(biāo)簽的type屬性..................151 7.4.3 標(biāo)簽的其他屬性.................156 7.4.4 textarea控件.............159 7.4.5 select控件.................160 7.4.6 datalist控件...............162 7.5 CSS控制表單樣式.................... 162 習(xí)題............................................... 164 第8章 運(yùn)用浮動(dòng)和定位布局網(wǎng)頁(yè)...166 8.1 布局概述......................................... 166 8.2 布局常用屬性............................... 167 8.2.1 標(biāo)簽的浮動(dòng)屬性......167 8.2.2 標(biāo)簽的定位屬性......175 8.3 布局其他屬性...............................180 8.3.1 overflow屬性...........180 8.3.2 Z-index標(biāo)簽層疊....182 8.4 布局類型......................................... 182 8.4.1 單列布局.................182 8.4.2 兩列布局.................184 8.4.3 三列布局.................185 8.5 網(wǎng)頁(yè)模塊命名規(guī)范.................... 189 習(xí)題............................................... 190 第9章 全新的網(wǎng)頁(yè)視聽(tīng)技術(shù)......191 9.1 音頻、視頻嵌入技術(shù).............. 191 9.1.1 傳統(tǒng)音頻、視頻嵌入方式.........................191 9.1.2 使用 9.1.3 使用 9.1.4 瀏覽器對(duì)音視頻文件的兼容性.....................194 9.1.5 控制視頻的寬高......196 9.2 過(guò)渡.................................................... 198 9.2.1 transition-property 屬性........................ 198 9.2.2 transition-duration 屬性........................ 200 9.2.3 transition-timingfunction 屬性........... 200 9.2.4 transition-delay 屬性........................ 201 9.2.5 transition屬性.......... 202 9.3 變形.................................................... 202 9.3.1 2D變形.................... 202 9.3.2 3D變形.................... 207 9.4 動(dòng)畫(huà).....................................................212 9.4.1 @keyframes ............. 212 9.4.2 animation-name屬性........................ 213 9.4.3 animation-duration屬性........................ 213 9.4.4 animation-timingfunction屬性........... 214 9.4.5 animation-delay屬性........................ 214 9.4.6 animation-iterationcount屬性............... 215 9.4.7 animation-direction屬性........................ 215 9.4.8 animation屬性......... 216 習(xí)題................................................217 第10章 CSS應(yīng)用技巧.......... 218 10.1 CSS精靈技術(shù).............................218 10.1.1 認(rèn)識(shí)CSS精靈........ 218 10.1.2 應(yīng)用CSS精靈........ 219 10.2 CSS滑動(dòng)門(mén)技術(shù).......................222 10.2.1 認(rèn)識(shí)滑動(dòng)門(mén)........... 222 10.2.2 使用滑動(dòng)門(mén)制作導(dǎo)航條...................223 10.3 margin設(shè)置負(fù)值技巧......... 226 10.3.1 margin負(fù)值基本應(yīng)用.......................226 10.3.2 利用margin負(fù)值制作壓線效果...............228 習(xí)題............................................... 231 第11章 JavaScript基礎(chǔ)知識(shí)....232 11.1 初識(shí)JavaScript ...................... 232 11.1.1 JavaScript簡(jiǎn)介........234 11.1.2 JavaScript語(yǔ)法規(guī)則.......................235 11.1.3 JavaScript引入方式.......................237 11.1.4 JavaScript常用輸出語(yǔ)句.......................238 11.1.5 簡(jiǎn)單的JavaScript頁(yè)面.......................238 11.2 JavaScript基礎(chǔ)入門(mén)...........240 11.2.1 數(shù)據(jù)類型...............240 11.2.2 數(shù)據(jù)基本操作........241 11.2.3 常見(jiàn)的流程控制語(yǔ)句.......................243 11.2.4 函數(shù).......................247 11.2.5 對(duì)象.......................249 11.2.6 事件和事件調(diào)用.....254 11.2.7 常見(jiàn)的JavaScript事件.......................255 11.3 網(wǎng)頁(yè)中常見(jiàn)的JavaScript特效................................................. 256 11.3.1 驗(yàn)證碼...................256 11.3.2 焦點(diǎn)圖輪播...........258 習(xí)題................................................262 第12章 測(cè)試和發(fā)布網(wǎng)站........ 264 12.1 網(wǎng)站測(cè)試...................................... 264 12.2 網(wǎng)站發(fā)布.......................................265 12.2.1 域名....................... 265 12.2.2 服務(wù)器空間........... 269 12.2.3 網(wǎng)站的上傳........... 270 習(xí)題................................................276 第13章 綜合項(xiàng)目實(shí)戰(zhàn)：攝影?開(kāi)課吧........... 277 13.1 網(wǎng)頁(yè)設(shè)計(jì)規(guī)劃............................277 13.1.1 確定網(wǎng)站主題....... 277 13.1.2 規(guī)劃網(wǎng)站結(jié)構(gòu)....... 278 13.1.3 收集素材............... 278 13.1.4 設(shè)計(jì)網(wǎng)頁(yè)效果圖.... 279 13.2 使用Dreamweaver工具建立站點(diǎn)..................................................281 13.3 切圖..................................................282 13.4 搭建首頁(yè).......................................283 13.4.1 效果圖分析........... 284 13.4.2 首頁(yè)制作............... 285 13.5 制作模板.......................................298 13.5.1 建立模板的步驟..... 298 13.5.2 引用模板............... 302 13.6 使用模板搭建網(wǎng)頁(yè)................ 302 13.6.1 搭建注冊(cè)頁(yè)........... 302 13.6.2 搭建個(gè)人中心頁(yè)面...................... 305 13.6.3 搭建視頻播放頁(yè).................. 309 13.7 測(cè)試和上傳................................. 314  你還可能感興趣 AngularJS從入門(mén)到項(xiàng)目實(shí)戰(zhàn) HTML 5與CSS 3權(quán)威指南（第4版·下冊(cè)） HTML5移動(dòng)前端開(kāi)發(fā)基礎(chǔ)與實(shí)戰(zhàn)（微課版） 寶寶的HTML 劍指HTML5+CSS3  我要評(píng)論 您的姓名   驗(yàn)證碼： 留言內(nèi)容

公司介紹榮譽(yù)資質(zhì)定向推薦書(shū)目出版社授權(quán)采訪數(shù)據(jù)下載(EXCEL格式)采訪數(shù)據(jù)下載(ISO格式)出版社登錄聯(lián)系我們

Copyright 1993-2025 www.wsgph.com Inc.All Rights Reserved
技術(shù)支持：山東中教產(chǎn)業(yè)發(fā)展股份有限公司  客服電話：400-0531-123