網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)書_第1頁
網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)書_第2頁
網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)書_第3頁
網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)書_第4頁
網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)書_第5頁
已閱讀5頁，還剩5頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)書黃石理工學(xué)院計(jì)算機(jī)學(xué)院二○○八年八月二十月目錄實(shí)驗(yàn)一HTML的基本標(biāo)志的使用4學(xué)時(shí)實(shí)驗(yàn)二HTML表格、表單與框架標(biāo)志使用6學(xué)時(shí)實(shí)驗(yàn)三CSS層疊樣式表的使用4學(xué)時(shí)實(shí)驗(yàn)四網(wǎng)頁圖像處理與動(dòng)畫制作6學(xué)時(shí)實(shí)驗(yàn)五使用Dreamweaver編輯網(wǎng)站4學(xué)時(shí)實(shí)驗(yàn)六網(wǎng)站設(shè)計(jì)與制作6學(xué)時(shí)實(shí)驗(yàn)一HTML的基本標(biāo)志的使用【實(shí)驗(yàn)?zāi)康摹渴箤W(xué)生掌握HTML的基本標(biāo)志的使用方法掌握Dreamweaver的基本使用方法，并利用Dreamweaver工具制作一個(gè)比較完整的網(wǎng)頁?！緦?shí)驗(yàn)器材】安裝有Windows98/2000/xp；DreamweaverMX，F(xiàn)lashMX，F(xiàn)ireworksMX；IE瀏覽器，NetScape瀏覽器，IIS5.0等軟件的計(jì)算機(jī)?！緦?shí)驗(yàn)內(nèi)容】基本HTML標(biāo)記符的使用；Dreamweaver的使用；本地站點(diǎn)的創(chuàng)建；網(wǎng)頁頁面屬性設(shè)置；【實(shí)驗(yàn)步驟】一、使用Windows操作系統(tǒng)自帶的記事本程序編寫一個(gè)網(wǎng)頁。要求窗體標(biāo)題為“這是我的第一個(gè)網(wǎng)頁”，使用<title>********</title>。HTML文檔由head和body兩部分組成，使用<head>***</head>和<body>***</body>。用瀏覽器閱讀時(shí)要看見4段文字，每段文字的size分別是8、6、4、2，使用<fontsize="6">***</font>，其中要求每段文字的顏色不同，分別為#00ffff、#882299、#ff0088、#55ccaa，使用<fontcolor="#00ffff">*******</font>，每段文字要求居中排列，使用<palign="center">******</p>。編寫完成后用HTML為文件擴(kuò)展名存盤。使用瀏覽器瀏覽編寫的HTML文檔。二、在Dreamweaver中建立本地站點(diǎn)1、在Dreamweaver文檔窗口中，依次單擊“站點(diǎn)”菜單→“新建站點(diǎn)”命令或者是在“站點(diǎn)”面板中單擊“站點(diǎn)”菜單→“新建站點(diǎn)”命令，打開“站點(diǎn)定義”對話框。如圖所示。選擇“高級”選項(xiàng)卡建立站點(diǎn)(也可以按“基本”選項(xiàng)卡中的向?qū)нM(jìn)行操作，但不如用“高級”選項(xiàng)卡方便)?！罢军c(diǎn)定義”對話框2、管理本地站點(diǎn)選擇“站點(diǎn)”面板“文件”菜單中對應(yīng)命令，即可對選取文件進(jìn)行編輯操作。例如，選擇文件后，在“站點(diǎn)”面板中選擇“文件”菜單中的“打開”命令，則Dreamweaver在文檔窗口中打開該文件(當(dāng)然最簡單的方法是在站點(diǎn)中雙擊相應(yīng)的文件圖標(biāo))。在對站點(diǎn)中的文件或文件夾進(jìn)行操作時(shí)，合理地使用右鍵快捷菜單能大大加快操作速度。例如，在選中的文件夾上單擊鼠標(biāo)右鍵，然后選擇“新建文件夾”命令，可以在相應(yīng)文件夾中新建一個(gè)文件夾。3、編輯站點(diǎn)具體操作步驟如下：在站點(diǎn)面板中單擊“站點(diǎn)名稱”框右邊的下拉列表按鈕，在下拉列表中選擇“編輯站點(diǎn)”命令，打開“編輯站點(diǎn)”對話框，如圖所示?！熬庉嬚军c(diǎn)”對話框三、使用超級鏈接實(shí)現(xiàn)站內(nèi)網(wǎng)頁的跳轉(zhuǎn)。使用Dreamweaver建立一個(gè)Web站點(diǎn)，在站點(diǎn)內(nèi)部新建5個(gè)HTML頁面，分別為首頁（index.html）、汽車（auto.html）房產(chǎn)（house.html）、運(yùn)動(dòng)(sport.html)、游戲（game.html）。要求在每個(gè)頁面里分別添加對其它四個(gè)頁面的鏈接，保證用戶能夠在五個(gè)頁面中正常的跳轉(zhuǎn)。切換到代碼視圖認(rèn)真觀察超鏈接標(biāo)記的使用方法，在瀏覽器中測試鏈接的有效性。四、圖像映射超鏈接 選中網(wǎng)頁中插入的圖片，打開屬性控制面板，其面板的左下角區(qū)域即用于設(shè)置圖片映像的區(qū)域。如圖所示。屬性控制面板熱區(qū)設(shè)置工具 選中圖中繪制工具：矩形熱區(qū)繪制工具圓形熱區(qū)繪制工具多邊形熱區(qū)繪制工具，其中一種，就可以在圖片上繪制熱區(qū)了。當(dāng)繪制完熱區(qū)后，屬性控制面板中顯示出熱區(qū)的屬性，在link欄內(nèi)輸入網(wǎng)址或網(wǎng)頁文件名，或點(diǎn)擊link欄右側(cè)的文件夾按鈕，在打開的對話框中選擇一個(gè)網(wǎng)頁文件作為鏈接地址。五、利用Dreamweaver為修改網(wǎng)頁的頁面屬性打開Dreamweaver，新建一個(gè)網(wǎng)頁。打開頁面屬性面板，修改網(wǎng)頁的字體、文本顏色、和背景顏色，修改超級鏈接的顏色和樣式，添加網(wǎng)頁標(biāo)題，設(shè)置網(wǎng)頁跟蹤圖像。預(yù)覽修改后的頁面?！締栴}討論】如果超鏈接的對象不是某個(gè)文件，而是同一個(gè)文件中的某個(gè)段落區(qū)域，該如何編寫HTML代碼。如何給網(wǎng)頁添加水印效果。如何給網(wǎng)站添加虛擬目錄。實(shí)驗(yàn)二HTML表格、表單與框架標(biāo)志使用【實(shí)驗(yàn)?zāi)康摹渴箤W(xué)生掌握表格插入、修改、刪除及應(yīng)用，表單的制作和框架的建立及實(shí)際應(yīng)用。

【實(shí)驗(yàn)器材】安裝有Windows98/2000/xp；DreamweaverMX，F(xiàn)lashMX，F(xiàn)ireworksMX；IE瀏覽器，NetScape瀏覽器，IIS5.0等軟件的計(jì)算機(jī)?！緦?shí)驗(yàn)內(nèi)容】利用表格布局網(wǎng)頁利用表單制作注冊頁面建立1個(gè)框架網(wǎng)頁；層的使用【實(shí)驗(yàn)步驟】一、利用表格布局網(wǎng)頁用Dreamweaver創(chuàng)建一個(gè)HTML文件，在設(shè)計(jì)視圖中用表格來進(jìn)行一個(gè)“三字型”頁面布局，要求表格的寬度設(shè)置為800px，高度為600px。表格內(nèi)三個(gè)單元格的高度依次為100px、400px、100px，三個(gè)表格的背景使用不同的顏色（必須注意顏色的搭配）。表格的對齊方式均為水平垂直居中，表格的邊框大小設(shè)置為1，顏色設(shè)置為黑色。在表格里面輸入適當(dāng)?shù)奈谋緝?nèi)容，并對文本內(nèi)容進(jìn)行修飾。切換到代碼視圖認(rèn)真觀察文本標(biāo)記和表格標(biāo)記的使用方法，使用瀏覽器瀏覽設(shè)計(jì)的HTML文檔結(jié)果。二、制作一個(gè)用戶注冊頁面圖2－1新用戶注冊頁面使用Dreamweaver制作一個(gè)用戶注冊頁面，要求使用表格布局，頁面中必須包含<input>、<select>、<textarea>等標(biāo)記。頁面制作效果如圖1－1所示。切換到代碼視圖認(rèn)真觀察表單標(biāo)記的使用方法，使用瀏覽器瀏覽設(shè)計(jì)的HTML文檔結(jié)果。三、創(chuàng)建一個(gè)框架網(wǎng)頁創(chuàng)建框架結(jié)構(gòu)一般有兩種方法：一是使用“新建文檔”對話框中的“框架集”選項(xiàng)新建一個(gè)框架結(jié)構(gòu)的頁面文檔；二是利用“插入欄”中的“框架”選項(xiàng)中提供了框架結(jié)構(gòu)創(chuàng)建。使用“新建文檔”命令創(chuàng)建框架結(jié)構(gòu)操作方法如下：①單擊“文件”菜單，選擇“新建”命令，彈出“新建文件”對話框。②在“新建文件”對話框中，選擇“框架集”類別，四、層的運(yùn)用制作下拉選單（1）現(xiàn)在開始制作下拉出現(xiàn)的菜單，同樣用層來制作。再次從Objects面板的布局欄中插入一個(gè)層到前面我們做好的導(dǎo)航條的下方，各項(xiàng)參數(shù)填為：“層編號”框填入menu1，左、上、寬、高框分別填入8、34、120、80，其中L和T兩個(gè)參數(shù)是設(shè)置這個(gè)層距離窗口左邊框和上邊框的距離，一定不能填錯(cuò)，不然菜單將會(huì)錯(cuò)位，也將影響完成后的可用性。層屬性設(shè)置如圖2-2所示。圖2-2設(shè)置后層memu1的“屬性檢查器”這時(shí)候，我們便可以在menu1這個(gè)層中輸入我們所要的菜單內(nèi)容。為了排版方便，我在這還是使用表格來做菜單。這個(gè)層將作為“經(jīng)典論壇”的下拉選單出現(xiàn)，填入你所需要的菜單鏈接。最終效果如圖2-3所示。圖2-3層memu1的設(shè)計(jì)效果（2）同樣的方法，再為“天極網(wǎng)”也做一個(gè)下拉選單（層menu2）。其層的屬性設(shè)置和最終效果如圖2-4和圖2-5所示。圖2-4設(shè)置后層memu2的“屬性檢查器”圖2-5層memu2的設(shè)計(jì)效果（3）按F2打開LAYER（層）面板，其中列出了網(wǎng)頁中的三個(gè)層，點(diǎn)menu1和menu2的前面一格，出現(xiàn)閉著的眼睛圖標(biāo)，這兩個(gè)層便隱藏起來了。操作這一步是因?yàn)橄吕藛蔚某跏紶顟B(tài)是不可見的。如圖2-6所示。圖2-6“層”面板下面為下拉菜單添加顯示和隱藏效果本步驟分為兩部分：第一，對導(dǎo)航條中的主菜單添加控制顯示隱藏的命令；第二，給下拉選單本身添加顯示隱藏的命令。（4）選擇第一個(gè)單元格中的文字部分，再按Shift+F4或選擇“窗口”->“行為”命令打開行為面析，點(diǎn)按鈕，在下拉選項(xiàng)中選中“顯示-隱藏層”（如圖2-7所示）。如果選項(xiàng)中沒有這一項(xiàng)或這一項(xiàng)不可用，則選擇“顯示事件”下的IE5.0（如圖2-8所示）后，圖2-7“顯示-隱藏層”菜單圖2-8“顯示事件”菜單重新點(diǎn)擊按鈕，此時(shí)“顯示-隱藏層”將出現(xiàn)或變?yōu)榭捎?。?）這時(shí)將會(huì)彈出“顯示-隱藏層”對話框。在“命名的層”框中會(huì)列出當(dāng)前網(wǎng)頁所有的層，選中“層"menu1"”，因?yàn)槲覀兿胍猰enu1這個(gè)層對“經(jīng)典論壇”響應(yīng)。然后點(diǎn)下面的“顯示”按鈕，選中“層"menu2"”，然后點(diǎn)擊下面的“隱藏”按鈕，然后單擊“確定”即可。如圖2-9所示。圖2-9“顯示-隱藏層”對話框（6）這時(shí)會(huì)回到行為面板中，面板中出現(xiàn)如圖2-47所示字樣，點(diǎn)擊文字“onClick”，會(huì)出現(xiàn)一個(gè)向下的小箭頭，點(diǎn)擊它，在下拉選項(xiàng)中選中onMouseOver如圖2-10所示。這一步的作用是實(shí)現(xiàn)當(dāng)鼠標(biāo)移至第一個(gè)單元格時(shí)，下拉選單menu1的狀態(tài)變?yōu)轱@示（Show）。圖2-10“行為”面板圖2-11下拉選項(xiàng)中的行為動(dòng)作（7）用同樣的方法設(shè)置下拉選單menu2在鼠標(biāo)移至第二個(gè)單元格的文字上時(shí)變?yōu)轱@示狀態(tài)。只是選中“層"menu2"”，然后點(diǎn)下面的“顯示”按鈕，選中“層"menu1"”，然后點(diǎn)擊下面的“隱藏”按鈕，如圖2-12所示。回到行為面板中，點(diǎn)擊onClick向下的小箭頭，在下拉選項(xiàng)中選中onMouseOut。圖2-12“顯示-隱藏層”對話框（8）選中層menu1，用與導(dǎo)航條部分同樣的方法在行為面板中為它添加顯示與隱藏自己的命令。這樣做的效果是當(dāng)鼠標(biāo)移出層menu1時(shí)，層menu1就自動(dòng)隱藏。最后層menu1的onMouseOut行為的設(shè)置如圖2-13所示，onMouseOver行為的設(shè)置如圖2-14所示。圖2-13層memu1的onMouseOut行為設(shè)置圖2-14層memu1的onMouseOver行為設(shè)置（9）用同樣的方法為層memu2添加顯示與隱藏自己的命令。到此為止，這個(gè)下拉菜單已經(jīng)制作完成，保存后我們按F12鍵測試。實(shí)驗(yàn)三CSS層疊樣式表的使用【實(shí)驗(yàn)?zāi)康摹渴煜SS樣式表的創(chuàng)建和應(yīng)用?！緦?shí)驗(yàn)器材】安裝有Windows98/2000/xp；DreamweaverMX，F(xiàn)lashMX，F(xiàn)ireworksMX；IE瀏覽器，NetScape瀏覽器，IIS5.0等軟件的計(jì)算機(jī)。【實(shí)驗(yàn)內(nèi)容】自定義CSS樣式表。要求：定義一種網(wǎng)頁中常用的正文樣式，效果為“字體為楷體，文字大小為20PX，文字顏色為藍(lán)色”，并應(yīng)用于文檔，預(yù)覽頁面效果；重新定義HTML標(biāo)簽樣式。要求：重新定義BODY的標(biāo)簽樣式屬性，效果為“華文行楷，大小為20PX，文字顏色為白色，悲景為深藍(lán)色”，并應(yīng)用于文檔，預(yù)覽頁面效果；CSS選擇器樣式的定義。要求：通過CSS選擇器樣式的設(shè)置，實(shí)現(xiàn)基于文字超鏈接的動(dòng)態(tài)效果，鏈接正常顯示（a:link）效果為“字體為楷體，文字大小為18PX，文字顏色為黑色”；鼠標(biāo)停留在鏈接文字上的樣式（a:hover）效果為“字體為隸書，文字大小為18PX，文字顏色為紅色”，并預(yù)覽頁面效果；【實(shí)驗(yàn)步驟】自定義CSS樣式表。要求：定義一種網(wǎng)頁中常用的正文樣式，效果為“字體為楷體，文字大小為20PX，文字顏色為藍(lán)色”，并應(yīng)用于文檔，預(yù)覽頁面效果。實(shí)驗(yàn)步驟：打開一個(gè)包含段落文本的文檔，打開“CSS樣式”面版，然后單擊“新建CSS樣式”按鈕，在彈出的對話框中輸入樣式名稱，在“類型”中選擇“創(chuàng)建自定義樣式”，選擇“僅對該文檔”，完成后單擊“確定”；在打開的對話框中設(shè)置“字體為楷體，文字大小為20PX，文字顏色為藍(lán)色”，單擊“確定”；在文檔窗口中選取要應(yīng)用樣式的文本，在“CSS樣式”面版中選擇“應(yīng)用樣式”單選按鈕，最后在“CSS樣式”列表中單擊要應(yīng)用在樣式，并按F12鍵預(yù)覽頁面效果。重新定義HTML標(biāo)簽樣式。要求：重新定義BODY的標(biāo)簽樣式屬性，效果為“華文行楷，大小為20PX，文字顏色為白色，背景為深藍(lán)色”，并應(yīng)用于文檔，預(yù)覽頁面效果。實(shí)驗(yàn)步驟：打開一個(gè)包含段落文本的文檔，打開“CSS樣式”面版，然后單擊“新建CSS樣式”按鈕，在“類型”中選擇“重定義HTML標(biāo)簽”，在“標(biāo)簽”下拉列表中選擇BODY，選擇“僅對該文檔”，完成后單擊“確定”；在打開的對話框中設(shè)置“字體為華文行楷，文字大小為20PX，文字顏色為白菜色”，在“分類”列表框中選擇“背景”選取項(xiàng)，在“背景顏色”文本框中輸入“#333366”，單擊“確定”；在文檔窗口中選取要應(yīng)用樣式的文本，在“CSS樣式”面版中選擇“應(yīng)用樣式”單選按鈕，最后在“CSS樣式”列表中單擊要應(yīng)用在樣式，并按F12鍵預(yù)覽頁面效果。CSS選擇器樣式的定義。要求：通過CSS選擇器樣式的設(shè)置，實(shí)現(xiàn)基于文字超鏈接的動(dòng)態(tài)效果，鏈接正常顯示（a:link）效果為“字體為楷體，文字大小為18PX，文字顏色為黑色”；鼠標(biāo)停留在鏈接文字上的樣式（a:hover）效果為“字體為隸書，文字大小為18PX，文字顏色為紅色”，并預(yù)覽頁面效果。實(shí)驗(yàn)步驟：打開一個(gè)包含段落文本的文檔，打開“CSS樣式”面版，然后單擊“新建CSS樣式”按鈕，在“類型”中選擇“使用CSS選擇器”，在“選擇器”下拉列表中選擇“a:link”，選擇“僅對該文檔”，完成后單擊“確定”；在打開的對話框中設(shè)置“字體為楷體，文字大小為18PX，在“修飾”選項(xiàng)區(qū)中選擇“無”，文字顏色文本框中輸入“#000000””，單擊“確定”；再次單擊“新建CSS樣式”按鈕，在“類型”中選擇“使用CSS選擇器”，在“選擇器”下拉列表中選擇“a:hover”，選擇“僅對該文檔”，完成后單擊“確定”；在打開的對話框中設(shè)置“字體為隸書，文字大小為18PX，在“修飾”選項(xiàng)區(qū)中選擇“下劃線”，文字顏色文本框中輸入“#0000FF””，單擊“確定”；保存文件后，按F12鍵預(yù)覽頁面效果。實(shí)驗(yàn)四網(wǎng)頁圖像處理與動(dòng)畫制作【實(shí)驗(yàn)?zāi)康摹?.使學(xué)生熟練掌握Fireworks圖像文檔的設(shè)置、文檔的導(dǎo)入和輸出；繪圖工具和圖像處理工具的使用；掌握圖像優(yōu)化及按指定格式（GIF、JPEG）的導(dǎo)出、掌握按鈕、導(dǎo)航條的創(chuàng)建；掌握切片和熱點(diǎn)的使用；掌握彈出菜單的制作；掌握圖層操作，文字處理，蒙版的創(chuàng)建與編輯，GIF動(dòng)畫的制作。2.使學(xué)生熟練掌握FLASHMX的基本操作，逐幀動(dòng)畫的創(chuàng)建過程，補(bǔ)間動(dòng)畫和形狀補(bǔ)間的創(chuàng)建，交互動(dòng)畫的創(chuàng)建?！緦?shí)驗(yàn)器材】安裝有Windows98/2000/xp；DreamweaverMX，F(xiàn)lashMX，F(xiàn)ireworksMX；IE瀏覽器，NetScape瀏覽器，IIS5.0等軟件的計(jì)算機(jī)?！緦?shí)驗(yàn)內(nèi)容】FireworksMX的基本應(yīng)用；利用Fireworks制作GIF動(dòng)畫；利用Flash制作網(wǎng)頁動(dòng)畫；【實(shí)驗(yàn)步驟】一、FireworksMX的基本應(yīng)用1．導(dǎo)入和導(dǎo)出文檔（1）導(dǎo)入文檔。在編輯文檔時(shí)，可以調(diào)入其他相應(yīng)格式的文檔。單擊“文件”→“導(dǎo)入”菜單命令，可彈出“導(dǎo)入”對話框。利用該對話框，可以導(dǎo)入BMP、WMF、TIFF、JPEG和GIF等格式的圖像文件，以及HTML、ASCII和RTF文本等格式的文件。（2）導(dǎo)出文檔。單擊“文件”→“導(dǎo)出”菜單命令或單擊主要工具欄中的“導(dǎo)出”按鈕，彈出“導(dǎo)出”對話框。利用該對話框，可以選擇文件夾、要保存的文件類型（可以保存為JPEG、GIF和HTML等格式文件）和輸入文件名，單擊“保存”按鈕即可。2．優(yōu)化文檔在導(dǎo)出文檔前要對文檔進(jìn)行優(yōu)化處理，可以單擊“窗口”→“優(yōu)化”菜單命令，打開“優(yōu)化”面板，然后利用該面板設(shè)置文檔格式、調(diào)色板類型和設(shè)置類型等參數(shù)。單擊“文件”→“導(dǎo)出預(yù)覽”菜單命令，彈出“導(dǎo)出預(yù)覽”對話框。利用該對話框可以對文檔進(jìn)行優(yōu)化設(shè)置。3．幾何圖形和填充屬性工具箱中的幾何繪圖工具（繪制矩形、圓角矩形、橢圓和多邊形）的使用方法基本一樣。單擊工具箱中的幾何繪圖工具按鈕，在其屬性欄中設(shè)置相應(yīng)的屬性，然后用鼠標(biāo)在畫布中拖曳，即可繪制出相應(yīng)的幾何圖形。幾何繪圖工具的屬性欄的特點(diǎn)如下。1）．矩形“矩形”工具和“圓角矩形”工具的屬性欄與圖6-1基本相同。圓角矩形工具的“屬性”欄增加了一個(gè)“矩形圓度”文本框，減少了“效果”欄。它們的屬性欄中的第2欄用來設(shè)置選中對象的填充屬性。（1）“矩形圓度”文本框：用來設(shè)置圓角矩形四角的角度值。（2）“填充類別”下拉列表框：用來選擇各種填充方式，例如實(shí)心填充、圖案填充、線性填充、放射狀填充、橢圓形填充和無填充等。如果選擇“填充選項(xiàng)”選項(xiàng)，會(huì)彈出“填充選項(xiàng)”面板，如圖6-2所示，利用它可以設(shè)置填充屬性。4-2“4-2“填充選項(xiàng)”面板4-1“路徑”的屬性欄（3）填充顏色按鈕：在“填充類別”下拉列表框中選擇“實(shí)心”選項(xiàng)后，單擊它可彈出“顏色”面板，它沒有下邊的列表框和復(fù)選框。利用該面板可以設(shè)置對象的填充屬性。如果“填充類別”下拉列表框選擇的是其他選項(xiàng)，則會(huì)彈出相應(yīng)的面板，利用這些面板可以調(diào)整填充屬性。在給對象進(jìn)行非單色的填充后，通常還可以進(jìn)行填充效果的調(diào)整，只要用鼠標(biāo)拖曳填充物中出現(xiàn)的控制柄，即可進(jìn)行填充的中心點(diǎn)和填充方向調(diào)整，如圖6-3中的第一個(gè)圖形?！岸噙呅巍惫ぞ摺ⅰ皺E圓”工具和其他形狀工具的屬性欄與圖6-1所示基本相同，設(shè)置的方法也基本一樣。4-3繪制的圖形例子4-3繪制的圖形例子4．增加切點(diǎn)單擊“濾鏡”→“切點(diǎn)”→“新增切點(diǎn)”菜單命令，彈出“新增切點(diǎn)”對話框。在該對話框內(nèi)的“數(shù)量”文本框中輸入一個(gè)數(shù)值，或者單擊按鈕，調(diào)出一個(gè)滑桿，用拖曳的方法設(shè)置切點(diǎn)的數(shù)量。然后，單擊“確定”按鈕，即可給圖像添加切點(diǎn)。5．圖像的負(fù)片效果單擊“濾鏡”→“調(diào)整顏色”→“反轉(zhuǎn)”菜單命令，即可將圖像反相，獲得圖像的負(fù)片效果（像照片的底版），即對圖像中的像素顏色值取其相反的值。6．模糊圖像FireworksMX2004系統(tǒng)對圖像的模糊處理是使用“濾鏡”→“模糊”→“××××”菜單命令實(shí)現(xiàn)的。模糊圖像有6種：“放射狀模糊”、“高斯模糊”、“進(jìn)一步模糊”、“縮放模糊”、“運(yùn)動(dòng)模糊”和“模糊”。例如，單擊“高斯模糊”菜單命令，可彈出“高斯模糊”對話框。調(diào)整該對話框中的“模糊范圍”數(shù)值的大小，單擊“確定”按鈕，即可使圖像模糊。7．銳化圖像FireworksMX2004系統(tǒng)對圖像的銳化處理是使用“濾鏡”→“銳化”→“××××”菜單命令實(shí)現(xiàn)的，系統(tǒng)會(huì)自動(dòng)將所選對象進(jìn)行銳化濾鏡處理。FireworksMX2004系統(tǒng)對圖像的銳化處理有“鈍化蒙版”、“進(jìn)一步銳化”和“銳化”3種方式。如果要設(shè)置圖像的銳化程度，可單擊“銳化蒙版”菜單命令，彈出“鈍化蒙版”對話框，利用該對話框即可使圖像銳化。在“鈍化蒙版”對話框中，“銳化量”用來設(shè)置銳化效果的強(qiáng)度；“像素半徑”用來設(shè)置銳化過程中像素的半徑值，半徑值越大，銳化程度越強(qiáng)，半徑值越小，銳化程度越弱；“閾值”用來設(shè)置對什么對比度以上的像素進(jìn)行銳化，如果設(shè)置為0，表示所有的像素都被銳化。通過“銳化”濾鏡可以處理那些不太清晰的圖像，這樣可以增大圖像區(qū)域中像素邊緣兩側(cè)之間的對比度，從而達(dá)到增強(qiáng)圖像色彩及局部細(xì)節(jié)的效果。8．“轉(zhuǎn)化為Alpha”濾鏡效果“Alpha”通道是一種特殊的通道，它可以將圖像中選中的區(qū)域轉(zhuǎn)換成8位灰度圖像并存放。利用FireworksMX2004的“轉(zhuǎn)化為Alpha”濾鏡可以使圖像透明。單擊“濾鏡”→“其他”→“轉(zhuǎn)換為Alpha”菜單命令，系統(tǒng)會(huì)自動(dòng)地將所選對象進(jìn)行濾鏡處理。如果再繪制一個(gè)圖形，放在經(jīng)過該濾鏡處理過的圖像的后面，會(huì)看到經(jīng)過濾鏡處理的圖像具有透明的效果。9．查找圖像的邊界單擊“濾鏡”→“其他”→“查找邊緣”菜單命令，可以取出一些顏色反差比較大的圖像邊界。另外，F(xiàn)ireworksMX2004系統(tǒng)也可以掛接其他應(yīng)用軟件中的濾鏡程序。單擊“編輯”→“首選參數(shù)”菜單命令，可彈出“首選參數(shù)”對話框，在“文件夾”選項(xiàng)卡中設(shè)置相關(guān)的參數(shù)，可以完成Photoshop濾鏡的插入與安裝。二、運(yùn)用Flash制作網(wǎng)頁動(dòng)畫新建一個(gè)FLASH

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論