網(wǎng)頁設(shè)計與制作教程

第1章 網(wǎng)頁設(shè)計基礎(chǔ)知識
1．1 網(wǎng)絡(luò)概述
1．1．1 Internet
1．1．2 web的體系
1．1．3 認識網(wǎng)站與網(wǎng)頁
1．2 網(wǎng)頁的組成
1．2．1 網(wǎng)頁的本質(zhì)和功能組成
1．2．2 網(wǎng)頁的基本構(gòu)成要素
1．2．3 網(wǎng)頁的瀏覽
1．3 常用的網(wǎng)頁設(shè)計工具
1．3．1 網(wǎng)頁編輯工具
1．3．2 素材處理工具
1．4 小結(jié)
習(xí)題
第2章 網(wǎng)頁開發(fā)方法和布局
2．1 網(wǎng)頁開發(fā)的基本方法
2．1．1 網(wǎng)頁開發(fā)的步驟
2．1．2 網(wǎng)站文件命名
2．1．3 網(wǎng)站頁面結(jié)構(gòu)
2．2 網(wǎng)站規(guī)劃和頁面布局
2．2．1 網(wǎng)站主題與風(fēng)格的確定
2．2．2 網(wǎng)頁的重心平衡
2．2．3 網(wǎng)頁中的色彩運用
2．2．4 網(wǎng)頁版式設(shè)計
2．3 網(wǎng)站服務(wù)器架構(gòu)
2．3．1 Web服務(wù)器
2．3．2 IIS的安裝與配置
2．3．3 備份和恢復(fù)IIS設(shè)置
2．3．4 發(fā)布網(wǎng)站
2．4 小結(jié)
習(xí)題
第3章 XHTML基礎(chǔ)知識
3．1 HTML、XML、XHTML概述
3．1．1 HTML概述
3．1．2 XML概述
3．1．3 XHTML概述
3．1．4 XHTML基本語法
3．2 頁面的基本構(gòu)成元素
3．2．1 網(wǎng)頁的基本構(gòu)成
3．2．2 認識主體結(jié)構(gòu)
3．2．3 文檔校驗
3．3 文本的標(biāo)簽
3．3．1 區(qū)段格式標(biāo)簽
3．3．2 字符格式標(biāo)簽
3．3．3 列表標(biāo)簽
3．4 頁面風(fēng)格
3．5 超鏈接
3．6 音樂、影視和圖像標(biāo)簽
3．7 圖像的超鏈接
3．8 表格
3．9 表單
3．10 框架結(jié)構(gòu)
3．11 小結(jié)
習(xí)題
第4章 CSS入門
4．1 CSS概述
4．1．1 CSS簡介
4．1．2 CSS在頁面風(fēng)格設(shè)計中的作用
4．2 CSS樣式
4．2．1 內(nèi)聯(lián)定義
4．2．2 定義內(nèi)部樣式塊對象
4．2．3 外部樣式表文件
4．3 CSS語法
4．3．1 基本語法規(guī)范
4．3．2 CSS的值
4．3．3 定義字體
4．3．4 定義鏈接的樣式
4．4 CSS選擇器
4．5 CSS的層疊性
4．5．1 CSS層疊性概述
4．5．2 CSS層疊的運用
4．6 CSS的優(yōu)先級
4．7 小結(jié)
習(xí) 題
第5章 Dreamweaver網(wǎng)頁設(shè)計軟件
5．1 初識Dreamweaver
5．1．1 Dreamweaver CS6工作環(huán)境
5．1．2 Drearnweaver常用快捷鍵
5．2 創(chuàng)建網(wǎng)站
5．2．1 站點的概念
5．2．2 站點的規(guī)劃
5．2．3 創(chuàng)建站點
5．2．4 管理站點
5．3 創(chuàng)建網(wǎng)頁
5．3．1 新建HTML網(wǎng)頁
5．3．2 編輯HTML文檔
5．3．3 保存并瀏覽網(wǎng)頁
5．4 文本與圖像混合編輯
5．4．1 文本的插入與編輯
5．4．2 文本操作案例
5．4．3 圖像的插入與編輯
5．4．4 圖像操作案例
5．5 創(chuàng)建超鏈接
5．5．1 超鏈接分類
5．5．2 超鏈接操作案例
5．6 表格處理
5．6．1 表格的插入與編輯
5．6．2 表格操作案例
5．7 AP DIV的應(yīng)用
5．7．1 AP DIV的創(chuàng)建與屬性設(shè)置
5．7．2 AP DIV操作案例
5．8 在Dreamweaver中定義CSS
5．8．1 創(chuàng)建CSS樣式
5．8．2 編輯和刪除CSS樣式
5．9 多媒體應(yīng)用
5．9．1 插入聲音
5．9．2 插入Flash動畫
5．9．3 插入視頻
5．9．4 插入Fireworks網(wǎng)頁元素
5．10 表單編輯
5．10．1 表單的插入與編輯
5．10．2 表單操作案例
5．11 小結(jié)
習(xí)題
第6章 Fireworks圖像處理軟件
6．1 Fireworks簡介及其用戶界面
6．1．1 Fireworks簡介
6．1．2 Fireworks用戶界面
6．2 Fireworks基礎(chǔ)
6．2．1 位圖和矢量圖
6．2．2 處理位圖
6．2．3 個人吉祥物照片處理
6．2．4 編輯路徑與文本
6．2．5 網(wǎng)站廣告欄圖像的制作
6．3 網(wǎng)頁交互元素的制作
6．3．1 制作按鈕和導(dǎo)航欄
6．3．2 制作唐詩配圖
6．4 使用Fireworks創(chuàng)建動畫
6．5 網(wǎng)頁圖像優(yōu)化與導(dǎo)出
6．5．1 圖像優(yōu)化
6．5．2 圖像導(dǎo)出
6．5．3 Dreamweaver中使用FIreworks文檔
6．6 小結(jié)
習(xí) 題
第7章 DIV+CsS網(wǎng)頁制作
7．1 認識盒模型
7．1．1 盒模型概述
7．1．2 元素類型
7．2 認識DIV標(biāo)簽
7．2．1 插入DIV標(biāo)簽
7．2．2 設(shè)置DIV屬性
7．3 利用DIV+CSS進行網(wǎng)頁布局的簡單實例
7．3．1 網(wǎng)頁布局框架實現(xiàn)
7．3．2 “瓷文化”網(wǎng)頁布局
7．4 利用DIV+CSS布局網(wǎng)頁
7．4．1 網(wǎng)站建設(shè)規(guī)劃
7．4．2 前期制作準備
7．4．3 案例效果分析
7．4．4 網(wǎng)站發(fā)布
7．5 小結(jié)
習(xí)題
參考文獻