Div+CSS網(wǎng)頁制作實戰(zhàn)教程

項目1 網(wǎng)站建設基礎知識
任務1.1 網(wǎng)站的創(chuàng)建流程
1.1.1 任務分析
1.1.2 網(wǎng)站服務器的創(chuàng)建流程
1.1.3 IIS的安裝與配置
1.1.4 Apache的安裝與配置
1.1.5 網(wǎng)站內(nèi)容的上傳與下載
1.1.6 任務實施
任務1.2 網(wǎng)站的分類與用色基礎
1.2.1 任務分析
1.2.2 網(wǎng)頁的分類
1.2.3 網(wǎng)頁配色原則
1.2.4 任務實施

項目2 HTML網(wǎng)頁文檔的編輯
任務2.1 根據(jù)頁面效果圖切片
2.1.1 任務分析
2.1.2 Fireworks基本操作
2.1.3 任務實施
任務2.2 網(wǎng)頁編輯軟件Dreamweaver CS6的基本操作
2.2.1 任務分析
2.2.2 Dreamweaver CS6的特點與基本操作
2.2.3 任務實施
任務2.3 HTML文檔及常用標簽
2.3.1 任務分析
2.3.2 HTML文檔
2.3.3 段落、轉(zhuǎn)行及水平線標簽
2.3.4 div與span標簽
2.3.5 插入文本
2.3.6 插入圖片
2.3.7 插入超鏈接
2.3.8 插入列表
2.3.9 表格設計
2.3.10插入多媒體元素
2.3.11表單頁設計
2.3.12滾動字幕設計
2.3.13分組（fieldset）標簽
2.3.14浮動框架（iframe）標簽
2.3.15HTML的注釋
2.3.16導入外部樣式與腳本
2.3.17框架頁制作
2.3.18HTML5的新增標簽
2.3.19任務實施

項目3 網(wǎng)頁外觀制作技術
任務3.1 網(wǎng)頁樣式表基礎
3.1.1 任務分析
3.1.2 層疊樣式表（CSS）的基本概念
3.1.3 層疊樣式表（CSS）定義與引用
3.1.4 選擇器的集體聲明與CSS的注釋
3.1.5 選擇器的嵌套與繼承
3.1.6 HTML文檔與外部樣式文檔的關聯(lián)
3.1.7 樣式的優(yōu)先級
3.1.8 任務實施
任務3.2 常見頁面效果的樣式設計
3.2.1 任務分析
3.2.2 CSS文字效果
3.2.3 CSS圖片效果
3.2.4 CSS網(wǎng)頁背景效果
3.2.5 CSS鏈接效果
3.2.6 CSS定位
3.2.7 CSS濾鏡
3.2.8 任務實施
任務3.3 DIV+CSS網(wǎng)頁布局與導航設計
3.3.1 任務分析
3.3.2 DIV+CSS網(wǎng)頁布局
3.3.3 CSS導航設計
3.3.4 CSS的簡寫及其他控制效果
3.3.5 任務實施
任務3.4 CSS 3.0 新增屬性及其應用
3.4.1 任務分析
3.4.2 CSS 3.0 的新增屬性
3.4.3 CSS 3.0應用實例
3.4.4 任務實施
任務3.5 網(wǎng)頁樣式的兼容性設計
3.5.1 任務分析
3.5.2 常見瀏覽器及其特點
3.5.3 網(wǎng)頁樣式的兼容性設計
3.5.4 任務實施

項目4 網(wǎng)頁的腳本設計
任務4.1 網(wǎng)頁腳本基礎
4.1.1任務分析
4.1.2JavaScript語言基礎
4.1.3JavaScript常用對象
4.1.4任務實施
任務4.2 網(wǎng)頁腳本應用實例
4.2.1 任務分析
4.2.2 任務實施

項目5 網(wǎng)頁制作綜合實訓
任務5.1 登錄頁面制作
5.1.1 任務分析
5.1.2 頁面結(jié)構(gòu)分析
5.1.3 任務實施
任務5.2 咖啡店首頁制作
5.2.1 任務分析
5.2.2 頁面結(jié)構(gòu)分析
5.2.3 任務實施
任務5.3 游戲頁面首頁制作
5.3.1 任務分析
5.3.2 頁面結(jié)構(gòu)分析
5.3.3 任務實施
任務5.4 購物網(wǎng)首頁制作
5.4.1 任務分析
5.4.2 頁面結(jié)構(gòu)分析
5.4.3 任務實施
任務5.5 音樂網(wǎng)首頁制作
5.5.1 任務分析
5.5.2 頁面結(jié)構(gòu)分析
5.5.3 任務實施
參考文獻