基于項目的Web網(wǎng)頁設計技術

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