網(wǎng)頁(yè)設(shè)計(jì)操作技術(shù)教程

目 錄 第一章 網(wǎng)頁(yè)制作基礎(chǔ) 第一節(jié) 什么是網(wǎng)頁(yè) 一. Internet與WWW 二. 網(wǎng)站與網(wǎng)頁(yè) 三. 網(wǎng)頁(yè)的本質(zhì) 第二節(jié) 網(wǎng)頁(yè)制作工具 一. 網(wǎng)頁(yè)編輯工具 二. 素材處理與創(chuàng)作工具 第三節(jié) 如何制作網(wǎng)頁(yè) 一. 規(guī)劃站點(diǎn) 二. 設(shè)計(jì)站點(diǎn) 三. 網(wǎng)頁(yè)制作 本章小結(jié) 習(xí)題一 第二章 建站與編輯網(wǎng)頁(yè)DreamweaverMX 第一節(jié) 開(kāi)始建站 一. Dreamweaver的工作界面 二. 創(chuàng)建與管理站點(diǎn) 三. 網(wǎng)站上傳 第二節(jié) 制作第一個(gè)網(wǎng)頁(yè) 一. 設(shè)置網(wǎng)頁(yè)屬性 二. 添加頁(yè)面內(nèi)容 三. 制作網(wǎng)頁(yè)的一般過(guò)程 第三節(jié) 文本修飾 一. 文本格式概述 二. 設(shè)置字符格式 三. 設(shè)置段落格式 四. 設(shè)置列表格式 第四節(jié) 使用超鏈接把網(wǎng)頁(yè)鏈接起來(lái) 一. 什么是超鏈接 二. 在Dreamweaver中設(shè)置超鏈接 本章小結(jié) 習(xí)題二 第三章 使用圖像 第一節(jié) Web圖像基礎(chǔ) 一. 矢量圖與位圖 二. 常用的Web圖像格式 三. Web圖像的處理流程 四. Web圖像的使用要點(diǎn) 第二節(jié) 在網(wǎng)頁(yè)中使用圖像 一. 插入圖像 二. 修改圖像屬性 三. 圖像超鏈接與映像圖 四. 動(dòng)態(tài)圖像效果 本章小結(jié) 習(xí)題三 第四章 應(yīng)用FireworksMX 第一節(jié) Fireworks基礎(chǔ) 一. 安裝Fireworks 二. Firework的界面 三. 基本操作 第二節(jié) Fireworks中的特效 一. 應(yīng)用實(shí)時(shí)特效 二. 特效的基本管理 三. 標(biāo)準(zhǔn)的實(shí)時(shí)特效 第三節(jié) 位圖文件的處理 一. 創(chuàng)建位圖文件 二. 利用特定工具創(chuàng)建位圖 三. 繪制和修改位圖 第四節(jié) 圖像的繪制及修改 一. 在對(duì)象模式中繪制圖形 二. 畫筆顏色的設(shè)置和顏色的填充 三. 選取對(duì)象 本章小結(jié) 習(xí)題四 第五章 使用多媒體對(duì)象 第一節(jié) 使用聲音和視頻 一. 聲音與視頻概述 二. 添加背景音樂(lè) 三. 鏈接聲音與視頻 四. 嵌入聲音與視頻 第二節(jié) 使用Flash動(dòng)畫 一. 插入已有的Flash動(dòng)畫 二. 插入Dreamweaver提供的Flash動(dòng)畫 第三節(jié) 使用Java特效 一. 什么是Java特效 二. 什么是Java小程序 第四節(jié) 使用Shockwave電影 一. 什么是Shockwave電影 二. 插入Shockwave電影 本章小結(jié) 習(xí)題五 第六章 應(yīng)用FlashMX 第一節(jié) FlashMX簡(jiǎn)介 一. 關(guān)于FlashMX 二. FlashMX工作界面概述 三. Flash的基本元素 四. Flash的基本概念 第二節(jié) 制作Flash動(dòng)畫的基本過(guò)程 一. 在Flash中作圖 二. 制作Flash動(dòng)畫 三. 制作交互式Flash電影 四. 導(dǎo)出Flash 第三節(jié) Flash繪畫 一. 直線. 橢圓和矩形工具 二. 鉛筆工具 三. 鋼筆工具 四. 畫刷工具 五. 橡皮工具 第四節(jié) 創(chuàng)建逐幀動(dòng)畫 一. 什么是逐幀動(dòng)畫 二. 逐幀動(dòng)畫實(shí)例 三. 修改動(dòng)畫播放速度的方法 第五節(jié) 創(chuàng)建漸變動(dòng)畫 一. 運(yùn)動(dòng)漸變動(dòng)畫 二. 運(yùn)動(dòng)漸變動(dòng)畫實(shí)例--走直線的車輪 三. 形狀漸變動(dòng)畫 四. 形狀漸變動(dòng)畫實(shí)例--雄雞變孔雀 第六節(jié) 創(chuàng)建交互動(dòng)畫 一. 什么是交互動(dòng)畫 二. 交互動(dòng)畫實(shí)例--管中仙鏡 本章小結(jié) 習(xí)題六 第七章 應(yīng)用FrontPage2002 第一節(jié) 啟動(dòng)FrontPage2002 第二節(jié) FrontPaSe2002的窗口組成 第三節(jié) 使用菜單 一. 選擇菜單命令 二. 顯示所有的菜單命令 第四節(jié) 使用工具欄 一. 顯示按鈕提示 二. 顯示或隱藏工具欄 三. 移動(dòng)工具欄 四. 添加或隱藏工具欄按鈕 第五節(jié) FrontPage2002實(shí)例 一. 設(shè)置字符格式 二. 表單效果 本章小結(jié) 習(xí)題七 第八章 頁(yè)面的版面布局 第一節(jié) 布局設(shè)計(jì)概述 第二節(jié) 網(wǎng)頁(yè)版面布局設(shè)計(jì) 一. 常見(jiàn)的網(wǎng)頁(yè)版面布局類型 二. 版面布局設(shè)計(jì)要求 第三節(jié) 使用表格進(jìn)行布局設(shè)計(jì) 一. 創(chuàng)建并修改表格 二. 用表格進(jìn)行版面布局 三. 在表格中使用文本和圖像 四. 表格的修改 第四節(jié) 使用框架進(jìn)行布局設(shè)計(jì) 一. 創(chuàng)建框架 二. 調(diào)整框架屬性 三. 實(shí)現(xiàn)框架之間的跳轉(zhuǎn) 第五節(jié) 使用圖層進(jìn)行布局設(shè)計(jì) 一. 圖層概述 二. 圖層的使用 第六節(jié) 使用布局視圖進(jìn)行布局設(shè)計(jì) 一. 切換到布局視圖 二. 繪制布局單元格和布局表格 三. 編輯布局單元格和布局表格 四. 網(wǎng)格的使用 五. 向單元格中添加內(nèi)容 本章小結(jié) 習(xí)題八 第九章 動(dòng)態(tài)網(wǎng)頁(yè) 第一節(jié) 使用表單 一. 表單的概念 二. 如何創(chuàng)建表單 三. 創(chuàng)建表單對(duì)象 第二節(jié) 使用行為創(chuàng)建交互式網(wǎng)頁(yè) 一. 認(rèn)識(shí)行為 二. 認(rèn)識(shí)行為面板 三. 為對(duì)象附加行為 四. 為特殊對(duì)象附加行為 五. 行為運(yùn)用實(shí)例 本章小結(jié) 習(xí)題九 第十章 使用樣式和模板 第一節(jié) 使用HTML樣式 一. 什么是HTML樣式 二. 創(chuàng)建HTML樣式 三. 應(yīng)用HTML樣式 第二節(jié) 使用CSS樣式 一. 什么是CSS樣式 二. 創(chuàng)建CSS樣式 三. 應(yīng)用樣式 四. 設(shè)置CSS樣式的格式參數(shù) 第三節(jié) 使用模板 一. 認(rèn)識(shí)模板 二. 創(chuàng)建模板 三. 應(yīng)用模板 本章小結(jié) 習(xí)題十 第十一章 綜合實(shí)例 第一節(jié) 規(guī)劃網(wǎng)站目錄結(jié)構(gòu)與主頁(yè)布局 第二節(jié) 制作網(wǎng)頁(yè)素材 一. 利用Fireworks制作公司標(biāo)志 二. 利用Fireworks制作導(dǎo)航條 三. 利用Fireworks處理圖片 四. 使用Fireworks制作網(wǎng)頁(yè)標(biāo)題動(dòng)畫 第三節(jié) 制作主頁(yè) 第四節(jié) 制作歡迎網(wǎng)頁(yè) 第五節(jié) 制作產(chǎn)品介紹網(wǎng)頁(yè) 本章小結(jié) 習(xí)題十一 實(shí) 訓(xùn) 實(shí)訓(xùn)1 網(wǎng)頁(yè)制作基礎(chǔ) 實(shí)訓(xùn)2 建站與編輯網(wǎng)頁(yè)DreamweaverMX 實(shí)訓(xùn)3 使用圖像 實(shí)訓(xùn)4 應(yīng)用FireworksMX 實(shí)訓(xùn)5 使用多媒體對(duì)象 實(shí)訓(xùn)6 應(yīng)用FlashMX 實(shí)訓(xùn)7 應(yīng)用FrontPage2002 實(shí)訓(xùn)8 設(shè)計(jì)頁(yè)面版式 實(shí)訓(xùn)9 動(dòng)態(tài)網(wǎng)頁(yè) 實(shí)訓(xùn)10 使用樣式和模板