《網(wǎng)頁(yè)設(shè)計(jì)與制作-Dreamweaver CS3》項(xiàng)目04 編排旅游網(wǎng)頁(yè)

網(wǎng)頁(yè)設(shè)計(jì)與制作——DreamweaverCS3項(xiàng)目四編排旅游網(wǎng)頁(yè)任務(wù)一設(shè)置頁(yè)眉任務(wù)二

設(shè)置主體部分項(xiàng)目四：

編排旅游網(wǎng)頁(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作DreamweaverCS3任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)任務(wù)一設(shè)置頁(yè)眉本任務(wù)主要是對(duì)網(wǎng)頁(yè)頁(yè)眉部分的圖像進(jìn)行設(shè)置，包括網(wǎng)站站標(biāo)和圖像占位符，涉及的知識(shí)點(diǎn)有圖像的基本類(lèi)型和作用、圖像的插入方法以及圖像占位符的作用、插入方法及其屬性設(shè)置等。通過(guò)本任務(wù)的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)1.網(wǎng)頁(yè)圖像的作用、格式和選擇

網(wǎng)頁(yè)中圖像的作用基本上可分為兩種情況：一種是起裝飾作用，如背景圖像等。另一種是起傳遞信息的作用，它和文本的作用是一樣的。目前，在網(wǎng)頁(yè)中使用的最為普遍的圖像格式主要是GIF和JPG。

GIF由于文件小、支持透明色、下載時(shí)具有從模糊到清晰的效果，成為網(wǎng)頁(yè)制作中首選的圖像格式。JPG為攝影提供了一種標(biāo)準(zhǔn)的有損耗壓縮方案，比較適合處理照片一類(lèi)的圖像。

DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)任務(wù)一設(shè)置頁(yè)眉任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)

通過(guò)以下幾種方法可向網(wǎng)頁(yè)中插入圖像。（1）在【插入】／【常用】面板的【圖像】下拉菜單中單擊【圖像】按鈕。（2）直接拖曳【插入】／【常用】面板中的【圖像】按鈕至頁(yè)面的光標(biāo)處。（3）在主菜單欄中選擇【插入記錄】／【圖像】命令。（4）也可以在【文件】面板中用鼠標(biāo)選中圖像文件，然后拖曳到文檔窗口中所需位置松開(kāi)鼠標(biāo)即可。

2.插入圖像的方法DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)任務(wù)一設(shè)置頁(yè)眉任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)

在主菜單欄中選擇【插入記錄】／【圖像對(duì)像】／【圖像占位符】命令或在【插入】／【常用】面板的【圖像】下拉菜單中單擊【圖像占位符】按鈕打開(kāi)【圖像占位符】對(duì)話框，在對(duì)話框中可定義【名稱】、【寬度】、【高度】、【顏色】和【替換文本】等選項(xiàng)。3.插入圖像占位符的方法DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)任務(wù)一設(shè)置頁(yè)眉任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)網(wǎng)站站標(biāo)是網(wǎng)站的圖形標(biāo)志，通常放在網(wǎng)站首頁(yè)左上角的位置或每個(gè)網(wǎng)頁(yè)左上角的位置。平常所說(shuō)的Logo也是網(wǎng)站的圖形標(biāo)志，主要是供其他網(wǎng)站建立友情鏈接使用的。網(wǎng)站的站標(biāo)在內(nèi)容和大小上可以與Logo相同，也可以不同。許多網(wǎng)站在頁(yè)眉部分通常還有公益性或商業(yè)性的廣告，平時(shí)所說(shuō)的Banner（中文意思是旗幟、橫幅或標(biāo)語(yǔ)），又稱為網(wǎng)絡(luò)廣告，即屬于此。從表現(xiàn)形式上，Banner可以是靜態(tài)的GIF圖片，也可以是使用多幀圖像做成的動(dòng)畫(huà)。

4.網(wǎng)站站標(biāo)和BannerDreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)任務(wù)一設(shè)置頁(yè)眉任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)本任務(wù)主要是對(duì)賀卡網(wǎng)頁(yè)主體部分的圖像和Flash動(dòng)畫(huà)進(jìn)行設(shè)置，涉及的知識(shí)點(diǎn)有圖像屬性參數(shù)設(shè)置，如圖像大小、替換文本、垂直邊距和水平邊距、圖像邊框以及插入Flash動(dòng)畫(huà)的方法等。DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)任務(wù)二設(shè)置主體部分任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)通過(guò)本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：

操作一

編排左側(cè)欄目1.設(shè)置圖像大小的方法DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)

在圖像【屬性】面板的【寬】和【高】文本框中分別輸入相應(yīng)的數(shù)值即可。在【屬性】面板中輸入寬度和高度只是改變了圖像的顯示尺寸，單擊其后面的圖標(biāo)將恢復(fù)圖像的原始大小，然后可重新進(jìn)行定義。操作一

編排左側(cè)欄目中的教師卡DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)2.圖像替換文本的作用和設(shè)置方法

替換文本的作用是，當(dāng)由于網(wǎng)速或者其他原因?qū)е聢D像不能立即顯示時(shí)，替換文本就可以優(yōu)先顯示出來(lái)，讓用戶知道該處的大致內(nèi)容以決定是否等待。在【屬性】面板的【替換】文本框中輸入替換文本即可。

操作二編排右側(cè)欄目DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)通過(guò)本操作的學(xué)習(xí)，應(yīng)該掌握的內(nèi)容主要有：任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)1.插入Flash動(dòng)畫(huà)選擇【插入記錄】/【媒體】/【Flash】命令，打開(kāi)【選擇文件】對(duì)話框進(jìn)行設(shè)置即可。在Flash動(dòng)畫(huà)【屬性】面板中，同時(shí)勾選【循環(huán)】和【自動(dòng)播放】復(fù)選框，在瀏覽器加載網(wǎng)頁(yè)后將自動(dòng)循環(huán)播放Flash動(dòng)畫(huà)。

操作二編排右側(cè)欄目中的專(zhuān)題賀卡DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)2.設(shè)置圖文混排的方法在網(wǎng)頁(yè)中，經(jīng)常出現(xiàn)文本和圖像混排的現(xiàn)象。這就需要用到【屬性】面板的【對(duì)齊】選項(xiàng)了，【對(duì)齊】選項(xiàng)調(diào)整的是圖像周?chē)奈谋净蚱渌麑?duì)象與圖像的位置關(guān)系。在【對(duì)齊】下拉列表中共有10個(gè)選項(xiàng)，其中經(jīng)常用到是“左對(duì)齊”和“右對(duì)齊”兩個(gè)選項(xiàng)。3.創(chuàng)建網(wǎng)站相冊(cè)使用DreamweaverCS3主菜單中的【命令】／【創(chuàng)建網(wǎng)站相冊(cè)】命令，還可以創(chuàng)建網(wǎng)站相冊(cè)。在使用這個(gè)命令之前，需要確定是否已安裝Fireworks，圖像文件是否在一個(gè)文件夾下，圖像文件是否為GIF或JPEG格式。這些條件都具備，就可以開(kāi)始創(chuàng)建工作了。實(shí)訓(xùn)編排“黃果樹(shù)瀑布”網(wǎng)頁(yè)本實(shí)訓(xùn)將對(duì)插入和設(shè)置圖像的基本知識(shí)加以鞏固，同時(shí)強(qiáng)化圖文混排的基本技能。

DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)【實(shí)訓(xùn)目的】進(jìn)一步掌握在網(wǎng)頁(yè)中插入圖像的方法。

進(jìn)一步掌握設(shè)置圖像屬性的方法。

進(jìn)一步掌握?qǐng)D文混排的方法。

任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)實(shí)訓(xùn)編排“黃果樹(shù)瀑布”網(wǎng)頁(yè)DreamweaverCS3網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目四：

編排旅游網(wǎng)頁(yè)任務(wù)一小結(jié)任務(wù)二實(shí)訓(xùn)小結(jié)

本項(xiàng)目主要介紹了圖像在網(wǎng)頁(yè)中的應(yīng)用和設(shè)置方法，概括起來(lái)主要有以下幾點(diǎn)。圖像的基本類(lèi)型和作用。在網(wǎng)頁(yè)中插入圖像的方法。通過(guò)【屬性】面板設(shè)置圖像屬性的方法。在網(wǎng)