第一篇：網(wǎng)頁(yè)設(shè)計(jì)與制作報(bào)告書(shū)

電子商務(wù)2班201341440213孫巖

網(wǎng)頁(yè)設(shè)計(jì)與制作報(bào)告書(shū)

課程名稱(chēng):網(wǎng)頁(yè)設(shè)計(jì)與制作

專(zhuān)業(yè)班級(jí)：電子商務(wù)2班

學(xué) 號(hào):201341440213 姓 名：孫巖

指導(dǎo)教師：王康哲

電子商務(wù)2班201341440213孫巖

目錄

一．概要……………………………………………………………

二．網(wǎng)站開(kāi)發(fā)……………………………………………………

三．應(yīng)用工具方案……………………………………………

四．欄目劃分……………………………………………………

五．代碼表……………………………………………………….六．截圖……………………………………………………………

七．結(jié)論…………………………………………………………… 2 6 7 13 14

電子商務(wù)2班201341440213孫巖

摘要：

在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。

一、網(wǎng)頁(yè)制作開(kāi)發(fā)背景

Dreamweaver以其功能強(qiáng)大、容易上手、界面親切而著稱(chēng)。它采用所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)，利用它可以輕松的組織、編輯網(wǎng)頁(yè)并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。現(xiàn)在流行的網(wǎng)頁(yè)制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Dreamweaver、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網(wǎng)頁(yè)工具、Netscape等等。其中Dreamweaver更以其功能強(qiáng)大、容易上手、界面親切而著稱(chēng)。它采用所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)，利用它可以輕松的組織、編輯網(wǎng)頁(yè)并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。工具準(zhǔn)備好了，可根據(jù)你的個(gè)人喜好來(lái)選擇一些素材，如圖片、喜歡的文章等。

二、網(wǎng)頁(yè)制作設(shè)計(jì)技巧

首先，我們來(lái)看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)。選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，這時(shí)新建站點(diǎn)對(duì)話框就彈出來(lái)了，在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置，單擊“只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)” 圖標(biāo)，單擊“確定”按鈕。這就建立好站點(diǎn)了，我們現(xiàn)在來(lái)看一下新的站點(diǎn)里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個(gè)網(wǎng)頁(yè)文件，名字叫做“index.htm”。我們知道，每一個(gè)站點(diǎn)都要有一個(gè)主頁(yè)，這個(gè)主頁(yè)也是一個(gè)網(wǎng)頁(yè)文件。瀏覽者訪問(wèn)站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁(yè)。主頁(yè)的名字在一般情況下就叫做“index.htm”。就是說(shuō)我們新建只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)時(shí)，DREAMWEAVER就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁(yè)了。這個(gè)新建的站點(diǎn)主頁(yè)時(shí)空的，我們可以向里面添加內(nèi)容。

在文件列表里除了主頁(yè)之外，還有文件夾。新建站點(diǎn)時(shí)，DREAMWEAVER都會(huì)在站點(diǎn)所在位置下新建兩個(gè)文件夾，一個(gè)是“images”另一個(gè)是“_private”。我們?cè)诰庉嬚军c(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片?！皃rivate”

電子商務(wù)2班201341440213孫巖

文件夾比較特殊，其中的文件對(duì)瀏覽者來(lái)說(shuō)是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁(yè)文件放在這個(gè)文件夾里，比如：我們可以在這個(gè)文件夾里存放注冊(cè)用戶(hù)的個(gè)人信息。

盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁(yè)，不過(guò)創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢詮囊粋€(gè)空站點(diǎn)開(kāi)始：選擇“文件”菜單的“新建”命令，單擊“站點(diǎn)”選項(xiàng)，在“新建站點(diǎn)”對(duì)話框里，我們可以選擇“空站點(diǎn)”圖標(biāo)來(lái)創(chuàng)建一個(gè)空站點(diǎn)?！靶陆ㄕ军c(diǎn)”對(duì)話框中還有許多其他圖標(biāo)，這是DREAMWEAVER提供的用來(lái)創(chuàng)建站點(diǎn)模板或向?qū)?。我們?chuàng)建只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)或者創(chuàng)建空站點(diǎn)，都是從頭開(kāi)始來(lái)創(chuàng)建一個(gè)站點(diǎn)，這就好像蓋房子一樣，首先畫(huà)圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。

基于表格的設(shè)計(jì)：表格布局使網(wǎng)頁(yè)設(shè)計(jì)師制作網(wǎng)站時(shí)有了更多選擇。在 HTML 中表格標(biāo)簽的本意是為了顯示表格化的數(shù)據(jù)，但是設(shè)計(jì)師很快意識(shí)到可以利用表格來(lái)構(gòu)造他們?cè)O(shè)計(jì)的網(wǎng)頁(yè)，這樣就可以制作較以往作品更加復(fù)雜的，多欄目的網(wǎng)頁(yè)。表格布局就這樣流行了起來(lái)，融合了背景圖片切片技術(shù)，常給人以看起來(lái)較實(shí)際布局簡(jiǎn)潔得多的結(jié)構(gòu)。

結(jié)構(gòu)設(shè)計(jì)：這個(gè)時(shí)期的網(wǎng)頁(yè)設(shè)計(jì)還不太關(guān)注語(yǔ)義化和可用性方面的問(wèn)題，主要還在追求良好的結(jié)構(gòu)美學(xué)。同一時(shí)期也是大量應(yīng)用 GIF 占位圖片控制留白的時(shí)期。一些主流的公司甚至訓(xùn)練設(shè)計(jì)師如何使用 GIF 占位;如微軟的“關(guān)于 HTML 表格中的 GIF 占位”。第一批主要應(yīng)用表格布局的“所見(jiàn)即所得”網(wǎng)頁(yè)設(shè)計(jì)軟件的發(fā)展助長(zhǎng)了表格的應(yīng)用。另外，某些軟件自動(dòng)生成的表格如此復(fù)雜以至于許多設(shè)計(jì)師不可能從頭手寫(xiě)代碼(例如每行只有 1px 高卻包含了幾百列的表格)。即使是稍微復(fù)雜一點(diǎn)兒的網(wǎng)頁(yè)(比如多欄目頁(yè)面)，設(shè)計(jì)師們都要依賴(lài)于表格來(lái)創(chuàng)建。

三、網(wǎng)站結(jié)構(gòu)

網(wǎng)站結(jié)構(gòu)是指網(wǎng)站中頁(yè)面間的層次關(guān)系;按性質(zhì)可分為邏輯結(jié)構(gòu)及物理結(jié)構(gòu)。網(wǎng)站結(jié)構(gòu)對(duì)網(wǎng)站的搜索引擎友好性及用戶(hù)體驗(yàn)有著非常重要的影響。

（一）網(wǎng)站結(jié)構(gòu)整體先用DIV和CSS來(lái)進(jìn)行構(gòu)造，對(duì)整個(gè)網(wǎng)站進(jìn)行布局，(二)網(wǎng)站結(jié)構(gòu)是衡量網(wǎng)站用戶(hù)體驗(yàn)好壞的重要指標(biāo)之一。清晰的網(wǎng)站結(jié)

電子商務(wù)2班201341440213孫巖

構(gòu)可以幫助用戶(hù)快速獲取所需信息;相反，如果一個(gè)網(wǎng)站的結(jié)構(gòu)極其糟糕的話，用戶(hù)在訪問(wèn)時(shí)就猶如走進(jìn)了一座迷宮，最后只會(huì)選擇放棄瀏覽。

（三）網(wǎng)站結(jié)構(gòu)還直接影響搜索引擎對(duì)頁(yè)面的收錄，一個(gè)合理的網(wǎng)站結(jié)構(gòu)可以引導(dǎo)搜索引擎從中抓取更多有價(jià)值的頁(yè)面。

網(wǎng)站結(jié)構(gòu)對(duì)網(wǎng)站及網(wǎng)站中頁(yè)面的影響。搜索引擎對(duì)重要頁(yè)面的抓取

由于互聯(lián)網(wǎng)中信息量極其龐大，為了向用戶(hù)展示更多有價(jià)值的信息，搜索引擎會(huì)優(yōu)先抓取每個(gè)網(wǎng)站中相對(duì)重要的頁(yè)面(即權(quán)重較高的頁(yè)面),然而，搜索引擎是怎樣發(fā)現(xiàn)這些重要頁(yè)面的呢?根據(jù)重要頁(yè)面的鏈接指向的頁(yè)面可能是重要頁(yè)面的思路;搜索引擎首先會(huì)從權(quán)重相對(duì)較高的頁(yè)面(即源頁(yè)面)出發(fā)跟蹤其中的鏈接，從而抓取其他相對(duì)重要的頁(yè)面(即目標(biāo)頁(yè)面)。

網(wǎng)頁(yè)設(shè)計(jì)的要素

四、應(yīng)用工具方案

DreamWeaver自制動(dòng)態(tài)HTML動(dòng)畫(huà)的網(wǎng)頁(yè)。

DreamWeaver是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過(guò)拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫(huà)，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁(yè)面沒(méi)有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁(yè)面的動(dòng)畫(huà)。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。

DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁(yè)在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專(zhuān)業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí)，充分享受到可視化編輯帶來(lái)的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開(kāi)放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。

版面布局：在你開(kāi)始設(shè)計(jì)之前，你必須仔細(xì)地為站點(diǎn)挑選色彩組合。千萬(wàn)不要出現(xiàn)紫色的背景加上黑藍(lán)色的文字的組合。要使整個(gè)站點(diǎn)保持同一種色彩組合，因?yàn)椴煌伾M合的背景或字體可能會(huì)是非常令人討厭的。你也可以選用一個(gè)背

電子商務(wù)2班201341440213孫巖

景圖，而不是僅用一種顏色。背景圖案可以自己繪制，也可以從因特網(wǎng)上下載。通過(guò)模糊背景圖案，就可以使文字更容易被閱讀。要記住的是，圖片不會(huì)被瀏覽器重畫(huà)的，而背景色彩則是要被重新畫(huà)的，因此，在上傳你的圖片之前，必須檢查不同的瀏覽器是如何顯示這些網(wǎng)頁(yè)的。當(dāng)增加文字時(shí)，盡量設(shè)置容易被閱讀的字體和大小。如果你使用背景圖片，那么，當(dāng)網(wǎng)頁(yè)被瀏覽時(shí)，背景色和字體將會(huì)先于背景圖片被下載，因此，如果背景色和文本的顏色沒(méi)有鮮明的對(duì)照的話，那么瀏覽者會(huì)有幾秒鐘的時(shí)間看到一個(gè)充滿(mǎn)了不可閱讀的文本的網(wǎng)頁(yè)。解決這個(gè)問(wèn)題的簡(jiǎn)單的方法就是，使背景色與背景圖的顏色相類(lèi)似。

瀏覽導(dǎo)航：站點(diǎn)的瀏覽導(dǎo)航必須被設(shè)計(jì)成非常容易。如果需要，把站點(diǎn)分割為幾個(gè)部分。最容易的方法，就是在整個(gè)網(wǎng)站的所有的網(wǎng)頁(yè)的左邊放置一個(gè)菜單條。當(dāng)然，除此以外，還有許多可選的方法。對(duì)于具有大量信息的站點(diǎn)，使用一個(gè)可擴(kuò)展的菜單條會(huì)是一個(gè)不錯(cuò)的選擇。無(wú)論你使用何種導(dǎo)航模式，在每一頁(yè)都放置一個(gè)主頁(yè)鏈接，那會(huì)是一種不錯(cuò)的設(shè)計(jì)思想；瀏覽者必須知道，無(wú)論何時(shí)，當(dāng)他們迷失在你的站點(diǎn)瀏覽中時(shí)，都可以通過(guò)簡(jiǎn)單的一次點(diǎn)擊就能準(zhǔn)確地知道目前所處的位置。

Frame(幀,框架)的問(wèn)題：Frame—— 你也許會(huì)喜歡它，也許不喜歡。如果你在你的網(wǎng)站上使用幀，你很可能使一個(gè)幀用于導(dǎo)航目的，另一個(gè)幀用于放置內(nèi)容。你可以看見(jiàn)在同一頁(yè)上有兩個(gè)被分割的瀏覽窗口，你點(diǎn)擊左邊的幀，只會(huì)改變右邊的內(nèi)容。用幀來(lái)組織網(wǎng)站的內(nèi)容，顯然是非常容易的。

檢驗(yàn)?zāi)愕腍TML代碼 ：不要在你的網(wǎng)站上放置瀏覽計(jì)數(shù)器。計(jì)數(shù)器會(huì)讓你的網(wǎng)站看起來(lái)不夠?qū)I(yè)化，如果瀏覽量不夠的話，還會(huì)起到相反的宣傳作用。最后，內(nèi)容是金，如果能給的瀏覽者一些有價(jià)值的東西，如，信息，建議，或軟件，那么就能吸引瀏覽者經(jīng)常光顧你的網(wǎng)站。為你的站點(diǎn)增加消息板和聊天室，從而提高網(wǎng)站的交互性，使你和你的訪問(wèn)者交流，讓訪問(wèn)者彼此交流。

五、頻道欄目劃分

圖1

電子商務(wù)2班201341440213孫巖

六、代碼段

content=“text/html;charset=gb2312” /> （2）textarea多行多列輸入元素

功能：實(shí)施對(duì)Textarea中的元素進(jìn)行控制。基本屬性

name：設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)HTML文檔Textarea的Name。Value：用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。Default value：元素的默認(rèn)值。方法：

blur()：將輸入焦點(diǎn)失去 select()：將文字加亮后 事件：

onBlur:當(dāng)失去輸入焦點(diǎn)后產(chǎn)生該事件 onFocus:當(dāng)輸入獲得焦點(diǎn)后，產(chǎn)生該文件 Onchange:當(dāng)文字值改變時(shí)，產(chǎn)生該事件 Onselect:當(dāng)文字加亮后，產(chǎn)生該文件（3）Select選擇元素

功能：實(shí)施對(duì)滾動(dòng)選擇元素的控制。屬性：

name:設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)文檔select中的name。Length:對(duì)應(yīng)文檔select中的length options:組成多個(gè)選項(xiàng)的數(shù)組 selectIndex;該下標(biāo)指明一個(gè)選項(xiàng)

select在中每一選項(xiàng)都含有以下屬性： Text:選項(xiàng)對(duì)應(yīng)的文字

selected:指明當(dāng)前選項(xiàng)是否被選中 Index:指明當(dāng)前選項(xiàng)的位置 defaultselected:默認(rèn)選項(xiàng) 事件：

第五章

色彩在網(wǎng)頁(yè)中的應(yīng)用

OnBlur：當(dāng)select選項(xiàng)失去焦點(diǎn)時(shí)，產(chǎn)生該文件。onFocas:當(dāng)select獲得焦點(diǎn)時(shí)，產(chǎn)生該文件。Onchange:選項(xiàng)狀態(tài)改變后，產(chǎn)生該事件。（4）Button按鈕

功能：實(shí)施對(duì)Button按鈕的控制。屬性：

Name:設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)文檔中button的Name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。方法：

click()該方法類(lèi)似于一個(gè)按下的按鈕。事件：

onclick當(dāng)單擊button按鈕時(shí)，產(chǎn)生該事件。例 ：

功能：實(shí)施對(duì)一個(gè)具有復(fù)選框中元素的控制。屬性：

name:設(shè)定提交信息時(shí)的信息名稱(chēng)。

Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。Checked:該屬性指明框的狀態(tài)true/false.defauitchecked:默認(rèn)狀態(tài) 方法：

click()該方法使得框的某一個(gè)項(xiàng)被選中。事件：

Onclick：當(dāng)框的選被選中時(shí)，產(chǎn)生該事件。（6）radio無(wú)線按鈕

功能：實(shí)施對(duì)一個(gè)具單選功能的無(wú)線按鈕控制。屬性：

Name：設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)HTML文檔中的radio的name相同 Value：用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息，對(duì)應(yīng)HTML文檔中的radio的name。

length：?jiǎn)芜x按鈕中的按鈕數(shù)目。defalechecked:默認(rèn)按鈕。

checked:指明選中還是沒(méi)有選中。

第五章

色彩在網(wǎng)頁(yè)中的應(yīng)用

index:選中的按鈕的位置。方法：

chick():選定一個(gè)按鈕。事件：

onclick:單擊按鈕時(shí)，產(chǎn)生該事件。（7）hidden:隱藏

功能：實(shí)施對(duì)一個(gè)具有不顯示文字并能輸入字符的區(qū)域元素的控制。屬性：

name:設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)HTML文檔的hidden中的Name。

Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息，對(duì)應(yīng)HTML文檔hidden中的value。

defaleitvalue:默認(rèn)值（8）Password口令

功能：實(shí)施對(duì)具有口令輸入的元素的控制。屬性：

Name:設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)HTML文檔中password中的name。Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息，對(duì)應(yīng)HTML文檔中password中的Value。

defaultvalu:默認(rèn)值 方法：

select():加亮輸入口令域。

blur():使這丟失passward輸入焦點(diǎn)。focus():獲得password輸入焦點(diǎn)。（9）submit提交元素

功能：實(shí)施對(duì)一個(gè)具有提交功能按鈕的控制。屬性：

name:設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)HTML文檔中submit。

Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息，對(duì)應(yīng)HTML文檔中value。

方法

click()相當(dāng)于按下submit按鈕。事件：

onclick()當(dāng)按下該按鈕時(shí)，產(chǎn)生該事件。

6.3窗體對(duì)象實(shí)例

下面我們演示通過(guò)點(diǎn)擊一個(gè)按鈕（red）來(lái)改變窗口顏色，點(diǎn)擊“調(diào)用動(dòng)態(tài)按鈕文檔”調(diào)用一個(gè)動(dòng)態(tài)按鈕文檔。

test8_1.htm 調(diào)用動(dòng)態(tài)按鈕文檔

第三篇：網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)計(jì)劃

網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)計(jì)劃

網(wǎng)頁(yè)設(shè)計(jì)與制作情況介紹：13級(jí)計(jì)算機(jī)專(zhuān)業(yè)就業(yè)班每周課時(shí)為8課時(shí)，其中上機(jī)操作6課時(shí)、理論2課時(shí)；高考班每周課時(shí)為6課時(shí)，其中上機(jī)操作4課時(shí)、理論2課時(shí)。根據(jù)其課時(shí)安排，每周課時(shí)就以8課時(shí)為準(zhǔn)?，F(xiàn)按照15周課，計(jì)120課時(shí)，其中上機(jī)操作課90課時(shí)，理論課30課時(shí)，如上機(jī)操作課程時(shí)間充足，可自行安排舉一反三。

注：因13級(jí)計(jì)算機(jī)3個(gè)班，高考班的課時(shí)較少，所以具體實(shí)際上機(jī)操作情況只有根據(jù)實(shí)際情況而定。

項(xiàng)目一 網(wǎng)頁(yè)概述（6）

任務(wù)一 講解網(wǎng)頁(yè)設(shè)計(jì)與制作這門(mén)學(xué)科的發(fā)展前景。（1課時(shí)）

講解網(wǎng)頁(yè)設(shè)計(jì)與制作這門(mén)學(xué)科的發(fā)展前景，培養(yǎng)起學(xué)生的興趣。任務(wù)二 用html代碼編寫(xiě)“我的第一個(gè)網(wǎng)頁(yè)”的網(wǎng)頁(yè)。（1課時(shí)）

簡(jiǎn)單介紹一下html代碼：、、，在記事本中用html編寫(xiě)一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，轉(zhuǎn)換格式，在瀏覽器中預(yù)覽效果，培養(yǎng)起學(xué)生的興趣。任務(wù)三 Web簡(jiǎn)介。（1課時(shí)）

在學(xué)習(xí)制作一個(gè)網(wǎng)頁(yè)之前，首先應(yīng)該了解一些網(wǎng)頁(yè)和網(wǎng)站的基本知識(shí)：web的起源與基本結(jié)構(gòu)、web的常用術(shù)語(yǔ)。任務(wù)四 認(rèn)識(shí)網(wǎng)頁(yè)制作軟件。（1課時(shí)）

了解網(wǎng)頁(yè)制作工具網(wǎng)頁(yè)制作三劍客，并掌握紅蜻蜓抓圖軟件和Microsoft Office Visio 2007的基本功能。任務(wù)五 網(wǎng)站規(guī)劃。（2課時(shí)）

熟悉網(wǎng)站開(kāi)發(fā)的工作流程：規(guī)劃、制作、維護(hù)，自行設(shè)計(jì)一個(gè)網(wǎng)站，寫(xiě)出網(wǎng)站規(guī)劃。

項(xiàng)目二 網(wǎng)頁(yè)制作基礎(chǔ)（5）

任務(wù)一 認(rèn)識(shí)Dreamweaver8。（1課時(shí)）

任務(wù)二 創(chuàng)建本地站點(diǎn)，搭建模擬結(jié)構(gòu)。（2課時(shí)）

學(xué)會(huì)創(chuàng)建站點(diǎn)，掌握規(guī)劃站點(diǎn)結(jié)構(gòu)的原則；學(xué)會(huì)把其他站點(diǎn)定義成本地站點(diǎn)。任務(wù)三 html代碼的基本結(jié)構(gòu)。（2課時(shí)）

項(xiàng)目三 插入對(duì)象（16）任務(wù)一 插入文本（2課時(shí)）

學(xué)會(huì)插入文本、特殊字符、日期、水平線（修改顏色）、注釋?zhuān)⒘私庠O(shè)計(jì)文本屬性；掌握enter（

）與shift+enter（
）的區(qū)別。任務(wù)二 插入圖片（2課時(shí)）

掌握插入圖片的技巧，靈活調(diào)整圖像的大小，使用“重新取樣”，學(xué)會(huì)更改默認(rèn)編圖工具。

任務(wù)三 制作圖文混排頁(yè)面。（2課時(shí)）

學(xué)會(huì)設(shè)置文字和圖像的屬性，并能進(jìn)行圖像和文字的混排。任務(wù)四 插入Flash動(dòng)畫(huà)（2課時(shí)）

掌握插入Flash、Flash按鈕和文字、Flash圖片播放器功能。任務(wù)五 插入交互圖像（2課時(shí)）

學(xué)會(huì)制作鼠標(biāo)經(jīng)過(guò)圖像和導(dǎo)航條圖片。任務(wù)六 插入音視頻（2課時(shí)）

在網(wǎng)頁(yè)實(shí)現(xiàn)播放音頻文件的效果，并實(shí)現(xiàn)下載音視頻文件的功能。任務(wù)七 插入滾動(dòng)文字（2課時(shí)）

學(xué)會(huì)制作滾動(dòng)文字，并掌握控制滾動(dòng)文字的html代碼。任務(wù)八 綜合練習(xí)，制作一個(gè)主頁(yè)面。（2課時(shí)）

項(xiàng)目四 超鏈接

任務(wù)一 網(wǎng)頁(yè)鏈接路徑與類(lèi)型（1課時(shí)）任務(wù)二 內(nèi)部鏈接、外部鏈接（1課時(shí)）任務(wù)三 email鏈接、錨點(diǎn)鏈接（1課時(shí)）

任務(wù)四 圖像映射，基本掌握腳本鏈接的關(guān)閉功能（1課時(shí)）

項(xiàng)目五 表格

任務(wù)一 創(chuàng)建web畫(huà)廊（1課時(shí)）

通過(guò)fireworks創(chuàng)建web畫(huà)廊，掌握“創(chuàng)建網(wǎng)站相冊(cè)”的功能。任務(wù)二 表格的應(yīng)用（2課時(shí)）

新增表格、表格屬性的設(shè)定、選擇行列、選擇不相鄰的單元格。任務(wù)三 學(xué)會(huì)使用表格調(diào)整方法（3課時(shí)）

對(duì)預(yù)先設(shè)計(jì)好的網(wǎng)頁(yè)圖，在fireworks中切片，通過(guò)插入fireworks html 的方式對(duì)表格進(jìn)行調(diào)整。

任務(wù)四 制作簡(jiǎn)單的內(nèi)頁(yè)頁(yè)面（2課時(shí)）任務(wù)五 制作復(fù)雜的內(nèi)頁(yè)頁(yè)面（3課時(shí)）任務(wù)六 表格的繪制（1課時(shí)）

任務(wù)七 表格排版，制作一個(gè)小型網(wǎng)站（3課時(shí)）

切片，準(zhǔn)備圖片；新建站點(diǎn)，搭建結(jié)構(gòu)；表格頁(yè)面排版；鏈接，制作網(wǎng)頁(yè)。

項(xiàng)目六 表單

任務(wù)一 表單文本域：?jiǎn)涡小⒍嘈?、密碼（2課時(shí)）

加入空白表單，設(shè)定表單屬性；講解什么事表單，解釋表單屬性get和post的區(qū)別。

任務(wù)二 插入對(duì)象（4課時(shí)）

單選按鈕（組）、復(fù)選框、列表、下拉菜單、文件域、按鈕、跳轉(zhuǎn)菜單、圖像域、隱藏域。

任務(wù)三 綜合練習(xí)，表單的排版，以郵箱的方式提交（3課時(shí)）

項(xiàng)目七 CSS 任務(wù)一 CSS的特點(diǎn)、添加方式、類(lèi)型（1課時(shí)理論）任務(wù)二 使用四種方法使用css 樣式表（2課時(shí)）任務(wù)三 使用 Class類(lèi)與id類(lèi)控制網(wǎng)頁(yè)的格式（1課時(shí)）任務(wù)四 運(yùn)用css樣式表設(shè)置字體樣式并控制圖文布局（2課時(shí)）任務(wù)五 綜合應(yīng)用CSS的各種屬性（2課時(shí)）

任務(wù)六 綜合練習(xí)，熟練使用css美化網(wǎng)頁(yè)（2課時(shí)）

項(xiàng)目八 框架

任務(wù)一 框架應(yīng)用（2課時(shí)）

任務(wù)二 利用框架設(shè)計(jì)網(wǎng)頁(yè)（3課時(shí)）

項(xiàng)目九 模板

任務(wù)一 模板應(yīng)用（2課時(shí)）

任務(wù)二 利用模板設(shè)計(jì)網(wǎng)頁(yè)（3課時(shí)）

項(xiàng)目十行為

任務(wù)一 制作彈出消息（1課時(shí)）任務(wù)二 制作打開(kāi)瀏覽器窗口（1課時(shí)）任務(wù)三 制作背景音樂(lè)（1課時(shí)）任務(wù)四 控制Flash動(dòng)畫(huà)（1課時(shí)）任務(wù)五 檢查表單（2課時(shí)）

項(xiàng)目十一 時(shí)間軸

任務(wù)一 時(shí)間軸動(dòng)畫(huà)（2課時(shí)）任務(wù)二 任務(wù)三 任務(wù)一 任務(wù)二 任務(wù)一 任務(wù)二 任務(wù)三 任務(wù)一 任務(wù)二 任務(wù)三 任務(wù)二 任務(wù)三 任務(wù)四 任務(wù)五 任務(wù)一 制作動(dòng)態(tài)文字（1課時(shí)）制作飄動(dòng)廣告（2課時(shí)）

項(xiàng)目十二 層

層的應(yīng)用（2課時(shí)）

層與行為、時(shí)間軸結(jié)合（3課時(shí)）

項(xiàng)目十三 javascript 彈出對(duì)話框（1課時(shí)）函數(shù)應(yīng)用（2課時(shí)）時(shí)鐘顯示功能（2課時(shí)）

項(xiàng)目十四 數(shù)據(jù)庫(kù)

認(rèn)識(shí)iis（1課時(shí)）復(fù)習(xí)數(shù)據(jù)庫(kù)知識(shí)（1課時(shí)）連接（2課時(shí)）顯示數(shù)據(jù)（2課時(shí)）表單收集（增）（3課時(shí)）登陸頁(yè)面（查）（3課時(shí)）修改密碼（改）（3課時(shí)）

項(xiàng)目十五 網(wǎng)頁(yè)設(shè)計(jì)

做個(gè)人作品（15課時(shí)）

第四篇：網(wǎng)頁(yè)設(shè)計(jì)與制作簡(jiǎn)答題

1、簡(jiǎn)述Web瀏覽器打開(kāi)一個(gè)Web文件的工作過(guò)程。

2、描述網(wǎng)頁(yè)設(shè)計(jì)的一般步驟。

3、簡(jiǎn)述網(wǎng)頁(yè)設(shè)計(jì)的基本準(zhǔn)則。

4、簡(jiǎn)述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時(shí)應(yīng)遵循的原則。

5、描述版面布局的步驟。

6、什么是“HTML”？HTML“標(biāo)記”又是什么？

7、簡(jiǎn)述“HTML”文檔的基本結(jié)構(gòu)。

8、簡(jiǎn)述以下一段HTML代碼中各對(duì)標(biāo)記的作用?！磆tml〉

〈head〉

〈title〉網(wǎng)頁(yè)設(shè)計(jì)〈/title〉 〈/head〉

〈body〉

〈h2〉北國(guó)風(fēng)光〈/h2〉

〈/body〉 〈/html〉

9、如何進(jìn)行本地網(wǎng)頁(yè)的測(cè)試？

10、網(wǎng)站管理和維護(hù)的主要工作有哪些？

11、什么是Web瀏覽器?

12、簡(jiǎn)述網(wǎng)頁(yè)設(shè)計(jì)中所需要注意的通用規(guī)則。

13、簡(jiǎn)述DHTML的概念及主要組成。

14、簡(jiǎn)述使用FrontPage在網(wǎng)頁(yè)中插入一個(gè)日歷的過(guò)程。

15、簡(jiǎn)述色彩的三原色的概念及每種顏色的調(diào)配范圍。

16、為什么要采用DHTML技術(shù)？客戶(hù)端動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)有哪些優(yōu)點(diǎn)？

17、網(wǎng)站欄目劃分的原則是什么？

18、XML與HTML相比的主要優(yōu)點(diǎn)有哪些？

19、請(qǐng)簡(jiǎn)述一下網(wǎng)站的設(shè)計(jì)流程？

20、簡(jiǎn)述FireWorks的特點(diǎn)。

21、網(wǎng)頁(yè)制作的步驟是什么？

22、怎樣讓鏈接沒(méi)有下劃線?

23、怎樣在網(wǎng)頁(yè)中加入多媒體播放?

24、怎樣讓網(wǎng)頁(yè)的背景圖像不滾動(dòng)?

25、怎樣定義網(wǎng)頁(yè)的關(guān)鍵字?

26、什么是Web瀏覽器?

27、網(wǎng)頁(yè)上所說(shuō)的重心平衡指的是什么?

28、什么是DHTML？DHTML技術(shù)主要由哪幾部分組成？

29、在CSS中，對(duì)字體的的設(shè)置所涉及到的屬性有哪些？

30、用HTML語(yǔ)言回答一個(gè)HTML文件應(yīng)具有的基本結(jié)構(gòu)。

31、比較GIF格式和JPG格式的原理與各自的適用范圍。

32、為什么要采用DHTML技術(shù)?客戶(hù)端動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)有哪些優(yōu)點(diǎn)?

33、簡(jiǎn)述站點(diǎn)的概念以及虛擬目錄和實(shí)際目錄之間的對(duì)應(yīng)關(guān)系。

34、什么是Web安全色?

35、簡(jiǎn)述虛擬主機(jī)的概念和功能。

36、簡(jiǎn)述Dreamweaver的工作窗口由哪些部分組成。

37、在Dreamweaver中，插入圖像的方法有哪些？

38、在Fireworks中，如何使文字附加于路徑？

39、在Flash MX中可以創(chuàng)建哪些類(lèi)型的元件？各元件的含義是什么？

40、HTML中
標(biāo)記和

標(biāo)記有何區(qū)別?

41、簡(jiǎn)述在網(wǎng)頁(yè)中插入背景音樂(lè)的方法。

42、怎樣在網(wǎng)頁(yè)中插入Flash影片？

43、簡(jiǎn)述設(shè)計(jì)Web站點(diǎn)的一般步驟。

44、簡(jiǎn)要說(shuō)明html的基本工作原理。

45、簡(jiǎn)要說(shuō)明表格與框架布局的區(qū)別。

46、舉例說(shuō)明在網(wǎng)頁(yè)中使用CSS樣式表的三種方式（都使用對(duì)p標(biāo)記符應(yīng)用color屬性為例），并簡(jiǎn)要分析各自的特點(diǎn)。

47、簡(jiǎn)要說(shuō)明使用網(wǎng)頁(yè)圖像時(shí)應(yīng)注意的問(wèn)題

48、簡(jiǎn)要回答選擇符的作用及分類(lèi)。

49、XML的主要特征有哪些？

50、FrontPage的主要功能有哪些？

51、簡(jiǎn)答HTML文件的基本標(biāo)記組成。

52、簡(jiǎn)答Java與JavaScript的主要區(qū)別。

53、簡(jiǎn)述網(wǎng)站的開(kāi)發(fā)流程。（10分）

54、簡(jiǎn)述靜態(tài)網(wǎng)頁(yè)的執(zhí)行過(guò)程。（7分）

55、簡(jiǎn)述在Dreamweaver MX中制作以插件方式播放音樂(lè)的頁(yè)面的步驟。

56、簡(jiǎn)述網(wǎng)頁(yè)制作有哪些基本流程。

57、在Dreamweaver MX中，目標(biāo)端點(diǎn)的鏈接有哪幾種？

58、簡(jiǎn)述在Fireworks中，可以做哪幾個(gè)方面的環(huán)境設(shè)置。

59、在Flash MX中，幀有哪幾種類(lèi)型？各自的含義是什么？

參考答案：

1、簡(jiǎn)述Web瀏覽器打開(kāi)一個(gè)Web文件的工作過(guò)程。

1）

Web瀏覽器向服務(wù)器發(fā)出頁(yè)面請(qǐng)求

2）

服務(wù)器接收頁(yè)面請(qǐng)求，并將搜索到的頁(yè)面發(fā)給Web瀏覽器

3）

Web瀏覽器接收并顯示頁(yè)面

2、描述網(wǎng)頁(yè)設(shè)計(jì)的一般步驟。

1)

設(shè)計(jì)主題

2)

設(shè)計(jì)網(wǎng)頁(yè)的總體結(jié)構(gòu)

3)

資料的收集和整理

4)

選擇網(wǎng)頁(yè)的設(shè)計(jì)方法

5)

注意一些基本問(wèn)題，如：標(biāo)題要簡(jiǎn)明、圖片最好加說(shuō)明等

3、簡(jiǎn)述網(wǎng)頁(yè)設(shè)計(jì)的基本準(zhǔn)則。

需要遵循的藝術(shù)原則主要有：

1）

對(duì)比原則

2）

協(xié)調(diào)原則

3）

平衡原則

4）

趣味原則。

還包括統(tǒng)一、連貫、分割、對(duì)比、和諧、易讀、易找、清晰、精選。

4、簡(jiǎn)述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時(shí)應(yīng)遵循的原則。

在創(chuàng)建目錄時(shí)需要注意：

（1）不要將所有文件都存放在根目錄下。

（2）目錄層次不要太深，建議不要超過(guò)三層。

（3）不要使用過(guò)長(zhǎng)的目錄名和盡量不要使用中文目錄名。

5、描述版面布局的步驟。

步驟：

1）

繪制網(wǎng)頁(yè)草圖

2）

粗略布局

3）

定案

6、什么是“HTML”？HTML“標(biāo)記”又是什么？

HTML是一種建立網(wǎng)頁(yè)文件的語(yǔ)言，透過(guò)標(biāo)記式指令，將影像、聲音、圖片和文字等連接起來(lái)。

在HTML中用于描述功能的符號(hào)稱(chēng)為“標(biāo)記”，它是用來(lái)控制文字、圖形等顯示方式的符號(hào)。

7、簡(jiǎn)述“HTML”文檔的基本結(jié)構(gòu)。

HTML網(wǎng)頁(yè)的基本結(jié)構(gòu)。

HTML文件開(kāi)始

文件頭開(kāi)始

文件頭

文件頭結(jié)束

文件體開(kāi)始

文件體

第五篇：網(wǎng)頁(yè)設(shè)計(jì)與制作總結(jié)

網(wǎng)頁(yè)設(shè)計(jì)與制作

實(shí)訓(xùn)報(bào)告

班級(jí)：多媒體152

姓名：張莉鈞

學(xué)號(hào)：201501032118

指導(dǎo)老師：薛楊 王淑惠

實(shí)訓(xùn)時(shí)間：6.20——6.24

一、實(shí)訓(xùn)目的：

1、進(jìn)一步熟悉和掌握網(wǎng)站建設(shè)的基本流程和技術(shù)規(guī)范；

2、鞏固運(yùn)用Dreamweaver網(wǎng)頁(yè)制作軟件制作網(wǎng)頁(yè)、特別是制作復(fù)雜網(wǎng)頁(yè)的知識(shí)；

3、鞏固運(yùn)用PS圖像處理軟件進(jìn)行網(wǎng)頁(yè)中圖形制作和運(yùn)用flash動(dòng)畫(huà)制作軟件設(shè)計(jì)網(wǎng)頁(yè)中動(dòng)畫(huà)的知識(shí)；

4、鞏固綜合運(yùn)用Dreamweaver、PS、flash三個(gè)軟件完成網(wǎng)站建設(shè)任務(wù)的方法，能獨(dú)立設(shè)計(jì)一個(gè)內(nèi)容完整、圖文并茂、技術(shù)運(yùn)用得當(dāng)?shù)木W(wǎng)站；

5、具備獨(dú)立撰寫(xiě)實(shí)訓(xùn)報(bào)告基本能力；

6、在網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐中培養(yǎng)分析問(wèn)題、解決問(wèn)題的能力，培養(yǎng)協(xié)作、交流的能力，培養(yǎng)創(chuàng)新能力和團(tuán)隊(duì)意識(shí)；

7、緊緊圍繞網(wǎng)頁(yè)制作的流程：規(guī)劃、設(shè)計(jì)、開(kāi)發(fā)、發(fā)布、維護(hù)來(lái)進(jìn)行網(wǎng)站的開(kāi)發(fā)，制作出具有較高水準(zhǔn)的靜態(tài)網(wǎng)頁(yè)。以此作為學(xué)生學(xué)習(xí)這門(mén)課程的階段性總結(jié)，使學(xué)生復(fù)習(xí)、鞏固所學(xué)過(guò)的理論，并予

以適當(dāng)?shù)纳罨?，進(jìn)一步訓(xùn)練學(xué)生的基本技能（如：搜集資料、整理數(shù)據(jù)、發(fā)現(xiàn)與分析問(wèn)題、尋求解決問(wèn)題的方案等），為今后從事網(wǎng)站開(kāi) 發(fā)、維護(hù)和管理奠定基礎(chǔ)

二、實(shí)訓(xùn)項(xiàng)目——特色美食餐廳網(wǎng)站設(shè)計(jì)

1、網(wǎng)站主題

我的網(wǎng)站的主旨在于從各個(gè)方面全面的介紹特色美食餐廳，包括它的菜品、餐廳的環(huán)境以及促銷(xiāo)活動(dòng)。另外，網(wǎng)站里還包括餐廳資料和聯(lián)系方式，網(wǎng)站里的每一個(gè)網(wǎng)頁(yè)都有統(tǒng)一的風(fēng)格，每一個(gè)網(wǎng)頁(yè)的主題色彩都是橙色和白色搭配，用以展示餐廳特色的效果。其實(shí)最重要的是要做出自己的風(fēng)格，給瀏覽者好的欣賞感受。

2、網(wǎng)站材料

主要在網(wǎng)站上搜集所要的網(wǎng)頁(yè)信息，包括圖片、文字。同時(shí)，查

詢(xún)相關(guān)的書(shū)籍、百度等方式收集所需的文字資料,圖象資料,flash動(dòng)畫(huà)和網(wǎng)頁(yè)特效等，用以得來(lái)更加具有說(shuō)服力的頁(yè)面。要想做好自己的網(wǎng)站，能夠給瀏覽者好的欣感受，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。精選自己收集的材料，作為自己制作網(wǎng)頁(yè)的素材，這樣就可以做好一個(gè)好的網(wǎng)站。

3、網(wǎng)站規(guī)劃

我的網(wǎng)站共有７個(gè)主頁(yè)面：首頁(yè)、美食介紹、優(yōu)惠活動(dòng)、商品促銷(xiāo)、宴會(huì)定制、會(huì)員中心和關(guān)于我們。每一個(gè)頁(yè)面用統(tǒng)一的模塊，以保證網(wǎng)站統(tǒng)一的頁(yè)面風(fēng)格。網(wǎng)頁(yè)布局主要用框架和表格，用框架定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。位子的設(shè)計(jì)也是重要的一個(gè)部分，根據(jù)具體內(nèi)容決定字體風(fēng)格，相同的風(fēng)格多次調(diào)用是CSS設(shè)計(jì)一個(gè)樣式，以保證隨時(shí)、準(zhǔn)確的調(diào)用。

三、網(wǎng)頁(yè)設(shè)計(jì)工具使用

1、Dreamweaver——我們使用它做網(wǎng)頁(yè)的主要布局。

2、Photoshop——我們使用它做網(wǎng)頁(yè)圖片的處理以及l(fā)ogo的制作。

3、Flash——我們使用它制作動(dòng)畫(huà)

四、網(wǎng)站設(shè)計(jì)流程

1、主頁(yè)設(shè)計(jì)

2、色彩搭配

五、網(wǎng)站測(cè)評(píng)

網(wǎng)站建成后為了出現(xiàn)不必要的錯(cuò)誤，需對(duì)它進(jìn)行測(cè)評(píng)，測(cè)評(píng)的主要內(nèi)容為

1、鏈接有效性，靜態(tài)網(wǎng)頁(yè)只要保證每一個(gè)網(wǎng)頁(yè)正常瀏覽保證頁(yè)面信息不缺失就可以了。

2、網(wǎng)頁(yè)語(yǔ)言的正確性，檢查網(wǎng)頁(yè)中英文拼寫(xiě)與html語(yǔ)言是否正確，在靜態(tài)網(wǎng)頁(yè)中語(yǔ)言都是自動(dòng)生成的所以語(yǔ)言的正確性一般不會(huì)有太大的問(wèn)題。

3、網(wǎng)站便用性，檢查網(wǎng)站的整體結(jié)構(gòu)是否清晰以及網(wǎng)站頁(yè)面的導(dǎo)航是否清晰。

最終效果圖

總結(jié)：

通過(guò)學(xué)習(xí)一學(xué)期的網(wǎng)頁(yè)設(shè)計(jì)，我們收獲了不少，我們這次實(shí)訓(xùn)雖然只做了一個(gè)網(wǎng)站，但這個(gè)里面包括的內(nèi)容很多，主要包括網(wǎng)站主頁(yè)的布局設(shè)計(jì)，建立站點(diǎn)，網(wǎng)頁(yè)與網(wǎng)頁(yè)之間的連接，以及模板和css樣式表的應(yīng)用。

收獲：通過(guò)一個(gè)星期的網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)，從中學(xué)到了不少的網(wǎng)頁(yè)設(shè)計(jì)知識(shí)，之前都是老師講得比較多，總以為很難實(shí)現(xiàn)，但自己做起來(lái)其實(shí)也并不是想象中那么苦難。雖然代碼看起來(lái)復(fù)雜，但是慢慢學(xué)會(huì)分析就會(huì)懂。

不足：當(dāng)然這次實(shí)訓(xùn)我也有不足，比如css樣式表不能靈活應(yīng)用，網(wǎng)頁(yè)布局也不夠完美，不過(guò)多虧了王老師和薛老師的細(xì)心指導(dǎo)，我才能完成這次實(shí)訓(xùn)。

Flash實(shí)訓(xùn)總結(jié)

班級(jí)：多媒體152

姓名：張莉鈞

學(xué)號(hào)：201501032118

指導(dǎo)老師：薛楊

實(shí)訓(xùn)時(shí)間：2.flash培訓(xùn)實(shí)訓(xùn)總結(jié)提要：

這次實(shí)訓(xùn)過(guò)后，對(duì)flash有了基礎(chǔ)的了解，想在這方面學(xué)習(xí)的話有了初步的基礎(chǔ)，主要是學(xué)習(xí)了flash中各種工具的使用，1、確定動(dòng)畫(huà)劇本及分鏡頭；

2、設(shè)計(jì)出不同字母間的完美轉(zhuǎn)換。、一、實(shí)訓(xùn)目地：讓我們更熟練的應(yīng)用flash制作動(dòng)圖

二、實(shí)訓(xùn)項(xiàng)目——不同字母間的形狀變換

1、先要確定使用的字母w o r l d

2、再給每個(gè)字母使用不同的顏色以及給它們變形

3、最后再給每個(gè)字母做不同的變換方式

三、總結(jié) 實(shí)訓(xùn)收獲: 通過(guò)這次實(shí)訓(xùn)我更加鞏固了對(duì)flash的應(yīng)用，雖然這中間有很多失誤和很多不必要犯的錯(cuò)誤，但更多的是收獲，這次實(shí)訓(xùn)過(guò)后，對(duì)flash有了基礎(chǔ)的了解，想在這方面學(xué)習(xí)的話有了初步的基礎(chǔ)，主要是學(xué)習(xí)了flash中各種工具的使用，1、確定動(dòng)畫(huà)劇本及分鏡頭；

2、設(shè)計(jì)出字母形狀；

3、導(dǎo)入到flash進(jìn)行制作；

4、剪輯配音。在分鏡頭畫(huà)面腳本繪制過(guò)程中，應(yīng)養(yǎng)成填表的好習(xí)慣，在表格中注明畫(huà)面的景別，畫(huà)面景別使用的專(zhuān)業(yè)術(shù)語(yǔ)有：大特寫(xiě)、特寫(xiě)、近景、中景、全景、遠(yuǎn)景、全遠(yuǎn)景、縱深景等。畫(huà)面鏡頭號(hào)景別秒數(shù)內(nèi)容摘要對(duì)白效果音樂(lè)。存在的問(wèn)題及解決思路: 這幾個(gè)星期我學(xué)習(xí)的flash大多是比較基礎(chǔ)的，F(xiàn)lash中字母刻畫(huà)不夠完善，很多動(dòng)作，變形都需要有一定的美術(shù)功底及Flash基礎(chǔ)，對(duì)于初學(xué)的我很困難，所以在此只做了一些簡(jiǎn)單的變形。在Flash中的一些腳本語(yǔ)言初學(xué)時(shí)無(wú)從下手，只好從大量的視頻、書(shū)籍里尋找答案。4．結(jié)束語(yǔ)

為了對(duì)Flash的現(xiàn)況有更好的了解，主要是對(duì)于網(wǎng)上一些MV做了參考?，F(xiàn)在的FlashMV已經(jīng)逐漸成熟了。MV的制作從開(kāi)始的大量使用位圖，轉(zhuǎn)換為矢量后讓它們移動(dòng)來(lái)制造動(dòng)畫(huà)效果，或者是一些簡(jiǎn)單的閃入、閃出來(lái)豐富畫(huà)面，發(fā)展到現(xiàn)在的廣泛使用矢量圖甚至手工作圖，一些費(fèi)心思的逐幀動(dòng)畫(huà)讓我看到了Flash的日漸成熟；從以前的生硬呆板，發(fā)展到今天的生動(dòng)、逼真。Flash動(dòng)畫(huà)說(shuō)到底就是“遮罩+補(bǔ)間動(dòng)畫(huà)+逐幀動(dòng)畫(huà)”與元件（主要是影片剪輯）的混合物，通過(guò)這些元素的不同組合，從而可以創(chuàng)建千變?nèi)f化的效果。我不僅復(fù)習(xí)熟練了相關(guān)的課程、專(zhuān)業(yè)，還學(xué)習(xí)掌握了很多知識(shí)，同時(shí)也認(rèn)識(shí)到還有很多基礎(chǔ)知識(shí)要去學(xué)習(xí)，去鞏固。在以后的時(shí)間里，我將花費(fèi)大量的時(shí)間用于學(xué)習(xí)Flash及相關(guān)知識(shí)，在Flash之路上我會(huì)走的更遠(yuǎn)。