第1章 網(wǎng)頁(yè)設(shè)計(jì)概述
1.1網(wǎng)頁(yè)設(shè)計(jì)基本概念
1.2網(wǎng)頁(yè)組成元素
1.3網(wǎng)頁(yè)布局方法及工具
1.4網(wǎng)頁(yè)設(shè)計(jì)原則及色彩
1.4.1網(wǎng)頁(yè)設(shè)計(jì)原則
1.4.2網(wǎng)頁(yè)色彩設(shè)計(jì)
1.5上機(jī)實(shí)踐
1.5.1利用記事本編寫(xiě)一個(gè)簡(jiǎn)單的HTML網(wǎng)頁(yè)
1.5.2擴(kuò)展應(yīng)用
第2章 網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言基礎(chǔ)
2.1HTML文檔結(jié)構(gòu)及語(yǔ)法規(guī)則
2.1.1HTML文檔基本結(jié)構(gòu)
2.1.2網(wǎng)頁(yè)頭部<head>標(biāo)簽
2.1.3網(wǎng)頁(yè)主體<body>標(biāo)簽
2.1.4HTML的語(yǔ)法規(guī)則
2.2HTML基本標(biāo)記及屬性
2.2.1標(biāo)題標(biāo)記
2.2.2換行標(biāo)記<br>和水平線標(biāo)記<hr>
2.2.3字體設(shè)置
2.2.4列表標(biāo)記
2.2.5<div>和<span>
2.3圖片
2.3.1HTML圖片
2.3.2圖片屬性
2.4超鏈接
2.5表格
2.5.1表格基本標(biāo)簽
2.5.2表格及單元格屬性
2.5.3表格的嵌套
2.6框架
2.6.1框架集
2.6.2浮動(dòng)框架
2.7表單
2.8多媒體
2.8.1滾動(dòng)字幕
2.8.2背景音樂(lè)
2.8.3視頻和動(dòng)畫(huà)
2.9上機(jī)實(shí)踐
2.9.1制作文字網(wǎng)頁(yè)
2.9.2制作圖文混排網(wǎng)頁(yè)
2.9.3制作超鏈接網(wǎng)頁(yè)
2.9.4制作多媒體網(wǎng)頁(yè)
2.9.5網(wǎng)頁(yè)表格應(yīng)用
第3章 網(wǎng)頁(yè)制作工具
3.1Dreamweaver
3.1.1Dreamweaver基礎(chǔ)
3.1.2Dreamweaver布局
3.1.3Dreamweaver高級(jí)應(yīng)用
3.2Photoshop切片
3.3上機(jī)實(shí)踐
3.3.1表格布局網(wǎng)頁(yè)
3.3.2Spry布局對(duì)象
3.3.3PS切片導(dǎo)出
3.3.4網(wǎng)頁(yè)中插入多媒體
3.3.5網(wǎng)頁(yè)模板
第4章 Web標(biāo)準(zhǔn)與CSS基礎(chǔ)
4.1Web標(biāo)準(zhǔn)
4.1.1內(nèi)容與表現(xiàn)的分離
4.1.2布局思考方式
4.2網(wǎng)站重構(gòu)
4.2.1什么是網(wǎng)站重構(gòu)
4.2.2什么是XHTML
4.2.3利用XHTML改善現(xiàn)有網(wǎng)站
4.3CSS樣式表應(yīng)用
4.3.1CSS的使用方式
4.3.2CSS樣式面板
4.4CSS選擇器
4.4.1標(biāo)簽選擇器
4.4.2類選擇器
4.4.3ID選擇器
4.4.4復(fù)合內(nèi)容選擇器
4.5上機(jī)實(shí)踐
4.5.1內(nèi)部樣式表
4.5.2行內(nèi)樣式表
4.5.3外部樣式表
第5章 DIV+CSS
5.1DIV元素定位
5.1.1初識(shí)DIV
5.1.2DIV布局與嵌套
5.1.3浮動(dòng)定位與清除
5.1.4position屬性定位
5.2盒模型理論
5.2.1盒模型
5.2.2邊框
5.2.3邊距
5.2.4填充
5.3DIV+CSS常見(jiàn)布局
5.3.1單行單列布局
5.3.2二列式布局
5.3.3三列式布局
5.4CSS網(wǎng)頁(yè)美化
5.4.1背景樣式控制
5.4.2段落及字體樣式設(shè)計(jì)
5.4.3圖片樣式控制
5.4.4CSS濾鏡
5.5導(dǎo)航菜單及超鏈接
5.5.1列表設(shè)計(jì)
5.5.2導(dǎo)航菜單
5.5.3超級(jí)鏈接
5.6上機(jī)實(shí)踐
5.6.1利用float浮動(dòng)定位
5.6.2利用position屬性定位
5.6.3編寫(xiě)典型的網(wǎng)頁(yè)布局
5.6.4網(wǎng)頁(yè)元素美化及導(dǎo)航
5.6.5改造基于fable的網(wǎng)頁(yè)
第6章 HTML 5
6.1HTML 5的誕生
6.2HTML 5新特性
6.3HTML 5構(gòu)建頁(yè)面
6.3.1簡(jiǎn)單HTML 5頁(yè)面
6.3.2HTML 5新增結(jié)構(gòu)元素
6.3.3HTML 5新增頁(yè)面元素
6.3.4HTML 5新增屬性
6.4表單
6.4.1新增屬性
6.4.2新增input類型
6.4.3表單驗(yàn)證
6.5繪圖
6.5.1canvas元素基礎(chǔ)
6.5.2繪制圖形
6.5.3操作圖形
6.6音視頻
6.7數(shù)據(jù)存儲(chǔ)及操作
6.8高級(jí)應(yīng)用
6.9上機(jī)實(shí)踐
第7章 CSS 3
7.1CSS 3簡(jiǎn)介及新增功能
7.1.1CSS 3簡(jiǎn)介
7.1.2CSS 3新增功能
7.1.3CSS 3未來(lái)和創(chuàng)新
7.2CSS 3選擇器
7.2.1新增屬性選擇器
7.2.2結(jié)構(gòu)性偽類選擇器
7.2.3UI元素狀態(tài)偽類選擇器
7.2.4通用兄弟元素選擇器
7.3CSS 3布局樣式
7.3.1盒布局
7.3.2盒模型
7.3.3UI設(shè)計(jì)
7.3.4多列布局
7.4CSS 3頁(yè)面美化
7.4.1文本和字體樣式
7.4.2新增色彩模式
7.4.3邊框
7.4.4圖像及背景
7.5CSS 3變形及過(guò)渡特效
7.5.1CSS變形效果
7.5.2CSS過(guò)渡特效
7.5.3CSS動(dòng)畫(huà)效果
7.6上機(jī)實(shí)踐
第8章 JavaScript
8.1JavaScript簡(jiǎn)介
8.2JavaScript的使用及注釋
8.2.1JavaScript的使用
8.2.2JavaScript的注釋
8.3JavaScript編程基礎(chǔ)
8.3.1標(biāo)識(shí)符、數(shù)據(jù)類型及變量
8.3.2運(yùn)算符和表達(dá)式
8.3.3流程控制
8.3.4函數(shù)
8.4JavaScript對(duì)象
8.4.1內(nèi)置對(duì)象
8.4.2宿主對(duì)象
8.5JavaScript事件響應(yīng)
8.5.1事件響應(yīng)簡(jiǎn)介
8.5.2幾種常用事件
8.6上機(jī)實(shí)踐
附錄AHTML 5中增刪標(biāo)記符
附錄BHTML 5中被廢除或替代屬性
附錄CCSS 3新增選擇器匯總表
參考文獻(xiàn)
鄂公網(wǎng)安備 42010302001612號(hào) 