網(wǎng)頁設(shè)計與制作教程（第4版）

前言
第1章 網(wǎng)頁設(shè)計制作概述
1．1 網(wǎng)頁、網(wǎng)站的概念
1．1．1 網(wǎng)頁、網(wǎng)站和主頁
1．1．2 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁
1．2 Web標(biāo)準(zhǔn)
1．2．1 Web標(biāo)準(zhǔn)的概念
1．2．2 建立Web標(biāo)準(zhǔn)的目的
1．2．3 采用Web標(biāo)準(zhǔn)的優(yōu)點
1．3 網(wǎng)站的規(guī)劃與設(shè)計
1．4 網(wǎng)站開發(fā)工作流程
1．4．1 規(guī)劃站點
1．4．2 設(shè)置開發(fā)環(huán)境
1．4．3 規(guī)劃頁面設(shè)計和布局
1．4．4 創(chuàng)建內(nèi)容資源
1．4．5 組合、測試和部署
1．4．6 維護(hù)和更新站點
1．4．7 案例：規(guī)劃曙光大學(xué)網(wǎng)站
1．5 網(wǎng)站策劃書撰寫要點
1．6 常用網(wǎng)頁制作軟件
1．6．1 網(wǎng)頁制作工具
1．6．2 網(wǎng)頁圖形圖像處理工具
1．6．3 網(wǎng)頁動畫制作與特效工具
1．6．4 網(wǎng)頁上傳工具
1．6．5 網(wǎng)頁設(shè)計工具的發(fā)展動向
1．7 實訓(xùn)：規(guī)劃愛家美食網(wǎng)站
1．8 習(xí)題
第2章 網(wǎng)頁版面設(shè)計基礎(chǔ)
2．1 網(wǎng)頁基礎(chǔ)知識
2．1．1 虛擬界面
2．1．2 網(wǎng)頁界面的特點
2．1．3 網(wǎng)頁的功能
2．2 網(wǎng)頁版面設(shè)計
2．2．1 版面編排原則
2．2．2 網(wǎng)頁排版布局的一般步驟
2．2．3 版面典型風(fēng)格
2．2．4 網(wǎng)頁排版布局的常用技術(shù)
2．2．5 色彩搭配
2．2．6 設(shè)計規(guī)則
2．2．7 設(shè)計誤區(qū)
2．2．8 案例：設(shè)計曙光大學(xué)網(wǎng)站首頁版面
2．3 實訓(xùn)：設(shè)計愛家美食網(wǎng)站首頁版面
2．4 習(xí)題
第3章 用DreamweaverCS4創(chuàng)建基本網(wǎng)頁
3．1 DreamweaverCS4入門
3．1．1 DreamweaverCS4工作環(huán)境
3．1．2 DreamweaverCS4的參數(shù)設(shè)置
3．2 制作簡單網(wǎng)頁
3．2．1 創(chuàng)建網(wǎng)站站點
3．2．2 新建與保存網(wǎng)頁
3．2．3 頁面屬性設(shè)置
3．2．4 網(wǎng)頁的基本排版
3．2．5 插入圖像
3．2．6 案例1：創(chuàng)建曙光大學(xué)網(wǎng)站“學(xué)校概況”頁面
3．3 制作圖文并茂網(wǎng)頁
3．3．1 圖文混排
3．3．2 案例2：設(shè)計曙光大學(xué)網(wǎng)站“校園風(fēng)采”頁面
3．4 網(wǎng)頁結(jié)構(gòu)語言XHTML
3．4．1 XHTML簡介
3．4．2 XHTML文檔的基本結(jié)構(gòu)
3．4．3 使用DreamweaverCS4的代碼視圖查看XHTML文檔
3．4．4 案例3：了解曙光大學(xué)網(wǎng)站“校園風(fēng)采”網(wǎng)頁代碼
3．5 實訓(xùn)
3．5．1 實訓(xùn)1：制作愛家美食網(wǎng)站“白云豆燒牛肉”頁面
3．5．2 實訓(xùn)2：制作愛家美食網(wǎng)站“美食推薦”頁面
3．6 習(xí)題
第4章 超鏈接
4．1 超鏈接的基本概念
4．2 創(chuàng)建內(nèi)部超鏈接
4．2．1 內(nèi)部超鏈接的形式
4．2．2 創(chuàng)建文字超鏈接
4．2．3 創(chuàng)建圖片超鏈接
4．2．4 案例：制作曙光大學(xué)網(wǎng)站“招生信息”欄目
4．3 創(chuàng)建其他類型超鏈接
4．3．1 外部鏈接
4．3．2 E-mail超鏈接
4．3．3 錨點超鏈接
4．3．4 下載鏈接
4．4 實訓(xùn)
4．4．1 實訓(xùn)1：制作愛家美食網(wǎng)站“食尚前沿”系列頁面
4．4．2 實訓(xùn)2：制作愛家美食網(wǎng)站“美味靚湯”系列頁面
4．5 習(xí)題
第5章 表格
5．1 表格基本操作
5．1．1 創(chuàng)建表格
5．1．2 設(shè)置表格屬性
5．1．3 表格的基本操作
5．1．4 案例1：制作曙光大學(xué)網(wǎng)站“就業(yè)信息”網(wǎng)頁
5．2 XHTML表格
5．2．1 簡單表格
5．2．2 表格內(nèi)文字的對齊方式
5．2．3 表格在頁面中的對齊方式
5．2．4 表格的色彩和圖像背景
5．2．5 案例2：分析曙光大學(xué)網(wǎng)站“就業(yè)信息”欄目主頁代碼
5．3 表格布局頁面的綜合應(yīng)用
5．3．1 制作網(wǎng)站首頁的技術(shù)要點
5．3．2 案例3：制作曙光大學(xué)網(wǎng)站首頁
5．4 實訓(xùn)
5．4．1 實訓(xùn)1：制作愛家美食網(wǎng)站“美食圖庫”頁面
5．4．2 實訓(xùn)2：制作愛家美食網(wǎng)站首頁
5．5 習(xí)題
第6章 網(wǎng)頁行為語言——JavaScript
6．1 JaVaScriDt簡介
6．1．1 JavaScript的特點
6．1．2 在網(wǎng)頁中插入JavaScript的方法及定義
6．2 行為
6．2．1 行為的基本概念
6．2．2 “行為”面板
6．3 頁面對象行為
6．3．1 利用“行為”面板設(shè)置彈出窗口頁面
6．3．2 利用“行為”面板設(shè)置彈出信息框
6．3．3 案例1：制作曙光大學(xué)網(wǎng)站首頁彈出窗口頁面
6．4 基于對象的JaVaScript腳本語言
6．4．1 對象及相關(guān)概念
6．4．2 ：DHTFML對象模型簡介
6．5 對象事件
6．5．1 對象事件的分類
6．5．2 常用的事件及處理程序
6．6 制作JaVas嘶pt特效
6．6．1 案例2：制作曙光大學(xué)網(wǎng)站首頁滾動的“友情鏈接”信息
6．6．2 案例3：制作曙光大學(xué)網(wǎng)站首頁循環(huán)滾動圖片廣告
6．6．3 案例4：制作曙光大學(xué)網(wǎng)站首頁幻燈切換廣告
6．7 實訓(xùn)
6．7．1 實訓(xùn)1：制作愛家美食網(wǎng)站菜譜彈出信息框
6．7．2 實訓(xùn)2：制作愛家美食網(wǎng)站首頁幻燈切換廣告
6．8 習(xí)題
第7章 網(wǎng)頁表現(xiàn)語言—CSS
7．1 CSS簡介
7．1．1 CSS的特點和用途
7．1．2 CSS規(guī)則
7．1．3 CSS常用屬性
7．2 “CSS樣式”面板
7．2．1 “正在”模式下的“CSS樣式”面板
7．2．2 “全部”模式下的“CSS樣式”面板
7．2．3 “CSS樣式”面板視圖和按鈕
7．3 創(chuàng)建并使用內(nèi)部樣式表
7．3．1 創(chuàng)建自定義樣式
7．3．2 創(chuàng)建僅應(yīng)用于一個HTML元素的樣式
7．3．3 創(chuàng)建重定義HTML標(biāo)簽樣式
7．3．4 創(chuàng)建鏈接樣式
7．3．5 樣式的應(yīng)用
7．3．6 案例1：制作曙光大學(xué)網(wǎng)站導(dǎo)航條菜單
7．4 創(chuàng)建并使用外部CSS樣式
7．4．1 創(chuàng)建外部樣式文件
7．4．2 鏈接外部樣式
7．4．3 案例2：創(chuàng)建曙光大學(xué)網(wǎng)站樣式
7．5 實訓(xùn)
7．5．1 實訓(xùn)1：制作愛家美食網(wǎng)站“奶茶評測”頁面
7．5．2 實訓(xùn)2：創(chuàng)建愛家美食網(wǎng)站樣式
7．6 習(xí)題
第8章 框架
第9章 表單
第10章 模板與庫
第11章 多媒體對象
第12章 使用Div布局頁面
第13章 網(wǎng)站的整合與測試發(fā)布