P·A·R·T網(wǎng)頁設(shè)計基礎(chǔ)
Section 1 首選網(wǎng)頁設(shè)計程序Dreamweaver MX 2004
1. Dreamweaver MX 2004的概念
2. Dreamweaver MX 2004的典型特征
3. Dreamweaver MX 2004的新增功能
Section 2 DreamweaverMX2004的操作界面
1. 查看操作界面
2. 工具欄
3. Properties面板
4. Insert快捷欄組
Special Page 靈活運用設(shè)計視圖和代碼視圖
Section 3 隨意擺放面板組
1. 各種面板組
2 制作個性化操作區(qū)域
Section 4 設(shè)計簡單的主頁
1. 安裝范例文件夾
2. 制作簡單主頁
Section 5 創(chuàng)建主頁制作空間
1 本地站點的概念
2. 制作操作空間--本地站點
3 編輯. 刪除本地站點
Section 6 設(shè)置網(wǎng)頁文檔屬性
1. 為網(wǎng)頁文檔指定標(biāo)題
2 輸入內(nèi)容, 劃分段落
Section 7 隨意修改文字屬性
1. 更改字號
2. 根據(jù)主頁整體風(fēng)格, 修改文字顏色
3 自定義文字顏色
Section 8 在Dreamweaver中添加新字體
在Dreamweaver中添加基本字體
Section 9 利用項目列表整理復(fù)雜內(nèi)容
1. Dreamweaver支持的項目列表功能
2 利用項目列表整理復(fù)雜的內(nèi)容
3 制作項目列表的嵌套列表
Section 10 在網(wǎng)頁文檔中插入水平線
1. 理解水平線設(shè)置值
2. 在網(wǎng)頁文檔中插入水平線
Section 11 插入Dreamweaver提供的符號
在網(wǎng)頁文檔中插入版權(quán)信息
Section 12 設(shè)置網(wǎng)頁文檔屬性
1. 設(shè)置網(wǎng)頁文檔的空白邊距和背景色
2. 利用背景圖像填充文檔
Section 13 在網(wǎng)頁文檔中插入標(biāo)題圖像
1 主頁中常用的圖像種類
2. 在網(wǎng)頁文檔中插入標(biāo)題圖像
Special Page 圖像無法在瀏覽器上顯示時
Section 14 優(yōu)化圖像和段落
1 調(diào)整圖像和文本的對齊方式
2. 調(diào)整圖像大小和圖像邊距
Section 15 制作員標(biāo)響應(yīng)的翻轉(zhuǎn)菜單
Section 16 頁面之間的連接功能--超鏈接
1. 超鏈接的概念
2 在Dreamweaver中建立超鏈接
Section 17 利用超鏈接連接相關(guān)網(wǎng)頁
1. 鏈接其他網(wǎng)頁文檔
2. 建立外部文檔鏈接并指定鏈接目標(biāo)(Target)
3. 建立電子郵件鏈接
Section 18 利用"錨記"功能移動到特定位置
1. 移動到特定位置的錨記功能
2 制作可移動到其他站點內(nèi)的特定位置的錨記
Section 19 利用圖像熱點, 在圖僚的特定部分設(shè)置鏈接
1. 圖像熱點的概念
2. 利用圖像熱點功能, 在圖像上建立鏈接
3. 查看圖像熱點相關(guān)屬性
Section 20 HTML快捷欄提供的功能
1. 利用元標(biāo)記插入主頁說明文字
2 指定主頁的關(guān)鍵詞
3. 自動刷新功能
4. 利用元標(biāo)記實現(xiàn)頁面轉(zhuǎn)換效果
3 P·A·R·T 利用表格和框架設(shè)計乘法的主頁
Section 21 在主頁中應(yīng)用表格
1. 了解表格的用途
2. 在Dreamweaver中制作表格
3. 利用Properties面板, 設(shè)置表格的詳細(xì)屬性
4. 以像素和百分比為單位指定表格大小
Section 22 熟練掌握表格和單元格屬性
1. 選擇表格和單元格
2. 調(diào)整表格和單元格的大小
3. 表格對齊方式
4. 調(diào)整表格邊框和余白
5. 在表格內(nèi)插入行和列
6. 合并或拆分單元格
7. 利用像素值固定單元格大小的方法
8. 不換行功能和尺寸調(diào)整功能
Section 23 利用表格設(shè)計特殊的頁面布局
1. 利用表格設(shè)計頁面布局
2. 嵌套表格后添加內(nèi)容的方法
Special Page利用小子1像素的細(xì)線制作表格邊框的方法
Section 24 利用表格設(shè)計特殊頁面布局
1. 制作符合網(wǎng)頁風(fēng)格的頁面布局
2. 利用分割的圖像完成布局設(shè)計
Special Page將默認(rèn)文件擴(kuò)展名更改為. html
Section 25 在表格中插入背景圖像
Section 26 利用布局模式完成復(fù)雜的布局設(shè)計
1. 利用布局模式, 輕松完成布局設(shè)計
2. 轉(zhuǎn)換到布局模式
Section 27 在布局模式中創(chuàng)建表格
1. 創(chuàng)建布局表格
2. 調(diào)整布局表格的大小和位置
3. 為布局表格指定背景色
4. 在布局表格中填充文本和圖像
Section 28 員活應(yīng)用布局單元格
1. 添加布局單元格
2. 調(diào)整布局單元格的位置和大小
3. 對齊布局單元格中的內(nèi)容
4. 指定布局單元格間距和空白區(qū)
Section 29 利用布局模式完成特殊的布局設(shè)計
1. 將頁面布局指定為底層圖像
2. 利用底層圖像, 設(shè)計獨特的頁面布局
3. 在設(shè)計完成的布局中填充內(nèi)容
Section 30 利用框架提高空間利用率
1. 框架的概念
2. 理解框架結(jié)構(gòu)
Section 31 創(chuàng)建并保存框架
1. 利用菜單命令創(chuàng)建框架
2. 在文檔窗口中添加框架
Section 32 相關(guān)框架屬性
1. 隨意設(shè)置框架屬性
2. 框架屬性面板和框架集屬性面板
Section 33 一次性更換多個框架
Section 34 制作框架主頁
1. 創(chuàng)建由上下框架構(gòu)成的初始畫面
2. 制作鏈接用框架集文檔
3. 為子菜單建立鏈接
Section 35 利用Iframe, 在網(wǎng)頁文檔中導(dǎo)入外部文檔
1. 利用lframe, 表現(xiàn)框架效果
2. 在Iframe中打開外部網(wǎng)頁文檔
4 P·A·R·T 層的應(yīng)用
Section 36 理解層概念
1. 層的概念
2. 層的特點
Section 37 創(chuàng)建并應(yīng)用層
1. 層屬性面板
2. 創(chuàng)建層并插入圖像
3. 調(diào)整層大小和位置
4. 利用方向鍵控制層
5. 層的選擇方法
6. 為層指定背景色
7. 創(chuàng)建父層和子層
Section 38 靈活運用層的高級屬性
1. 將多個層對齊到相同位置
2. 確定層的層疊順序
3. 掌握層顯示/隱藏屬性
4. 為層添加滾動條
5. 將層轉(zhuǎn)換為表格
6. 將表格轉(zhuǎn)換為層
5 P·A·R·T 利用最新多媒體技術(shù)制作主頁
Section 39 利用媒體制作動態(tài)主頁
1. 媒體文件的概念
2. 在多媒體主頁中靈活運用音頻文件
3. 在多媒體主頁中靈活運用視頻文件
4. 在Dreamweaver中插入媒體文件
5. 媒體文件屬性面板
6. 媒體插入標(biāo)記
Section 40 利用插件, 在網(wǎng)頁文檔中插入背景音樂
Section 41 單擊圖像時, 播放背景音樂
Section 42 連續(xù)播放背景音樂
Section 43 在指定位置插入動影像
Section 44 設(shè)置動影像的詳細(xì)屬性
1. 隱藏動影像窗口下方的控制桿
2. 在放置鼠標(biāo)時播放動影像
Section 45 利用訪問者的MediaPlayerig放動影像
Section 46 在Dreamweaver中編輯Flash影片
1. 在Dreamweaver中100%應(yīng)用Flash
2. 在網(wǎng)頁文檔中插入Flash影片的方法
3. Flash屬性面板
4. 在網(wǎng)頁文檔中插入Flash影片文件(SWF)
Special Page在Dreamweaver中制作透明的Flash影片背景
Section 47在Dreamweaver中制作Flash按鈕
利用網(wǎng)ash按鈕制作菜單
Section 48 在Dreamweaver中制作Flash文本
1. Insert Flash Text對話框
2. 插入翻轉(zhuǎn)效果的Flash文本
Section 49 利用JavaApplet制作動感主頁
Section 50 利用JavaApplet表現(xiàn)滾動效果
Section 51 利用JavaApplet表現(xiàn)圖像轉(zhuǎn)換效果
Section 52 利用JavaApplet表現(xiàn)煙花綻放的效果
6 P·A·R·T 利用特殊樣式提高網(wǎng)頁制作水準(zhǔn)
Section 53 理解樣式表
1. 樣式表的概念
2. 理解樣式表的標(biāo)記
3. 樣式表的種類
4. 在哪兒建立樣式表
5. 在Dreamweaver中制作樣式表的方法
Section 54 利用用戶自定義樣式表改變文字屬性
1. 用戶自定義文本屬性的Type選項組
2. 根據(jù)自定義的文字屬性一并修改文章段落
Section 55 利用用戶自定義樣式衰修改行間距
Section 56 利用標(biāo)記制作熒光筆效果
Special-Page改變鼠標(biāo)指針的形態(tài)
Section 57 利用HTML標(biāo)記, 在所有圖片上添加邊框
Section 58 利用有關(guān)鏈接的樣式表修改鏈接的格式
1. 取消建立鏈接的文本下劃線, 制作出翻轉(zhuǎn)效果
2. 在單擊鼠標(biāo)的瞬間改變鏈接顏色
Section 59 利用用戶自定義樣式表制作圖標(biāo)
1. 設(shè)置列表項目格式的List選項組
2. 利用漂亮圖標(biāo)編排列表項目
Section 60 利用用戶自定義樣式表固定背景圖像的位置
1. 利用樣式表設(shè)置背景圖像
2. 在指定位置只顯示一張背景圖像
3. 固定背景圖像, 不讓它滾動
Section 61 利用樣式衰改變滾動條格式
1. 分析形成滾動條的樣式表代碼
2. 改變滾動條的顏色
Section 62 運用保存素材的庫
Section 63 運用保存在庫中的項目
1. 利用保存在庫中的項目編輯網(wǎng)頁文檔
2. 修改登錄到庫中的項目
Section 64 利用模板功能復(fù)制網(wǎng)頁文檔
1. 制作模板文檔, 設(shè)置可編輯區(qū)域
2. 利用前面制作的模板文檔制作網(wǎng)頁文檔
3. 修改模板文檔
7 P·A·R·T 靈活運用高級行為功能
Section 65 行為基礎(chǔ)知識
1. 行為的概念和應(yīng)用順序
2. 在Dreamweaver中提供的動作類型
3. 認(rèn)識事件
Section 66 調(diào)整訪問者電腦環(huán)嚏的行為
1. 根據(jù)瀏覽器顯示適當(dāng)?shù)木W(wǎng)頁文檔:Check Browser
2. 預(yù)載大圖片:Preload lmages
3. 確認(rèn)是否設(shè)有插件:Check Plugin
Section 67 用行為控制Flash影片
1. 控制Flash影片:Control Shockwave do Flash
2. 移動到Flash影片的特定幀上
3. 在按鈕上添加單擊時的效果音:Play Sound
Section 68 迅速而有效的鏈接行為
1. 將鼠標(biāo)移上之后跳轉(zhuǎn)的鏈接:Go To URL
2. 跳轉(zhuǎn)到相關(guān)頁面:Jump Menu
3. 在跳轉(zhuǎn)菜單上添加[Go]按鈕:Jump Menu Go
Section 69 根據(jù)選擇與否發(fā)生變化的導(dǎo)航條
1. 為了制作導(dǎo)航條而準(zhǔn)備的基本信息
2. 制作響應(yīng)鼠標(biāo)的導(dǎo)航條
3. 確認(rèn)選定與否的行為:Set Nav Bar lmage
Section 70 掌握有用的行為
1. 調(diào)用插入到文檔之中的JavaScript:Call JavaScript
2. 改變屬性的行為:Change Property
3. 在網(wǎng)頁上顯示彈出信息:Popup Message
Section 71 替換特定領(lǐng)域的行為
1. 在特定框架中顯示其他內(nèi)容:Set Text of Frame
2. 用其他內(nèi)容替換層的內(nèi)容:Set Text of Layer
3. 在狀態(tài)欄上顯示需要的內(nèi)容:Set Text of Status Bar
4. 在文本字段上顯示相關(guān)的內(nèi)容:Set Text of Text Field
Section 72 制作拼圖頁面
1. 制作小圖片層, 調(diào)整正確的位置
2. 在瀏覽器中拼圖
Section 73 在網(wǎng)頁上制作通告頁
1. 制作用做通告頁的網(wǎng)頁文檔
2. 在網(wǎng)頁上制作指定大小的彈出窗口
Section 74 顯示大圖片的預(yù)覽效果
1. 制作圖庫頁面
2. 單擊小圖片之后顯示相應(yīng)的大圖片
Section 75 將鼠標(biāo)移上菜單時量示相應(yīng)圖片
1. 插入與菜單相關(guān)的圖片并調(diào)整其位置
2. 顯示與菜單相應(yīng)的圖片的動作
Special Page 把更換之后的圖片顯示為原圖片的Swap Image Resto動作
Section 76 在Dreamweaver中制作高級下拉菜單
Show Pop-Up Menu行為
Special Page介紹Show Pop-Up Menu對話框
8 P·A·R·T Dreamweaver的經(jīng)典插件
Section 77 理解第三方插件
1. 介紹第三方插件的種類
2. 注冊Macromedia, 下載插件
3. 用擴(kuò)展管理器安裝插件
4. 應(yīng)用"收藏夾"插件
Section 78 制作幻燈片和任意圖片
1. 每次訪問網(wǎng)頁時都發(fā)生變化的圖片
2. 制作按照一定時間間隔更換圖片的幻燈片效果
Section 79 自動啟動的電子郵件服務(wù)
Section 80 定義鼠標(biāo)右鍵菜單
1. 制作基本格式的鼠標(biāo)右鍵菜單
2. 制作個性化的鼠標(biāo)右鍵菜單
3. 禁止使用鼠標(biāo)右鍵菜單
Section 81 根據(jù)瀏覽器大小自動改變背景圖片
Section 82 文字滾動顯示的效果
Section 83 始終位子指定位置的層
1. 制作始終位于指定位置的9個層
2. 制作始終跟隨網(wǎng)頁頁面的遙控器菜單1
3. 制作始終跟隨網(wǎng)頁頁面的遙控器菜單2
Section 84 制作下拉菜單
9 P·A·R·T 制作表單文檔和網(wǎng)頁編程前的準(zhǔn)備工作
Section 85 理解網(wǎng)頁編程的概念
Section 86 理解網(wǎng)頁編程相關(guān)的概念
Section 87 把"我"的電腦設(shè)置為服務(wù)器
1. 安裝IIS
2. 安裝PWS
Section 88 了解敷據(jù)庫
1. 數(shù)據(jù)庫的定義
2. 安裝Access
Section 89 理解表單文檔的廄理
1. 什么是表單文檔?
2. 構(gòu)成表單文檔的表單元素
Section 90 制作訂購單樣式
Section 91 插入文本字段并設(shè)置屬性
Section 92 用復(fù)選框和單選按鈕制作選擇項
Section 93 制作瀏覽按鈕和提交按鈕
10 P·A·R·T 制作會員注冊. 留言簿等動態(tài)頁面
Section 94 構(gòu)建會員管理站點之前的準(zhǔn)備工作
1. 在網(wǎng)頁服務(wù)器上保存相關(guān)文件
2. 建立會員管理數(shù)據(jù)庫
3. 連接網(wǎng)頁服務(wù)器和數(shù)據(jù)
4. 共享源文件夾
Section 95 構(gòu)建網(wǎng)站, 并連接敷據(jù)庫
設(shè)置網(wǎng)頁編程站點
Section 96 會員注冊頁面的編程
制作會員注冊樣式
Section 97 確認(rèn)輸入的信息的正確性
提示錯誤項目的Check Form功能
Section 98 檢索注冊會員時的重復(fù)ID
1. 確認(rèn)重復(fù)ID的方法
2. 添加檢查重復(fù)ID的功能
Section 99 制作登景文檔
1. 添加登錄功能
2. 登錄成功之后顯示為會員ID
3. 添加注銷功能
Section 100 制作留宮簿前的準(zhǔn)備工作
1. 理解留言簿的結(jié)構(gòu)
2. 制作留言簿的順序
3. 制作留言簿所需的數(shù)據(jù)庫
4. 連接服務(wù)器和數(shù)據(jù)庫
Section 101 制作留言簿樣式文檔
1. 連接Dreamweaver和數(shù)據(jù)庫
2. 制作留言簿樣式文檔
3. 詳細(xì)設(shè)置留言簿文檔
Section 102 顯示留言簿讀取部分的內(nèi)容
1. 記錄集和查詢
2. 利用記錄集調(diào)用數(shù)據(jù)
3. 設(shè)置利用Repeat Region的重復(fù)區(qū)域
4. 插入導(dǎo)航條和導(dǎo)航狀態(tài)
11 P·A·R·T 精彩網(wǎng)頁制作實戰(zhàn)
Section 103 制作網(wǎng)頁的基礎(chǔ)知識
1. 制作網(wǎng)頁所需的元素
2. 介紹網(wǎng)頁制作過程
Section 104 制作本地站點和主頁面
1. 構(gòu)筑本地站點
2. 制作首頁
Section 105 制作介紹書的頁百
1. 制作介紹書的頁面
2. 添加始終浮動在畫面右下方的圖片
Special Page 制作網(wǎng)頁時需要考慮的事項
Section 106 制作介紹書中范例的頁面
在新窗口中顯示選定的圖片
Section 107 鏈接主頁面和子頁面
Section 108 將網(wǎng)頁上傳到因特網(wǎng)上
在Files面板中上傳網(wǎng)頁