Web前端開發(fā)

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

1．1 項目描述

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 項目實施

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

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

1．4 項目拓展

1．5 項目小結(jié)

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

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

2．1 項目描述

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

2．2．1 添加文本

2．2．2 文本排版

2．2．3 文字列表

2 2．4 添加圖片

2．3 項目實施

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

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

2．4 項目拓展

2．5 項目小結(jié)

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

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

3．1 項目描述

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

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

3．2．2 編輯表格

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

3．3 項目實施

3．4 項目拓展

3．5 項目小結(jié)

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

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

4．1 項目描述

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

4．2．1 建立超鏈接

4．2．2 添加音頻文件

4．2．3 添加視頻文件

4．3 項目實施

4．4 項目拓展

4．5 項目小結(jié)

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

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

5．1 項目描述

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

5．2．1 表單概述

5．2．2 表單基本元素

5．2．3 其他表單元素

5．2．4 表單高級元素

5．3 項目實施

5．4 項目拓展

5．5 項目小結(jié)

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

項目6 CSS 3的選擇器

6．1 項目描述

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 項目實施

6．4 項目拓展

6．5 項目小結(jié)

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

項目7 CSS 3圖文混排

7．1 項目描述

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 項目實施

7．3．1 圖文混排

7．3．2 圖片特效制作

7．4 項目拓展

7．5 項目小結(jié)

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

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

8．1 項目描述

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

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

8．2．2 CSS 3美化項目列表

8．3 項目實施

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

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

8．4 項目拓展

8．5 項目小結(jié)

8．5．1 美化超鏈接

8．5．2 美化項目列表

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

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

項目9 CSS 3修飾表格表單

9．1 項目描述

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 項目實施

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

9．5 項目小結(jié)

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

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

10．1 項目描述

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

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

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

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

10．3 項目實施

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

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

10．4 項目拓展

10．5 項目小結(jié)

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