網頁實訓總結

（信息工程系）綜合實訓總結報告

實訓課程：____網頁制作__________實訓項目：_網頁制作基礎教程實訓_姓名：___________班級：_11計算機應用學號：_______

指導教師：_____實訓時間：201*-201*學年第一學期第20周

網頁制作實訓總結報告

一、實訓目標1、知識目標：

⑴掌握設置站點。

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

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

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

⑻能夠使用模板制作大批風格相似的頁面。2、技能目標：

⑴對于給定的設計題目，學會如何進行分析，理清思路，并給出相應的結構模型。

⑵通過對所選課題的分析，有針對性的進行調查研究，學會收集、整理相關資料。

⑶合理運用所學過的知識及實驗中的練習，將其融入本次實訓當中，真正成為自己的東西。

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

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

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

Dreamweaver8.0、flash、photoshop等三、實訓內容

1、確定的網站內容要健康、具有時代氣息。2、網站提供的信息應與網站主題相符合。

3、頁面布局合理，網站結構應層次分明，主題鮮明，界面美觀、簡潔。4、建議采用層、表格、框架結構布局頁面，導航和超鏈接清晰。5、插入圖片、多媒體元素。6、撰寫實訓報告。

四、實訓步驟

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

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

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

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

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

如下圖：

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

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

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

五、實訓總結

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

擴展閱讀：網頁設計實訓總結

網頁設計實訓總結

通過這次實訓對這門課程的學習，做好主頁，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。所以我得出一下總結：

一、準備資料和挑選符合目的主題的合適素材

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

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

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

三、善用圖片，增強藝術效果

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

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

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

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

來源：網絡整理 免責聲明：本文僅限學習分享，如產生版權問題，請聯(lián)系我們及時刪除。

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

• 上一篇：藝術設計系201*級實習工作總結
• 下一篇：網頁制作常態(tài)化實訓總結