第1章 網(wǎng)頁設(shè)計概述
1.1網(wǎng)頁設(shè)計基本概念
1.2網(wǎng)頁組成元素
1.3網(wǎng)頁布局方法及工具
1.4網(wǎng)頁設(shè)計原則及色彩
1.4.1網(wǎng)頁設(shè)計原則
1.4.2網(wǎng)頁色彩設(shè)計
1.5上機實踐
1.5.1利用記事本編寫一個簡單的HTML網(wǎng)頁
1.5.2擴展應(yīng)用
第2章 網(wǎng)頁設(shè)計語言基礎(chǔ)
2.1HTML文檔結(jié)構(gòu)及語法規(guī)則
2.1.1HTML文檔基本結(jié)構(gòu)
2.1.2網(wǎng)頁頭部<head>標(biāo)簽
2.1.3網(wǎng)頁主體<body>標(biāo)簽
2.1.4HTML的語法規(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浮動框架
2.7表單
2.8多媒體
2.8.1滾動字幕
2.8.2背景音樂
2.8.3視頻和動畫
2.9上機實踐
2.9.1制作文字網(wǎng)頁
2.9.2制作圖文混排網(wǎng)頁
2.9.3制作超鏈接網(wǎng)頁
2.9.4制作多媒體網(wǎng)頁
2.9.5網(wǎng)頁表格應(yīng)用
第3章 網(wǎng)頁制作工具
3.1Dreamweaver
3.1.1Dreamweaver基礎(chǔ)
3.1.2Dreamweaver布局
3.1.3Dreamweaver高級應(yīng)用
3.2Photoshop切片
3.3上機實踐
3.3.1表格布局網(wǎng)頁
3.3.2Spry布局對象
3.3.3PS切片導(dǎo)出
3.3.4網(wǎng)頁中插入多媒體
3.3.5網(wǎng)頁模板
第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上機實踐
4.5.1內(nèi)部樣式表
4.5.2行內(nèi)樣式表
4.5.3外部樣式表
第5章 DIV+CSS
5.1DIV元素定位
5.1.1初識DIV
5.1.2DIV布局與嵌套
5.1.3浮動定位與清除
5.1.4position屬性定位
5.2盒模型理論
5.2.1盒模型
5.2.2邊框
5.2.3邊距
5.2.4填充
5.3DIV+CSS常見布局
5.3.1單行單列布局
5.3.2二列式布局
5.3.3三列式布局
5.4CSS網(wǎng)頁美化
5.4.1背景樣式控制
5.4.2段落及字體樣式設(shè)計
5.4.3圖片樣式控制
5.4.4CSS濾鏡
5.5導(dǎo)航菜單及超鏈接
5.5.1列表設(shè)計
5.5.2導(dǎo)航菜單
5.5.3超級鏈接
5.6上機實踐
5.6.1利用float浮動定位
5.6.2利用position屬性定位
5.6.3編寫典型的網(wǎng)頁布局
5.6.4網(wǎng)頁元素美化及導(dǎo)航
5.6.5改造基于fable的網(wǎng)頁
第6章 HTML 5
6.1HTML 5的誕生
6.2HTML 5新特性
6.3HTML 5構(gòu)建頁面
6.3.1簡單HTML 5頁面
6.3.2HTML 5新增結(jié)構(gòu)元素
6.3.3HTML 5新增頁面元素
6.3.4HTML 5新增屬性
6.4表單
6.4.1新增屬性
6.4.2新增input類型
6.4.3表單驗證
6.5繪圖
6.5.1canvas元素基礎(chǔ)
6.5.2繪制圖形
6.5.3操作圖形
6.6音視頻
6.7數(shù)據(jù)存儲及操作
6.8高級應(yīng)用
6.9上機實踐
第7章 CSS 3
7.1CSS 3簡介及新增功能
7.1.1CSS 3簡介
7.1.2CSS 3新增功能
7.1.3CSS 3未來和創(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è)計
7.3.4多列布局
7.4CSS 3頁面美化
7.4.1文本和字體樣式
7.4.2新增色彩模式
7.4.3邊框
7.4.4圖像及背景
7.5CSS 3變形及過渡特效
7.5.1CSS變形效果
7.5.2CSS過渡特效
7.5.3CSS動畫效果
7.6上機實踐
第8章 JavaScript
8.1JavaScript簡介
8.2JavaScript的使用及注釋
8.2.1JavaScript的使用
8.2.2JavaScript的注釋
8.3JavaScript編程基礎(chǔ)
8.3.1標(biāo)識符、數(shù)據(jù)類型及變量
8.3.2運算符和表達式
8.3.3流程控制
8.3.4函數(shù)
8.4JavaScript對象
8.4.1內(nèi)置對象
8.4.2宿主對象
8.5JavaScript事件響應(yīng)
8.5.1事件響應(yīng)簡介
8.5.2幾種常用事件
8.6上機實踐
附錄AHTML 5中增刪標(biāo)記符
附錄BHTML 5中被廢除或替代屬性
附錄CCSS 3新增選擇器匯總表
參考文獻
鄂公網(wǎng)安備 42010302001612號 