基于工作過(guò)程的網(wǎng)頁(yè)制作教程

第1章 頁(yè)面表格布局設(shè)計(jì)與制作
1.1 任務(wù)目標(biāo)
1.2 任務(wù)陳述
1.3 知識(shí)準(zhǔn)備
1.3.1 表格標(biāo)簽
1.3.2 使用表格布局的原因
1.3.3 設(shè)計(jì)軟件
1.4 任務(wù)實(shí)施
任務(wù)1.1 新建愉快網(wǎng)頻道面站點(diǎn)
任務(wù)1.2 插入表格完成基本布局
任務(wù)1.3 編輯頁(yè)面內(nèi)容
任務(wù)1.4 編輯頁(yè)面的頁(yè)腳部分
1.5 任務(wù)總結(jié)
1.6 能力與知識(shí)拓展
1.6.1 網(wǎng)頁(yè)設(shè)計(jì)相關(guān)軟件
1.6.2 網(wǎng)頁(yè)常見(jiàn)布局結(jié)構(gòu)
1.6.3 網(wǎng)頁(yè)常見(jiàn)布局方法與原則
1.7 鞏固練習(xí)
1.7.1 使用素材組合頁(yè)面
1.7.2 獨(dú)立實(shí)踐——制作文字列表框
第2章 頁(yè)面Div+CSS布局設(shè)計(jì)與制作
2.1 任務(wù)目標(biāo)
2.2 任務(wù)陳述
2.3 知識(shí)準(zhǔn)備
2.3.1 Div層
2.3.2 CSS樣式
2.3.3 CSS屬性
2.3.4 CSS優(yōu)先級(jí)
2.4 任務(wù)實(shí)施
任務(wù)2.1 創(chuàng)建“愉快網(wǎng)學(xué)做菜”首頁(yè)header部分
任務(wù)2.2 設(shè)置nav部分的層疊樣式
任務(wù)2.3 設(shè)置文字部分的層疊樣式
任務(wù)2.4 設(shè)置圖文的層疊樣式
2.5 任務(wù)總結(jié)
2.6 能力與知識(shí)拓展
2.6.1 CSS使用技巧
2.6.2 HTML語(yǔ)法
2.6.3 網(wǎng)頁(yè)設(shè)計(jì)技巧
2.7 鞏固練習(xí)
第3章 網(wǎng)頁(yè)框架設(shè)計(jì)與制作
3.1 任務(wù)目標(biāo)
3.2 任務(wù)陳述
3.3 知識(shí)準(zhǔn)備
3.3.1 框架
3.3.2 標(biāo)簽與標(biāo)簽
3.3.3 標(biāo)簽
3.3.4 標(biāo)簽
3.3.5 設(shè)計(jì)軟件
3.4 任務(wù)實(shí)施
任務(wù)3.1 創(chuàng)建愉快網(wǎng)個(gè)人主頁(yè)列表頁(yè)面
任務(wù)3.2 設(shè)計(jì)制作top頁(yè)面
任務(wù)3.3 設(shè)計(jì)制作left頁(yè)面
任務(wù)3.4 設(shè)計(jì)制作main頁(yè)面
3.5 任務(wù)總結(jié)
3.6 能力與知識(shí)拓展
3.6.1 “愉快網(wǎng)找優(yōu)惠”“浮動(dòng)框架”的設(shè)計(jì)與制作
3.6.2 “愉快網(wǎng)找優(yōu)惠”框架鏈接的設(shè)計(jì)與制作
3.7 鞏固練習(xí)
第4章 網(wǎng)頁(yè)模板設(shè)計(jì)與制作
4.1 任務(wù)目標(biāo)
4.2 任務(wù)陳述
4.3 知識(shí)準(zhǔn)備
4.3.1 資源
4.3.2 庫(kù)
4.3.3 庫(kù)項(xiàng)目
4.3.4 編輯庫(kù)項(xiàng)目
4.3.5 設(shè)計(jì)軟件
4.4 任務(wù)實(shí)施
任務(wù)4.1 分析與設(shè)計(jì)制作內(nèi)容頁(yè)的布局
任務(wù)4.2 設(shè)計(jì)制作網(wǎng)頁(yè)可編輯區(qū)域
任務(wù)4.3 通過(guò)模板頁(yè)設(shè)計(jì)制作
同類(lèi)型內(nèi)容頁(yè)
4.5 任務(wù)總結(jié)
4.6 能力與知識(shí)拓展
4.7 鞏固練習(xí)
第5章 網(wǎng)頁(yè)表單設(shè)計(jì)與制作
5.1 任務(wù)目標(biāo)
5.2 任務(wù)陳述
5.3 知識(shí)準(zhǔn)備
5.3.1 表單標(biāo)簽
5.3.2 表單域
5.3.3 表單按鈕
5.3.4 表單控件
5.3.5 設(shè)計(jì)軟件
5.4 任務(wù)實(shí)施
任務(wù)5.1 新建愉快網(wǎng)注冊(cè)表單頁(yè)面站點(diǎn)
任務(wù)5.2 新建愉快網(wǎng)注冊(cè)表單頁(yè)面
任務(wù)5.3 注冊(cè)表單的設(shè)計(jì)與制作
任務(wù)5.4 美化注冊(cè)表單頁(yè)面
5.5 任務(wù)總結(jié)
5.6 能力與知識(shí)拓展
5.6.1 表單頁(yè)面制作原則
5.6.2 下拉列表的設(shè)計(jì)與制作
5.6.3 表單form標(biāo)簽的意義與type標(biāo)簽類(lèi)型
5.7 鞏固練習(xí)
第6章 網(wǎng)頁(yè)簡(jiǎn)單特效設(shè)計(jì)與制作
6.1 任務(wù)目標(biāo)
6.2 任務(wù)陳述
6.3 知識(shí)準(zhǔn)備
6.3.1 行為
6.3.2 JavaScript
6.3.3 JavaScript事件
6.3.4 JavaScript對(duì)象
6.4 任務(wù)實(shí)施
任務(wù)6.1 新建重慶市少年宮首頁(yè)頁(yè)面站點(diǎn)
任務(wù)6.2 新建重慶市少年宮首頁(yè)頁(yè)面
任務(wù)6.3 重慶市少年宮首頁(yè)頁(yè)面的設(shè)計(jì)與制作
6.5 任務(wù)總結(jié)
6.6 能力與知識(shí)拓展
6.7 鞏固練習(xí)
參考文獻(xiàn)