范例學(xué)中文版Dreamweaver

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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