網(wǎng)頁(yè)實(shí)訓(xùn)總結(jié)

（信息工程系）綜合實(shí)訓(xùn)總結(jié)報(bào)告

實(shí)訓(xùn)課程：____網(wǎng)頁(yè)制作__________實(shí)訓(xùn)項(xiàng)目：_網(wǎng)頁(yè)制作基礎(chǔ)教程實(shí)訓(xùn)_姓名：___________班級(jí)：_11計(jì)算機(jī)應(yīng)用學(xué)號(hào)：_______

指導(dǎo)教師：_____實(shí)訓(xùn)時(shí)間：201*-201*學(xué)年第一學(xué)期第20周

網(wǎng)頁(yè)制作實(shí)訓(xùn)總結(jié)報(bào)告

一、實(shí)訓(xùn)目標(biāo)1、知識(shí)目標(biāo)：

⑴掌握設(shè)置站點(diǎn)。

⑵掌握網(wǎng)頁(yè)元素的基本操作。⑶靈活使用超級(jí)鏈接。

⑷熟練掌握表格、層和框架來(lái)布局頁(yè)面。⑸掌握表單的設(shè)置與使用。⑹掌握設(shè)置CSS樣式。

⑺能夠使用多媒體來(lái)豐富頁(yè)面。

⑻能夠使用模板制作大批風(fēng)格相似的頁(yè)面。2、技能目標(biāo)：

⑴對(duì)于給定的設(shè)計(jì)題目，學(xué)會(huì)如何進(jìn)行分析，理清思路，并給出相應(yīng)的結(jié)構(gòu)模型。

⑵通過(guò)對(duì)所選課題的分析，有針對(duì)性的進(jìn)行調(diào)查研究，學(xué)會(huì)收集、整理相關(guān)資料。

⑶合理運(yùn)用所學(xué)過(guò)的知識(shí)及實(shí)驗(yàn)中的練習(xí)，將其融入本次實(shí)訓(xùn)當(dāng)中，真正成為自己的東西。

⑷熟練運(yùn)用所學(xué)知識(shí)制作出具有個(gè)人特色的班級(jí)網(wǎng)站二、實(shí)訓(xùn)環(huán)境

我們?cè)?號(hào)機(jī)房完成了為期一周的實(shí)訓(xùn)，此機(jī)房設(shè)備、軟件齊全1、硬件設(shè)備

PC機(jī)2、軟件環(huán)境

Dreamweaver8.0、flash、photoshop等三、實(shí)訓(xùn)內(nèi)容

1、確定的網(wǎng)站內(nèi)容要健康、具有時(shí)代氣息。2、網(wǎng)站提供的信息應(yīng)與網(wǎng)站主題相符合。

3、頁(yè)面布局合理，網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，主題鮮明，界面美觀、簡(jiǎn)潔。4、建議采用層、表格、框架結(jié)構(gòu)布局頁(yè)面，導(dǎo)航和超鏈接清晰。5、插入圖片、多媒體元素。6、撰寫(xiě)實(shí)訓(xùn)報(bào)告。

四、實(shí)訓(xùn)步驟

1、根據(jù)老師布置的實(shí)訓(xùn)要求，構(gòu)思整體布局以及LOGO的設(shè)計(jì)。

2、打開(kāi)MacromediaDreamweaver8，創(chuàng)建相應(yīng)的本地站點(diǎn)，命名為banjizhuye(E/banjizhuye)，在banjizhuye站點(diǎn)中建立文檔和文件夾，分別為index，xiangce，banwei，chengyuan，huodong和文件夾images，flash，ps等。

3、打開(kāi)AdobePhotoshopCS4，利用ps著手做logo，因?yàn)槲覀兪?1級(jí)計(jì)算機(jī)應(yīng)用班，所以我就用藝術(shù)字設(shè)計(jì)了字體，外面的圖標(biāo)代表這我們團(tuán)結(jié)進(jìn)取，里面倒影的樹(shù)葉是代表著我們蓬勃的精神面貌，下面的五個(gè)字母是計(jì)算機(jī)應(yīng)用的首字母縮寫(xiě)。如下圖；

4、利用表格對(duì)頁(yè)面布局，我的網(wǎng)站共有5個(gè)主頁(yè)面：班級(jí)首頁(yè)、相冊(cè)集合、班委成員、班級(jí)成員、班級(jí)活動(dòng)，每一個(gè)頁(yè)面用統(tǒng)一的背景以及圖片，以保證網(wǎng)站統(tǒng)一的頁(yè)面風(fēng)格，版面設(shè)計(jì)十分靈活，根據(jù)各部分內(nèi)容的不同適當(dāng)?shù)淖杂稍O(shè)計(jì)。網(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)用。1)通過(guò)繪制表格來(lái)設(shè)計(jì)頁(yè)面布局；

2）在表格中插入頁(yè)面元素，如利用文本域，來(lái)創(chuàng)建用戶登錄界面，插入圖片等，首頁(yè)頭部插入了flash動(dòng)畫(huà)，改變其參數(shù)，使其達(dá)到了雪花飄落的動(dòng)態(tài)效果，

如下圖：

主頁(yè)的左邊我用代碼實(shí)現(xiàn)了其自動(dòng)播放幻燈片的效果，右邊利用代碼達(dá)到了字幕的滾動(dòng)效果，如下圖：

5、子頁(yè)面的設(shè)計(jì)，整體格局美觀，溫馨，明亮，能讓觀賞者眼前一亮，并在每個(gè)子頁(yè)面添加了滾動(dòng)字幕，以及flash特效。如下圖：

6、每個(gè)網(wǎng)頁(yè)完成后，為其添加鏈接，以達(dá)到瀏覽每個(gè)頁(yè)面時(shí)暢通無(wú)阻，在添加鏈接時(shí)，為了使導(dǎo)航文字在瀏覽時(shí)是白色字體，我用CSS為導(dǎo)航欄定義了一個(gè)版塊，并用CSS高級(jí)設(shè)置設(shè)置我需要的色彩。

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

在這三天多的實(shí)訓(xùn)當(dāng)中和同學(xué)進(jìn)討論制作網(wǎng)站，同時(shí)學(xué)到了許多關(guān)于網(wǎng)頁(yè)制作的相關(guān)知識(shí)。第一，我覺(jué)得在制作過(guò)程中，發(fā)現(xiàn)自己學(xué)的東西太欠缺了，要學(xué)習(xí)有條不紊，要學(xué)習(xí)冷靜思索，所以我想以后課上課下一定要認(rèn)真學(xué)習(xí)，虛心聽(tīng)取別人意見(jiàn)，多去學(xué)習(xí)一點(diǎn)網(wǎng)頁(yè)制作的技術(shù)，以備我以后的制作之路。通過(guò)這次實(shí)訓(xùn)，我學(xué)到了很多有價(jià)值的東西。我獨(dú)立的完成了網(wǎng)站設(shè)計(jì)的全過(guò)程，把設(shè)計(jì)中散亂的網(wǎng)頁(yè)鏈接成框架體系，使平時(shí)學(xué)到的知識(shí)點(diǎn)有了很高的提高，并且合理的在試驗(yàn)中進(jìn)行了實(shí)踐。第二，在這次實(shí)驗(yàn)的過(guò)程中，我搜集了大量的素材和網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)技巧方面資料，擴(kuò)大了知識(shí)面，給我在以后的設(shè)計(jì)過(guò)程中能博采眾長(zhǎng)，制作出好的網(wǎng)頁(yè)打下了基礎(chǔ)。我現(xiàn)在已經(jīng)掌握文檔排版標(biāo)記的使用熟練使用及其屬性設(shè)置、特殊符號(hào)；第三：我現(xiàn)在已經(jīng)熟練使用超級(jí)鏈接，合理使用列表；第四：我現(xiàn)在已經(jīng)掌握?qǐng)D片標(biāo)記及相關(guān)屬性的使用、了解表格標(biāo)記制作表格的方法。最后，我感受最深的是：要想做好一個(gè)網(wǎng)站，素材和技能都十分重要。好的素材需要多方查找資料，可以從圖書(shū)、網(wǎng)站和新聞上查找。好的技能需要不斷的實(shí)踐，經(jīng)常鍛煉做網(wǎng)頁(yè)。如果擁有好的素材和精湛的技能就可以做出精湛的網(wǎng)頁(yè)。五天的實(shí)訓(xùn)課程結(jié)束了，此次實(shí)訓(xùn)檢驗(yàn)了通過(guò)一學(xué)期的學(xué)習(xí)對(duì)知識(shí)進(jìn)行了匯總，通過(guò)本次實(shí)訓(xùn)我已基本掌握了制作簡(jiǎn)單網(wǎng)頁(yè)的過(guò)程，基本熟悉了各種軟件的綜合使用方法。實(shí)踐出真理，實(shí)訓(xùn)的日子過(guò)去了，從理論和操作中融合了我們平時(shí)所學(xué)的知識(shí)，為我們的學(xué)習(xí)和工作鋪墊了精彩的一幕。因此，我堅(jiān)信，用血去做自己認(rèn)為應(yīng)該做的事，努力的開(kāi)拓我們的極限，沒(méi)有什么是不可能的，我們要更加的去努力。通過(guò)這五天的學(xué)習(xí)，在制作過(guò)程中出現(xiàn)了許多問(wèn)，這些都是細(xì)節(jié)問(wèn)題，我與同學(xué)進(jìn)行了細(xì)致的研究后，最后達(dá)到了所要預(yù)期的效果。我非常感謝學(xué)校給了我這次制作網(wǎng)頁(yè)的機(jī)會(huì)！

擴(kuò)展閱讀：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)

通過(guò)這次實(shí)訓(xùn)對(duì)這門課程的學(xué)習(xí)，做好主頁(yè)，并不是一件容易的事，它包括個(gè)人主頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套網(wǎng)頁(yè)的色調(diào)等很多東西。所以我得出一下總結(jié)：

一、準(zhǔn)備資料和挑選符合目的主題的合適素材

做主頁(yè)當(dāng)然要收集、準(zhǔn)備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁(yè)，把它保存起來(lái)，作為以后自己設(shè)計(jì)主頁(yè)時(shí)的參考。另外，還包括搜集美化主頁(yè)可能要用到的各種材料，如背景、小動(dòng)畫(huà)圖標(biāo)等等。你可以在硬盤(pán)上建一個(gè)文件夾，下分“圖片、聲音、動(dòng)畫(huà)”等文件夾，養(yǎng)成上網(wǎng)時(shí)看到有創(chuàng)意、新鮮的圖像，就按鼠標(biāo)右鍵存入你硬盤(pán)相應(yīng)文件夾的習(xí)慣，時(shí)間一長(zhǎng)你就有擁有了一個(gè)可觀的圖庫(kù)，等做主頁(yè)時(shí)隨手拈來(lái)或加以修改就成你自己的東西了。

二、規(guī)劃好整個(gè)網(wǎng)站

主頁(yè)的設(shè)計(jì)應(yīng)以醒目?jī)?yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不必要的細(xì)節(jié)，或使畫(huà)面過(guò)于復(fù)雜。切記，頁(yè)面給人的第一觀感最為重要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁(yè)給人的第一印像沒(méi)有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會(huì)訪問(wèn)你的網(wǎng)站了。

三、善用圖片，增強(qiáng)藝術(shù)效果

我記得老師說(shuō)過(guò)網(wǎng)頁(yè)的迷人之處之一，要算它上面能點(diǎn)綴許多漂亮的圖片。精美的圖片設(shè)計(jì)，可以使自己的網(wǎng)頁(yè)增輝不少，令人過(guò)目不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸，同時(shí)還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

四、善于借鑒他人主頁(yè)制作中的設(shè)計(jì)技巧

由于在網(wǎng)上用瀏覽器瀏覽任何主頁(yè)時(shí)，都能查看到該主頁(yè)制作時(shí)所編寫(xiě)的絕大部分網(wǎng)頁(yè)編程源代碼。因此，如果你想知道并掌握一些優(yōu)秀的主頁(yè)采用的設(shè)計(jì)技巧，試著將其源代碼調(diào)出來(lái)仔細(xì)揣摩，并模仿著一步一步去實(shí)現(xiàn)。

友情提示：本文中關(guān)于《網(wǎng)頁(yè)實(shí)訓(xùn)總結(jié)》給出的范例僅供您參考拓展思維使用，網(wǎng)頁(yè)實(shí)訓(xùn)總結(jié)：該篇文章建議您自主創(chuàng)作。

來(lái)源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問(wèn)題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《網(wǎng)頁(yè)實(shí)訓(xùn)總結(jié)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://www.7334dd.com/gongwen/626240.html

• 上一篇：藝術(shù)設(shè)計(jì)系201*級(jí)實(shí)習(xí)工作總結(jié)
• 下一篇：網(wǎng)頁(yè)制作常態(tài)化實(shí)訓(xùn)總結(jié)