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

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

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

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

網(wǎng)頁制作實訓(xùn)總結(jié)報告

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

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

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

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

⑺能夠使用多媒體來豐富頁面。

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

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

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

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

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

我們在6號機房完成了為期一周的實訓(xùn)，此機房設(shè)備、軟件齊全1、硬件設(shè)備

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

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

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

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

四、實訓(xùn)步驟

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

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

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

4、利用表格對頁面布局，我的網(wǎng)站共有5個主頁面：班級首頁、相冊集合、班委成員、班級成員、班級活動，每一個頁面用統(tǒng)一的背景以及圖片，以保證網(wǎng)站統(tǒng)一的頁面風(fēng)格，版面設(shè)計十分靈活，根據(jù)各部分內(nèi)容的不同適當(dāng)?shù)淖杂稍O(shè)計。網(wǎng)頁布局主要用框架和表格，用框架定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。位子的設(shè)計也是重要的一個部分，根據(jù)具體內(nèi)容決定字體風(fēng)格，相同的風(fēng)格多次調(diào)用是用css設(shè)計一個樣式，以保證隨時、準(zhǔn)確的調(diào)用。1)通過繪制表格來設(shè)計頁面布局；

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

如下圖：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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