網(wǎng)頁設(shè)計(jì)與制作

第1章 網(wǎng)頁設(shè)計(jì)基礎(chǔ)
1．1 網(wǎng)頁與網(wǎng)站概述
1．1．1 Internet與WWW
1．1．2 網(wǎng)頁和網(wǎng)站
1．2 網(wǎng)頁設(shè)計(jì)與制作
1．2．1 超文本標(biāo)記語言HTML
1．2．2 常用網(wǎng)頁制作工具
1．2．3 常用網(wǎng)頁素材制作和編輯工具
1．3 初識(shí)Dreamweaver MX 2004
1．3．1 Dreamweaver MX 2004簡(jiǎn)介
1．3．2 Dreamweaver MX 2004的安裝和啟動(dòng)
1．3．3 Dreamweaver MX 2004的工作環(huán)境
1．3．4 制作一個(gè)簡(jiǎn)單的網(wǎng)頁
1．3．5 使用Dreamweaver MX 2004的幫助系統(tǒng)
思考與練習(xí)
第2章 網(wǎng)頁制作初步
2．1 創(chuàng)建和管理站點(diǎn)
2．1．1 建立站點(diǎn)前的準(zhǔn)備工作
2．1．2 創(chuàng)建和管理站點(diǎn)
2．2 網(wǎng)頁的新建、保存和編輯
2．2．1 新建、打開和保存網(wǎng)頁
2．2．2 設(shè)置頁面屬性
2．2．3 使用標(biāo)簽選擇器
2．2．4 實(shí)例
2．3 文字的應(yīng)用
2．3．1 在網(wǎng)頁中編輯文字
2．3．2 設(shè)置文字格式
2．3．3 實(shí)例
2．4 插入水平線和日期
2．4．1 插入水平線
2．4．2 插入日期
2．4．3 實(shí)例
2．5 圖像的應(yīng)用
2．5．1 常用Web圖像格式
2．5．2 在網(wǎng)頁中插入圖像
2．5．3 插入圖像占位符
2．5．4 插入鼠標(biāo)經(jīng)過圖像
2．5．5 插入Fireworks HTML文件
2．6 創(chuàng)建超級(jí)鏈接
2．6．1 理解超級(jí)鏈接
2．6．2 創(chuàng)建頁面鏈接
2．6．3 創(chuàng)建錨記鏈接
2．6．4 創(chuàng)建電子郵件鏈接
2．6．5 創(chuàng)建圖像熱區(qū)鏈接
2．7 插人多媒體對(duì)象
2．7．1 插入和設(shè)置Flash動(dòng)畫
2．7．2 插入Flash按鈕
2．7．3 插入Flash文本對(duì)象
2．7．4 在網(wǎng)頁中插入聲音
2．7．5 實(shí)例
思考與練習(xí)
第3章 網(wǎng)頁的排版和布局
3．1 頁面布局概述
3．2 表格的應(yīng)用
3．2．1 標(biāo)準(zhǔn)模式、擴(kuò)展模式和布局模式
3．2．2 新建表格
3．2．3 表格結(jié)構(gòu)的修改
3．2．4 設(shè)置表格屬性
3．2．5 設(shè)置單元格、行和列屬性
3．2．6 表格用于布局
3．3 布局表格的應(yīng)用
3．3．1 繪制布局表格和布局單元格
3．3．2 使用輔助設(shè)計(jì)手段
3．3．3 調(diào)整布局表格和布局單元格
3．3．4 設(shè)置布局單元格和表格的格式
3．3．5 設(shè)置列寬
3．4 建立框架網(wǎng)頁
3．4．1 使用框架的優(yōu)點(diǎn)
3．4．2 創(chuàng)建框架和框架集
3．4．3 在框架中打開文檔
3．4．4 選擇框架和框架集
3．4．5 保存框架和框架集文件
3．4．6 設(shè)置框架屬性
3．4．7 設(shè)置框架集屬性
3．4．8 通過超級(jí)鏈接控制框架內(nèi)容
3．4．9 處理不能顯示框架的瀏覽器
3．5 層
3．5．1 理解層的概念
3．5．2 在頁面中添加層
3．5．3 設(shè)置層屬性
3．5．4 操縱層
3．5．5 層和表格的相互轉(zhuǎn)換
思考與練習(xí)
第4章 樣式在網(wǎng)頁中的應(yīng)用
4．1 樣式概述
4．1．1 使用CSS樣式的優(yōu)點(diǎn)
4．1．2 CSS樣式的類型
4．1．3 CSS標(biāo)簽可以駐留的位置
4．2 在網(wǎng)頁中添加樣式
4．2．1 創(chuàng)建新的CSS樣式
4．2．2 創(chuàng)建和應(yīng)用自定義CSS樣式
4．2．3 創(chuàng)建“重定義標(biāo)簽”樣式
4．2．4 創(chuàng)建“定義標(biāo)簽組合”樣式
4．3 CSS樣式定義的選項(xiàng)說明
4．3．1 “類型”分類
4．3．2 “背景”分類
4．3．3 定義CSS樣式塊屬性
4．3．4 “定位”分類
4．3．5 “擴(kuò)展”分類
4．4 導(dǎo)出樣式表文件
4．5 鏈接到或?qū)胪獠緾SS樣式表
4．5．1 導(dǎo)入或鏈接外部CSS樣式表
4．5．2 導(dǎo)入與鏈接外部CSS樣式表的區(qū)別
4．6 關(guān)于沖突的CSS樣式
思考與練習(xí)
第5章 表單和表單行為
5．1 理解表單交互過程
5．2 常用表單對(duì)象
5．2．1 建立表單布局
5．2．2 在表單中添加不同元素
5．2．3 設(shè)計(jì)表單元素樣式
5．3 驗(yàn)證表單的輸入結(jié)果
5．4 通過電子郵件接收表單結(jié)果
5．5 創(chuàng)建跳轉(zhuǎn)菜單
5．6 創(chuàng)建動(dòng)態(tài)表單
5．6．1 定義記錄集
5．6．2 創(chuàng)建動(dòng)態(tài)HTML表單菜單
5．6．3 創(chuàng)建HTML動(dòng)態(tài)文本域
5．6．4 動(dòng)態(tài)預(yù)先選擇HTML復(fù)選框
5．6．5 動(dòng)態(tài)預(yù)先選擇HTML單選按鈕
5．6．6 動(dòng)態(tài)HTML表單菜單實(shí)例
5．7 表單行為
5．7．1 什么是行為
5．7．2 使用內(nèi)置行為
5．7．3 常見觸發(fā)行為的事件
思考與練習(xí)
第6章 Web圖像制作與處理
6．1 Macromedia Fireworks MX 2004工作環(huán)境
6．1．1 Fireworks MX 2004 工作界面
6．1．2 Fireworks MX 2004工作模式
6．1．3 首選參數(shù)設(shè)置
6．2 Fireworks MX 2004基本操作
6．2．1 畫布設(shè)置
6．2．2 更改畫布屬性
6．2．3 創(chuàng)建文檔
6．2．4 瀏覽和查看視圖
6．2．5 文檔布局工具
6．3 矢量對(duì)象繪制與編輯
6．3．1 繪制矢量圖形
6．3．2 編輯矢量圖像
6．3．3 筆觸和填充
6．4 位圖圖像處理
6．4．1 選取位圖區(qū)域
6．4．2 位圖的繪制、編輯與修飾
6．4．3 層、圖像合成與蒙版
6．5 文本設(shè)計(jì)
6．5．1 文本基礎(chǔ)
6．5．2 文本附加到路徑
6．5．3 文本轉(zhuǎn)化為路徑
6．6 使用濾鏡和特效
6．6．1 濾鏡的使用
6．6．2 效果的使用
6．6．3 “創(chuàng)意”特效的使用
6．6．4 “樣式”浮動(dòng)面板的使用
6．7 動(dòng)畫制作與圖像的交互性設(shè)計(jì)
6．7．1 動(dòng)畫制作
6．7．2 切片、變換圖像和熱點(diǎn)
6．7．3 制作按鈕、導(dǎo)航欄和菜單
思考與練習(xí)
第7章 制作網(wǎng)頁動(dòng)畫
7．1 初識(shí)Flash MX Professional 2004
7．1．1 Flash MX Professional 2004簡(jiǎn)介
7．1．2 Flash MX Professional 2004操作界面
7．1．3 Flash動(dòng)畫制作流程
7．2 Flash MX Professional 2004繪圖
7．2．1 繪圖工具
7．2．2 選擇工具
7．2．3 編輯工具
7．2．4 修飾工具
7．3 動(dòng)畫基礎(chǔ)
7．3．1 時(shí)間軸
7．3．2 幀
7．3．3 層
7．3．4 對(duì)象的變形
7．3．5 對(duì)象間的操作
7．4 元件與實(shí)例
7．4．1 “庫”面板
7．4．2 創(chuàng)建元件
7．4．3 編輯元件
7．4．4 編輯實(shí)例
7．5 創(chuàng)建動(dòng)畫
7．5．1 時(shí)間軸效果
7．5．2 逐幀動(dòng)畫
7．5．3 補(bǔ)間動(dòng)畫
7．5．4 引導(dǎo)線動(dòng)畫
7．5．5 遮罩動(dòng)畫
7．5．6 創(chuàng)建交互動(dòng)畫
7．5．7 在動(dòng)畫中使用聲音
思考與練習(xí)
第8章 綜合實(shí)例
8．1 學(xué)校主頁
8．1．1 學(xué)校主頁的基本結(jié)構(gòu)
8．1．2 在Fireworks中制作LOGO
8．1．3 在Flash中制作校訓(xùn)
8．1．4 在Dreamweaver中制作學(xué)校首頁
8．2 個(gè)性主頁的制作
8．2．1 在Flash中制作百葉窗式相冊(cè)
8．2．2 在Fireworks中設(shè)計(jì)版面
8．2．3 在Dreamweaver中修飾首頁