Web前端開發(fā)

項(xiàng)目1 HTML文檔結(jié)構(gòu)

1．1 項(xiàng)目描述

1．2 知識準(zhǔn)備

1．2．1 HTML 5文件基本結(jié)構(gòu)

1．2．2 HTML 5基本標(biāo)簽

1．2．3 Sublime編輯器的使用

1．2．4 HTML 5語法的變化

1．2．5 Chrome瀏覽器的開發(fā)者工具

1．3 項(xiàng)目實(shí)施

1．3．1 標(biāo)準(zhǔn)的HTML 5網(wǎng)頁

1．3．2 簡單的HTML 5網(wǎng)頁

1．4 項(xiàng)目拓展

1．5 項(xiàng)目小結(jié)

1．6 技能訓(xùn)練

項(xiàng)目2 網(wǎng)頁中的文本和排版

2．1 項(xiàng)目描述

2．2 知識準(zhǔn)備

2．2．1 添加文本

2．2．2 文本排版

2．2．3 文字列表

2 2．4 添加圖片

2．3 項(xiàng)目實(shí)施

2．3．1 圖文混排的HTML 5網(wǎng)頁

2．3．2 圖文并茂的商品列表網(wǎng)頁

2．4 項(xiàng)目拓展

2．5 項(xiàng)目小結(jié)

2．6 技能訓(xùn)練

項(xiàng)目3 網(wǎng)頁中的表格

3．1 項(xiàng)目描述

3．2 知識準(zhǔn)備

3．2．1 表格基本結(jié)構(gòu)

3．2．2 編輯表格

3．2．3 完整的表格標(biāo)簽

3．3 項(xiàng)目實(shí)施

3．4 項(xiàng)目拓展

3．5 項(xiàng)目小結(jié)

3．6 技能訓(xùn)練

項(xiàng)目4 網(wǎng)頁中的多媒體

4．1 項(xiàng)目描述

4．2 知識準(zhǔn)備

4．2．1 建立超鏈接

4．2．2 添加音頻文件

4．2．3 添加視頻文件

4．3 項(xiàng)目實(shí)施

4．4 項(xiàng)目拓展

4．5 項(xiàng)目小結(jié)

4．6 技能訓(xùn)練

項(xiàng)目5 網(wǎng)頁中的表單

5．1 項(xiàng)目描述

5．2 知識準(zhǔn)備

5．2．1 表單概述

5．2．2 表單基本元素

5．2．3 其他表單元素

5．2．4 表單高級元素

5．3 項(xiàng)目實(shí)施

5．4 項(xiàng)目拓展

5．5 項(xiàng)目小結(jié)

5．6 技能訓(xùn)練

項(xiàng)目6 CSS 3的選擇器

6．1 項(xiàng)目描述

6．2 知識準(zhǔn)備

6．2．1 CSS 3基本語法

6．2．2 CSS 3引用方法

6．2．3 CSS 3常用選擇器

6．2．4 CSS 3新增選擇器

6．3 項(xiàng)目實(shí)施

6．4 項(xiàng)目拓展

6．5 項(xiàng)目小結(jié)

6．6 技能訓(xùn)練

項(xiàng)目7 CSS 3圖文混排

7．1 項(xiàng)目描述

7．2 知識準(zhǔn)備

7．2．1 CSS 3美化文本

7．2．2 CSS 3美化段落

7．2．3 CSS 3美化圖片

7．2．4 CSS 3圖文混排

7．3 項(xiàng)目實(shí)施

7．3．1 圖文混排

7．3．2 圖片特效制作

7．4 項(xiàng)目拓展

7．5 項(xiàng)目小結(jié)

7．6 技能訓(xùn)練

項(xiàng)目8 CSS 3創(chuàng)建網(wǎng)頁菜單

8．1 項(xiàng)目描述

8．2 知識準(zhǔn)備

8．2．1 CSS 3美化超鏈接

8．2．2 CSS 3美化項(xiàng)目列表

8．3 項(xiàng)目實(shí)施

8．3．1 制作垂直導(dǎo)航菜單

8．3．2 制作水平導(dǎo)航菜單

8．4 項(xiàng)目拓展

8．5 項(xiàng)目小結(jié)

8．5．1 美化超鏈接

8．5．2 美化項(xiàng)目列表

8．5．3 導(dǎo)航菜單制作技巧及方法

8．6 技能訓(xùn)練

項(xiàng)目9 CSS 3修飾表格表單

9．1 項(xiàng)目描述

9．2 知識準(zhǔn)備

9．2．1 使用CSS美化背景

9．2．2 使用CSS設(shè)置線性邊框

9．2．3 使用CSS設(shè)置圓角邊框

9．2．4 使用CSS設(shè)置邊框陰影

9．2．5 使用CSS設(shè)置圖片邊框

9．2．6 使用CSS修飾表格

9．3 項(xiàng)目實(shí)施

9．4 拓展訓(xùn)練

9．5 項(xiàng)目小結(jié)

9．6 技能訓(xùn)練

項(xiàng)目10 CSS 3創(chuàng)建網(wǎng)格布局

10．1 項(xiàng)目描述

10．2 知識準(zhǔn)備

10．2．1 網(wǎng)格布局的重要術(shù)語

10．2．2 父元素網(wǎng)格容器屬性

10．2．3 子元素網(wǎng)格項(xiàng)的屬性

10．3 項(xiàng)目實(shí)施

10．3．1 創(chuàng)建網(wǎng)格布局

10．3．2 創(chuàng)建雙飛翼布局

10．4 項(xiàng)目拓展

10．5 項(xiàng)目小結(jié)

10．6 技能訓(xùn)練