范例學中文版Dreamweaver

第1章  關(guān)于Dreamweaver網(wǎng)頁制作    1
任務一  認識網(wǎng)頁    3
相關(guān)知識點：靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁
網(wǎng)頁是構(gòu)成網(wǎng)站的基本要素，是承載各種網(wǎng)站的應用平臺。簡單地說，所有的網(wǎng)站都是由網(wǎng)頁組成的。如果只有域名和虛擬主機，而沒有制作任何網(wǎng)頁，瀏覽者仍舊無法訪問該網(wǎng)站。本節(jié)就帶領(lǐng)您認識網(wǎng)頁世界。

任務二  網(wǎng)頁制作的基本原則    .4
相關(guān)知識點：網(wǎng)頁設計中應注意的原則
隨著網(wǎng)絡的發(fā)展，因特網(wǎng)上各種各樣的網(wǎng)頁也越來越多，小到個人主頁，大到大公司、政府部門及國際組織等，它們在因特網(wǎng)上都無不以網(wǎng)頁作為自己的門面。當瀏覽網(wǎng)頁時，首先映入眼簾的是頁面的界面設計，如內(nèi)容的介紹、按鈕的擺放、文字的組合和色彩的應用等。
任務三  網(wǎng)站制作流程    .7
相關(guān)知識點：網(wǎng)站設計制作過程的步驟
作為網(wǎng)頁的集合，網(wǎng)站的類型、主題和風格決定著網(wǎng)站中各個網(wǎng)頁尤其是主頁的設計思路與實現(xiàn)手段。不同類型的網(wǎng)站，其設計制作過程是不一樣的，但大體上都遵循著選擇網(wǎng)站主題、規(guī)劃網(wǎng)站欄目和目錄結(jié)構(gòu)、設計網(wǎng)頁布局及整合網(wǎng)頁內(nèi)容這幾個步驟進行。

任務四  Dreamweaver的功能    .8
相關(guān)知識點：Dreamweaver的操作界面與基本操作
Dreamweaver作為專業(yè)的網(wǎng)頁制作軟件，受到眾多網(wǎng)頁設計人員的青睞。它用于對Web站點、Web網(wǎng)頁和Web應用程序進行設計、編碼和開發(fā)。由于Dreamweaver采用了Roundtrip HTML技術(shù)，從而這項技術(shù)使得網(wǎng)頁可以在Dreamweaver和HTML代碼編輯器之間進行自由轉(zhuǎn)換，HTML語法及結(jié)構(gòu)不變。其強大的功能特性使它已成為一款不可多得的網(wǎng)頁制作利器。

任務五  Dreamweaver首選參數(shù)的設置    .15
相關(guān)知識點：常規(guī)參數(shù)與字體參數(shù)的設置
網(wǎng)頁設計與制作是網(wǎng)站建設中的一個主體部分，想要得心應手地設計網(wǎng)頁，那么就應該使Dreamweaver符合自己的操作習慣，通過設置首選參數(shù)可以改變Dreamweaver界面的外觀、面板、站點、字體與狀態(tài)欄等對象的屬性特征，使其幫助自己快速地制作出精美的網(wǎng)頁。
測試題    16
第2章  建立網(wǎng)站    19
任務一  建立“我的第一個網(wǎng)站”    21
相關(guān)知識點：建立網(wǎng)站文件夾、創(chuàng)建站點
小王想制作一個屬于自己的網(wǎng)站，但是卻不知道從何處著手，于是去請教網(wǎng)站制作高手大李，那么大李應該怎么教小王制作呢？
任務二  維護網(wǎng)站    23
相關(guān)知識點：編輯站點
小王成功地創(chuàng)建了一個站點，但是想對創(chuàng)建的站點進行編輯維護操作，那么他應該怎樣進行操作呢？
任務三  建立動態(tài)網(wǎng)站    24
相關(guān)知識點：Internet信息服務、設置站點
小王看到其他網(wǎng)站上可以給瀏覽者提供留言，很喜歡這種可以和瀏覽者互動的模式，于是也想制作一個留言本，那他該如何操作呢？
任務四  建立遠程站點    27
相關(guān)知識點：設置遠程信息
看著Internet上各種精美的網(wǎng)站，小王非常羨慕，也想把網(wǎng)站放到Internet上，給朋友們?yōu)g覽，那他該如何操作呢？
任務五  將建立的網(wǎng)站上傳到Internet    28
相關(guān)知識點：選擇站點文件、上傳站點
遠程站點建立好以后，小王現(xiàn)在就想把站點放到Internet上，那他該如何操作呢？
測試題    29
第3章  網(wǎng)頁基礎(chǔ)布局    31
任務一  制作細線表格網(wǎng)頁    33
相關(guān)知識點：表格布局、插入圖像與Flash
最近小王的公司網(wǎng)站要進行改版，經(jīng)理要求小王設計的網(wǎng)頁既要清新大方，又要顯得不落俗套。那么，小王應該怎樣進行設計制作呢？
任務二  制作多彩表格網(wǎng)頁    37
相關(guān)知識點：表格布局、CSS樣式
小王在上網(wǎng)沖浪的時候，看到了一個網(wǎng)頁是由不同顏色的表格組成的，這種網(wǎng)頁效果是怎樣實現(xiàn)的呢？
任務三  制作“注冊頁面”    41
相關(guān)知識點：表單、表單對象
小王最近制作了一個交友網(wǎng)站，其中需要制作一個讓網(wǎng)友注冊成為網(wǎng)站會員的頁面，他應該怎樣設計制作呢？
任務四  制作文學站點    44
相關(guān)知識點：布局模式、圖像
小王受邀請為一所大學的文學社制作一個網(wǎng)站，但是由于制作時間很緊迫，小王想用最快的速度將網(wǎng)站制作出來，那么他應該如何設計制作呢？

任務五  制作公司網(wǎng)站    48
相關(guān)知識點：表格布局
最近小王接到一個制作針對年輕人的某樓盤網(wǎng)站的項目，客戶要求其網(wǎng)站不但要體現(xiàn)清新、明快和溫馨的風格，還要突出活潑、時尚和優(yōu)雅的特點。那么，小王應該怎樣設計制作呢？
任務六  制作娛樂網(wǎng)站    66
相關(guān)知識點：表格、Flash、CSS
小王平時愛聽流行歌曲、觀看動畫和娛樂節(jié)目，于是想自己制作一個娛樂網(wǎng)站與有相同愛好的朋友一起分享，應該怎樣設計制作呢？
測試題    86
第4章  網(wǎng)頁中的圖像處理    89
任務一  制作導航條    91
相關(guān)知識點：表格布局、插入圖像
小王看見很多網(wǎng)站都創(chuàng)建了導航條，看上去不但精美而且充滿動感，他也很想為自己的網(wǎng)站添加一個，那他應該如何制作呢？
任務二  制作圖像提示    94
相關(guān)知識點：表格布局、圖像映射
小王考慮到有時候瀏覽者的網(wǎng)速不是很快，網(wǎng)頁上的圖像可能需要一段時間才能完全顯示出來，于是希望有描述該圖像的文字在圖像還未完全顯示之前出現(xiàn)在圖像顯示的位置上，那他應該如何制作呢？
任務三  制作個性圖像    97
相關(guān)知識點：插入圖像、外部圖像編輯器
小王將外部的圖像插入到Dreamweaver中時，這些圖像與網(wǎng)頁中其他元素不能很好地協(xié)調(diào)搭配。換句話說，就是不能美化網(wǎng)頁的整體效果，小王應該怎樣美化圖像呢?

任務四  制作主頁    105
相關(guān)知識點：圖像、熱點
小王想制作一個關(guān)于旅行的網(wǎng)站主頁，希望制作出神秘、美麗并且大氣的效果，那他應該如何進行制作呢？

任務五  使用圖像創(chuàng)建網(wǎng)站    107
相關(guān)知識點：圖像、表單
公司給小王安排制作一個服裝網(wǎng)站的任務，該網(wǎng)站的圖像較多，小王應該如何快速而又保證質(zhì)量地完成這項任務呢？
任務六  制作網(wǎng)頁影集    124
相關(guān)知識點：表格布局、JavaScript代碼
隨著數(shù)碼相機的普及，數(shù)碼相片的存放已經(jīng)成為一種熱門話題?？梢源娣旁陔娔X中，可以存放在移動硬盤中，但是小王想把照片存放在網(wǎng)頁中，他應該如何制作呢？
任務七  制作音樂網(wǎng)頁    131
相關(guān)知識點：圖像、層
小王看到別人網(wǎng)頁上僅僅使用一幅圖像就創(chuàng)建出了非常精美的網(wǎng)頁效果，于是自己也想制作一個類似的網(wǎng)頁，那他應該如何制作呢？
測試題    135
第5章  創(chuàng)建網(wǎng)頁中的超級鏈接    137
任務一  創(chuàng)建錨記鏈接    139
相關(guān)知識點：表格布局、錨記鏈接
公司網(wǎng)站的一個網(wǎng)頁內(nèi)容很長，需要拖動滾動條來查看網(wǎng)頁的內(nèi)容，會使瀏覽者感覺很麻煩。于是經(jīng)理希望小王能解決這個問題。那么，小王應該怎樣設計制作呢？
任務二  創(chuàng)建多彩鏈接    147
相關(guān)知識點：表單、設置鏈接屬性
公司網(wǎng)站中設置過鏈接的文本顏色都是藍色，而且都帶有下劃線，使整個網(wǎng)頁顯得很雜亂。經(jīng)過新來的網(wǎng)站設計師處理后，網(wǎng)頁上添加了鏈接的文本變成了其他顏色，而且當瀏覽者訪問該鏈接時，文本會自動改變顏色，同時出現(xiàn)下劃線，整個頁面非常美觀。
任務三  制作“聯(lián)系我們”網(wǎng)頁    151
相關(guān)知識點：表格布局、創(chuàng)建鏈接
公司推出了一批新產(chǎn)品，需要將產(chǎn)品資料放在網(wǎng)站上給用戶下載，并且用戶有什么好的建議可以直接發(fā)送郵件到公司客戶部門郵箱中。經(jīng)理把這個任務交給了小王。那么，小王應該怎么設計制作呢？
任務四  為網(wǎng)頁圖像添加指定顏色的邊框    154
相關(guān)知識點：插入圖片、修飾圖片
看著其他網(wǎng)站上的圖像有些具有邊框，而且邊框還是彩色的，小王也想在自己的網(wǎng)站上為圖像添加彩色的邊框，那他該如何操作呢？
任務五  創(chuàng)建照片走廊頁面    155
相關(guān)知識點：表格布局、導航條
小王想使用一些照片創(chuàng)建一個網(wǎng)頁頁面，他應該怎么設計制作呢？
測試題    158
第6章  創(chuàng)建框架網(wǎng)頁與庫項目網(wǎng)頁    159
任務一   創(chuàng)建個人網(wǎng)頁    160
相關(guān)知識點：框架、“代碼”視圖
小王的好友小劉請小王為他制作一個抒發(fā)個人心情的網(wǎng)站，要求網(wǎng)頁上面是不同的精選的圖片，下面是抒發(fā)個人心情的文字，小王應該怎樣為小劉設計制作呢？


任務二  創(chuàng)建框架網(wǎng)頁    165
相關(guān)知識點：表格、圖像、框架
小王最近需要制作一個網(wǎng)頁最上方的導航欄保持不變、下方的網(wǎng)頁內(nèi)容隨瀏覽者單擊導航欄上的鏈接而改變的網(wǎng)站，他應該如何設計制作呢？

任務三  使用庫項目制作網(wǎng)頁    176
相關(guān)知識點：使用庫項目制作網(wǎng)頁
這些天，小王在制作一個公司安排的網(wǎng)站項目，眼看公司指定的完成時間要到了，小王想盡快將網(wǎng)站制作完成，那他應該如何設計制作呢？
測試題    184
第7章  制作多媒體效果網(wǎng)頁    187
任務一  創(chuàng)建網(wǎng)頁中的透明動畫    189
相關(guān)知識點：插入層與Flash
小王看到大李在制作網(wǎng)頁的時候，在圖片上加上背景透明的Flash動畫，使網(wǎng)頁的視覺感染力增強，充分地表現(xiàn)出了網(wǎng)頁的主題。于是自己也想制作，那么，小王應該怎么設計制作呢？
任務二  創(chuàng)建網(wǎng)頁動畫    195
相關(guān)知識點：層、時間軸
公司要求小王在公司的網(wǎng)站上制作一個飄動的圖像動態(tài)效果，并使圖像鏈接到公司的另一個網(wǎng)頁，那么小王應該如何制作呢？
任務三  創(chuàng)建網(wǎng)頁相冊并添加背景音樂    200
相關(guān)知識點：菜單命令、代碼視圖
小
王看見其他網(wǎng)站上的個性相冊與相冊的背景音樂后，非常喜歡，自己也想制作一個，他應該如何制作呢？

任務四  創(chuàng)建網(wǎng)頁滾動公告    202
相關(guān)知識點：嵌套表格、代碼視圖
公司有一些最近的措施需要在網(wǎng)頁中滾動通知新老客戶，經(jīng)理將這個任務交給了小王，那么小王應該如何制作呢？

任務五  創(chuàng)建網(wǎng)頁視頻    207
相關(guān)知識點：插件，參數(shù)設置
小王想在自己的網(wǎng)站上添加一個最近很火的視頻，和大家一起分享，那么他應該怎樣制作呢？
測試題    215
第8章  使用行為豐富網(wǎng)頁    217
任務一  制作網(wǎng)頁彈出廣告    219
相關(guān)知識點：表格布局、行為動作設置
公司要求當瀏覽者打開公司網(wǎng)站主頁的同時彈出公司的最新活動廣告，小王是這個項目的制作者，他應該如何設計制作呢。
任務二  控制Flash動畫的播放    224
相關(guān)知識點：表格布局、行為動作
小王想使瀏覽者在觀看自己網(wǎng)頁上的Flash動畫時，突然遇到某些事情需要中斷一下，能隨時暫停動畫的播放。事情處理完之后可以繼續(xù)欣賞，那么小王應該如何設計制作呢？

任務三  制作網(wǎng)頁彈出菜單    227
相關(guān)知識點：背景圖像、行為動作
小王在上網(wǎng)瀏覽網(wǎng)頁時，看到一個網(wǎng)頁的導航欄特別有趣，它可以顯示下拉菜單，這是怎么制作的呢？

任務四  制作網(wǎng)頁對瀏覽者的提示信息    229
相關(guān)知識點：表格布局、行為動作
小王希望在自己的網(wǎng)站上為瀏覽者添加一些提示信息，使瀏覽者覺得自己的網(wǎng)站很親切，那他應該怎樣制作呢？
任務五  制作網(wǎng)頁可拖動內(nèi)容    230
相關(guān)知識點：表格布局、行為動作
小王覺得網(wǎng)頁上的可拖動內(nèi)容非常有趣，而且可以隨時關(guān)閉，自己也想制作一個這樣的效果，他應該如何進行制作呢？

任務六  制作網(wǎng)頁狀態(tài)欄提示    237
相關(guān)知識點：圖像、行為動作
小張請小王為自己的網(wǎng)頁最下方處添加一些面向瀏覽者的提示文字，小王該如何為小張制作這種效果呢？
測試題    239
第9章  用CSS樣式設計網(wǎng)頁元素    241
任務一  制作圖像波浪效果    243
相關(guān)知識點：表格、圖像、Wave屬性
朋友請小王幫忙為他網(wǎng)站上的圖像添加波浪效果，小王應該怎么設計制作呢？

任務二  制作底片效果    246
相關(guān)知識點：表格、圖像、Invert屬性
小王看見朋友大李網(wǎng)站上的圖像底片效果很酷，也想為自己的個人網(wǎng)站上添加該效果，那么小王該如何進行設計制作呢？

任務三  制作動態(tài)模糊效果    250
相關(guān)知識點：表格、圖像、Blur屬性
經(jīng)理叫小王為公司網(wǎng)站上的圖像添加一些特殊效果，使網(wǎng)站看起來更美觀時尚，小王應該怎么設計制作呢？

任務四  制作圖像發(fā)光與翻轉(zhuǎn)效果    257
相關(guān)知識點：表格、圖像、Glow屬性、FlipH屬性
小王想為自己的個人網(wǎng)站制作圖像發(fā)光與翻轉(zhuǎn)效果，以增加網(wǎng)站的趣味性，他應該怎么設計制作呢？
測試題    261
附錄A  測試題參考答案    263