基于項(xiàng)目的Web網(wǎng)頁(yè)設(shè)計(jì)技術(shù)

第1篇 Web技術(shù)基礎(chǔ)篇
第1章 Web技術(shù)概述
任務(wù)1.1 了解課程定位
任務(wù)1.2 理解Web概念、Web工作機(jī)制
任務(wù)1.3 了解常用網(wǎng)絡(luò)技術(shù)術(shù)語(yǔ)
任務(wù)1.4 網(wǎng)站創(chuàng)建與部署
1.4.1 網(wǎng)頁(yè)概念與分類
1.4.2 網(wǎng)站概念
1.4.3 創(chuàng)建網(wǎng)站站點(diǎn)
1.4.4 發(fā)布網(wǎng)站
小結(jié)
重要術(shù)語(yǔ)
自我測(cè)試
第2章 HTML基礎(chǔ)
任務(wù)2.1 了解HTML基礎(chǔ)及頁(yè)面結(jié)構(gòu)
任務(wù)2.2 HTML文本標(biāo)記的使用
2.2.1 標(biāo)題標(biāo)記
2.2.2 段落標(biāo)記
2.2.3 分區(qū)顯示、標(biāo)記
2.2.4 字體標(biāo)記
2.2.5 注釋標(biāo)記
2.2.6 預(yù)定格式標(biāo)記
2.2.7 綜合應(yīng)用文本標(biāo)記設(shè)計(jì)博客注冊(cè)頁(yè)面
任務(wù)2.3 使用頁(yè)面多媒體技術(shù)
2.3.1 圖像標(biāo)記
2.3.2 圖文混排案例
2.3.3 音樂和影像文件
任務(wù)2.4 超鏈接標(biāo)記的使用
2.4.1 文本的超鏈接
2.4.2 圖像的超鏈接
小結(jié)
重要術(shù)語(yǔ)
自我測(cè)試
第3章 表格表單基礎(chǔ)
任務(wù)3.1 使用表格技術(shù)布局頁(yè)面
3.1.1 表格的基本結(jié)構(gòu)
3.1.2 表格標(biāo)記
3.1.3 單元格合并屬性rowspan、colspan的使用
3.1.4 表格的嵌套技術(shù)
任務(wù)3.2 使用表單技術(shù)設(shè)計(jì)個(gè)人信息調(diào)研表
3.2.1 單行輸入域
3.2.3 下拉框選擇域標(biāo)記
小結(jié)
重要術(shù)語(yǔ)
自我測(cè)試
第4章 框架的應(yīng)用
任務(wù)4.1 創(chuàng)建框架結(jié)構(gòu)的頁(yè)面
4.1.1 框架的基本構(gòu)成
4.1.2 框架集標(biāo)記
4.1.3 子窗口標(biāo)簽的設(shè)定
4.1.4 標(biāo)記
4.1.5 頁(yè)面框架結(jié)構(gòu)分析
任務(wù)4.2 在框架上建立鏈接
任務(wù)4.3 靈活的浮動(dòng)框架的使用
小結(jié)
重要術(shù)語(yǔ)
自我測(cè)試
第5章 CSS基礎(chǔ)
任務(wù)5.1 深入理解CSS技術(shù)的引入意義
5.1.1 CSS技術(shù)的引入
5.1.2 網(wǎng)頁(yè)布局技術(shù)
任務(wù)5.2 CSS選擇符的使用
5.2.1 CSS的基本語(yǔ)法
5.2.2 選擇符
任務(wù)5.3 CSS樣式表的應(yīng)用
任務(wù)5.4 調(diào)試CSS
5.4.1 寫CSS代碼
5.4.2 CSS代碼的調(diào)試
5.4.3 驗(yàn)證CSS代碼對(duì)不同瀏覽器的兼容性
小結(jié)
重要術(shù)語(yǔ)
自我測(cè)試
第6章 CSS定位與DIV布局
任務(wù)6.1 掌握CSS常用屬性
6.1.1 基礎(chǔ)知識(shí)
6.1.2 CSS字體屬性
6.1.3 文本屬性
6.1.4 背景屬性
6.1.5 屬性的綜合應(yīng)用
6.1.6 列表屬性
任務(wù)6.2 詳解CSS定位與DIV布局
6.2.1 元素定位基礎(chǔ)知識(shí)
6.2.2 塊元素和內(nèi)聯(lián)元素
6.2.3 CSS框模型
6.2.4 進(jìn)一步討論頁(yè)面布局——CSS定位
6.2.5 float定位
6.2.6 position定位
小結(jié)
重要術(shù)語(yǔ)
自我測(cè)試
第7章 可視化編輯頁(yè)面工具——Dreamweaver的使用
任務(wù)7.1 了解可視化編輯頁(yè)面工具——Dreamweaver
任務(wù)7.2 Dreamweaver表格布局
7.2.1 表格基礎(chǔ)知識(shí)
7.2.2 表格屬性
7.2.3 制作網(wǎng)頁(yè)整體布局
7.2.4 制作下拉式導(dǎo)航菜單欄
任務(wù)7.3 Dreamweaver圖片元素操作
7.3.1 插入圖片元素
7.3.2 設(shè)置圖片屬性
7.3.3 創(chuàng)建熱圖
7.3.4 插入導(dǎo)航條、鼠標(biāo)經(jīng)過圖像
7.3.5 插入圖片
任務(wù)7.4 插入文本
7.4.1 文本屬性設(shè)置
7.4.2 插入文本部分
小結(jié)
重要術(shù)語(yǔ)
自我測(cè)試
第8章 模板技術(shù)
任務(wù)8.1 創(chuàng)建模板
8.1.1 理解模板技術(shù)
8.1.2 創(chuàng)建模板
任務(wù)8.2 應(yīng)用模板
8.2.1 模板的應(yīng)用
8.2.2 創(chuàng)建基于模板的文檔
小結(jié)
重要術(shù)語(yǔ)
自我測(cè)試
第2篇 動(dòng)態(tài)交互效果制作提高篇
第9章 JavaScript基礎(chǔ)
任務(wù)9.1 JavaScript概述
9.1.1 JavaScript簡(jiǎn)介
9.1.2 JavaScript對(duì)象
9.1.3 事件驅(qū)動(dòng)機(jī)制
任務(wù)9.2 文檔對(duì)象模型——DOM
9.2.1 DOM簡(jiǎn)介
9.2.2 DOM節(jié)點(diǎn)分類
9.2.3 節(jié)點(diǎn)屬性
9.2.4 訪問指定節(jié)點(diǎn)
任務(wù)9.3 JavaScript典型案例
9.3.1 設(shè)計(jì)數(shù)字鐘
9.3.2 動(dòng)態(tài)改變超鏈接樣式
9.3.3 JavaScript對(duì)話框的使用
9.3.4 狀態(tài)欄文字滾動(dòng)顯示
……
第3篇 面實(shí)戰(zhàn)篇