閱讀范文可以拓寬我們的視野，讓我們了解到各種不同的文學表達方式。接下來，我將為大家展示一些精選的范文范本，希望能夠給大家一些啟發和靈感。

網頁設計實訓報告（匯總20篇）篇一

來公司擔任網頁設計師一職快3個月了，時間雖不長，可我學到了很多東西。每個人都是在不斷的總結中成長，在不斷的審視中完善自己。在這幾個月的時間里，我也是在總結、審視中腳踏實地地完成好本職工作，總結如下：

一、思想方面：

嚴格按照一個網頁設計人員應有的素養來約束自已，愛崗敬業，具有強烈的責任感和事業心，積極主動認真的學習專業知識，工作態度端正，認真負責，聽從公司的安排，任勞任怨。

二、工作方面：

熱愛自己的本職工作，能夠正確認真的對待每一項工作，工作投入，熱心為大家服務，認真遵守勞動紀律，按時上下班，有效利用工作時間，堅守崗位，需要加班完成工作按時加班加點，保證工作能按時完成。

在技術型團隊中，技術不是萬能的，但是沒有技術是萬萬不能的。技術跟人品同等重要，技術水平是受人重視和尊重的重要砝碼。請牢記：“如果一個技術人員在一兩年內都沒有更新過自己的知識，那么，其實他已經不再屬于這個行業了。”不要告訴自己沒有時間，時間就像海綿里面的水，所以，堅持學習專業知識。20xx年的目標就是高效、完美的完成自己的本質工作。

二、工作中的不足：

雖然通過三個月的努力，技術水平有所提高，但是還是存在很多不足的地方，因為基礎打的不夠好，很多地方學習起來有些吃力，不停的問同事，也給別人帶來了不少麻煩，因為知識的不足，使得開始的學習有些混亂，感覺不知道從哪里開始學起，無從下手，浪費了不少時間！

網頁設計實訓報告（匯總20篇）篇二

網頁設計實訓報告（匯總20篇）篇三

(1)通過本次實訓要完成仙劍奇俠傳的網頁制作，包括二級頁面和三級頁面，還要應用一些網頁制作的基本技巧。

(2)掌握布局技術，模版應用，css樣式，超級鏈接，并運用fireworks做簡單的圖形編輯。

(3)通過連續時間的實際操作，鞏固對網站的創建、網頁的策劃、設計與制作的理解，加深理解網站、網頁、制作的過程，理解團隊互助共同完成項目的協作精神。

2.關鍵技術及解決途徑：

(1)有完整的策劃報告(電子版)，實際內容有改動不受影響;。

(2)有標題的網站以及有對應自己創意設計制作的logo圖象、廣告條等圖象;。

(3)至少有首頁、二級頁面、三級頁面的層結構;。

(4)有框架、有表單;。

(5)有自己創作輸入的文字內容并經過排列整理;。

(6)dreamweaver模板技術;。

(7)至少采用了樣式表技術;。

(8)采用鼠標事件等行為設置之一;。

(9)不允許出現超級鏈接錯誤!

(10)有版權聲明、網站更新日期、創意制作人員。

根據課堂所學，充分利用相關技術要點，對于不懂的地方問實訓老師。制作完成后，反復檢查，保證鏈接的正確性。

3.方案設計與實施步驟：

一、方案設計。

二、實施步驟(可以包括網站內容)。

(1)確定網站內容為仙劍奇俠傳4,并制定詳細的策劃報告。

(2)查找相關資料，制作banner，logo，和相關動畫圖片。

(3)小組分工合作，我負責首頁制作，人物介紹，友情鏈接，留言板相關內容。

(4)采用布局技術設計首頁，然后插入logo，banner美化首頁。

(5)應用模版技術制作人物介紹，介紹仙劍4中的重要出場人物，并配上相關圖片和文字，制作了網站相冊，使用了錨記。

(6)友情連接應用了框架，鏈接到百度，官網等相關網站，并用fireworks制作了相關的logo和banner。

(7)采用表單技術制作留言板。

(8)最后創建css樣式，并運用到各個連接上。

(9)個相關頁面之間進行必要的超級鏈接，友情鏈接與相關網站上鏈接。

(10)最后和另一小組成員進行作品匯總，完成相關站點的鏈接。

(11)檢查鏈接，清除多余文件和圖片。

4.自我評價。

這次實訓充分利用了課堂所學，掌握了許多關鍵技術，例如模版技術，css樣式，使得制作過程方便了很多。

在完成基本要求得基礎上，文件夾、文件命名規范;文件存放位置合理;。

制作完成之后進行過現場清理：沒有無用的文件、文件夾，沒有斷鏈(外部鏈接不算);工作量飽滿：內容較豐富、自己設計制作的素材應用多;色系、布局合理美觀、考慮用戶訪問方便;采用各種特效、并且運用合理。

不過也有些不足，比如一開始沒有把兩個人制作的文件夾分開，導致后面匯總時比較麻煩。

不過總的來說，對這次的作品相當滿意，不僅選擇了我們自己喜歡的內容，而且在我們的水平上把它做的很精美。在這個過程中我們意識到了自己在相關技術上的不足，通過學習，知道了如何改進我們的缺點，相信在以后的應用中，我們會做的更加完美!

網頁設計實訓報告（匯總20篇）篇四

實習目的：熟悉和掌握計算機網頁設計的基本技巧及網頁制作相關工具軟件等內容。培養我們利用計算機進行商務網頁設計的基本思路和應用開發能力，提高我們的計算機文化素質。

網頁是世界上最有價值的不動產之一。人們在這個不足0.1平米的空間內投資達數百萬美元。網頁對公司的影響比簡單的電子商務增收方法大得多;網頁也是公司對外的臉面。web站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他web站點的鏈接，繞過主頁而進入web的深層。

一.網站的整體規劃。

1.討論網站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個旅游網站。

2.定位網站ci形象：旅游網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。于是在網頁設計上面，根據普羅旺斯夢幻般的意境，我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊：

1]首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。

2]其次就應該考慮導航條的設置了。

3]正文的框架設置(橫向因素和縱向因素交錯)。

在瀏覽了很多精美的旅游網站之后，再結合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

4.網站的整體風格和創意：建立一個浪漫的旅行網站，走映像派路線，目的務必使瀏覽者留下映像。

二.網頁制作的前期策劃與準備。

1.資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網頁背景，fiash源代碼、小圖標和一些gif的動畫等。

2.熟悉制作工具軟件：

主頁制作的基本條件有：

硬件：

一臺電腦(64mb以上內存，當然越大越好啦);可以撥號上網;如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;軟件：

圖像處理軟件：常用的有photoshop、flash、fireworks等;。

文件上傳軟件：常用的有cuteftp、wsftp等。

三.網頁制作。

真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規格，一下子把其他內容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的flash不能產生效果。總之問題一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網頁設計一個引導頁。

然后是主頁和二級頁面的設置。要注意,網上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換，比如office97的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。

四.網頁的調試。

之前把作過的東西放到u盤里，發生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

在飛速發展的今天，互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。因此網站建設在應用上的地位顯而易見，它已成為政府、企事業單位信息化建設中的重要組成部分，從而倍受人們的重視。

計算機將具備更多的智能成分，它將具有多種感知能力、一定的思考與判斷能力及一定的自然語言能力。除了提供自然的輸入手段(如語音輸入、手寫輸入)外，讓人能產生身臨其境感覺的各種交互設備已經出現，虛擬現實技術是這一領域發展的集中體現。今天人們談到計算機必然地和網絡聯系起來，一方面孤立的未加入網絡的計算機越來越難以見到，另一方面計算機的概念也被網絡所擴展。二十世紀九十年代興起的在過去如火如荼地發展，其影響之廣、普及之快是前所未有的。從沒有一種技術能像一樣，劇烈地改變著我們的學習、生活和習慣方式。全世界幾乎所有國家都有計算機網絡直接或間接地與相連，使之成為一個全球范圍的計算機互聯網絡。人們可以通過與世界各地的其它用戶自由地進行通信，可從中獲得各種信息。人們已充分領略到網絡的魅力，大大縮小了時空界限，通過網絡人們可以共享計算機硬件資源、軟件資源和信息資源。"網絡就是計算機"的概念被事實一再證明，被世人逐步接受。

通過這兩年的學習實踐中和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通，熟練在手。所以本人結合所學專業的內容制作了個人網站，作為實習的成果。其內容是多樣化的。制作網頁用的軟件是dff軟件。d大大加速了網絡時代電子交易應用中的項目交付。它提供了網頁和表單的動態生成到企業級的解決。

方案。

如電子商店庫存管理系統和企業內部局域網的數據庫應用等功能。f是目前最流行的網頁圖象制作軟件。只要將d的默認圖象編輯器設為f那么在f中制作完成網頁圖象后將其輸出就會立即在d中更新。f還可以安裝使用所有的p濾鏡并且可以直接導入psd。

格式。

圖象。更方便的是它不僅結合了p位圖功能以及cidraw矢量圖的功能，而且提供了大量的網頁圖象模板供用戶使用。

通過這次實習，在制作時想想使自己的網頁更加豐富多彩，在網頁中插入圖象，動畫，動態特效。可是總遇到這樣那樣的問題，例如動畫到入里，開始不明白后來才知道是在d里先插個層，這樣就可以瀏覽出效果了。還有是有時上傳到網頁上的圖片不顯示，原因是它們沒有在一個文件夾內。但在同學的幫助和自己摸索的情況下完成了這個實習的成果。看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民贊嘆不已，流連忘返。以我們的經驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁而努力。

網頁設計實訓報告（匯總20篇）篇五

實習目的1、通過實習，使學生加深對所學課程內容的認識、理解、掌握，達到對所學知識、技能系統化、條理化的目的，鞏固、提高學習效果。

2、通過綜合應用實習，熟練掌握dreamwervermx8、flashmx8、fireworks8的各項操作并能夠掌握制作網頁的技能，根據所學技能學以致用，解決實際問題，提高操作應用熟練程度。

知道dreamwervermx8是及網頁制作和網站管理于一身的網頁制作軟件，它是專門為網頁設計師量身定制的可視化網頁制作軟件，利用它可以為方便、快捷地制作跨平臺話瀏覽的動感網業。

了解fireworks是處理圖片的軟件，使用它可以創建和編輯位圖、矢量圖形，還可以非常輕松的做出各種網頁設計中常見的效果，例如動畫、轉換圖像、導航條、下拉菜單等。設計完成以后，如果要在網頁設計中使用，可將它輸出為teml文件，還能輸出在photoshop、illustrator和flash等軟件中編輯的格式。

通過對flash的學習，掌握如何處理矢量圖形，制作矢量動畫，掌握如何添加音樂、時動作控制在flash內容和集成flash影片，了解actionscript腳本語言創建交換形式、在實習的過程中鞏固了對前面的知識的學習，加深對知識的了解，進一步對網頁設計的見解，也突出了個人的特點，運用所學的知識做出了讓自己滿意的作品。

四、實習內容及方法。

一、實習任務：

1、通過仔細閱讀網頁設計及網站規劃課程教材、網上資料、教參等相關內容，加深對相關概念的理解、理論的理解、掌握、運用。

2、嚴格按照實習指導書的相關要求，完成了各項綜合操作，并將相應圖像制作、動畫制作和頁面設計的作品進行了保存。3、及時積極完成各項實習報告的撰寫。

4、實習結果及實習項目嚴格按照要求及時保存、展示。

二、實習內容：

（一）、使用dreamwervermx8、flashmx8、fireworks8完成惠爾公司網站。（二）、dreamwervermx8、flashmx8、fireworks8的使用方法和制作技巧。

1、創建一個站點：

站點的名稱就是“惠兒網站”,站點創建成功命一個首頁是再下面創建了5、、、、。其示意圖如下：

2、網頁中的圖像處理：

利用photoshop、和fireworks通過處理風景圖。

在里面運用到濾鏡的工具目的是讓圖片更加的形象逼真，處理后的圖片效果如圖所示：

3、布局與表格的編排：

在網頁設計中我偏好用表單編排一般情況下我的布局是在一個大的表單里寫很多文字插入許多圖片。其版面如圖所示：

1.

二級頁面制作方法如法炮制。4、網頁的鏈接。

網站中重要的就是各個子網頁與主頁面之間的鏈接，如果沒連接好或者鏈接錯誤就會影響整個網站運行的效果。列如我要把產品列表這個二級網頁跟主網頁鏈接方法如下：

回到/點擊頁面右下方的鏈接文件夾，找到我要鏈接的二級網頁。

打開/鏈接后我的鏈接字體會變成我所設置的字體顏色，這樣表明我的鏈接成功。

預覽后在主頁面點擊“產品列表”就會顯示到我的產品列表二級頁面。

其他頁面方法同上。

產品列表：將“產品列表”同首頁進行鏈接，然后預覽成功！郵箱登陸：將“郵箱登陸”同首頁進行鏈接，然后預覽成功！

聯系我們：將“聯系我們”同首頁進行鏈接，然后預覽成功！

公司簡介：將“公司簡介”同首頁進行鏈接，然后預覽成功！

5、層與行為的應用。

“跟蹤圖像”。這個跟蹤圖像將作為“層”布局頁面的參照對象。

2)選擇“查看”----“標尺”----“顯示，打開標尺”

3)選擇“查看”----“網絡”----“顯示網絡”，4）在“網格設置”對話框中，選中“顯示網格”和“靠齊到網格”

5）為了防止層的重疊，需要打開“層”面板。選擇“窗口”，“層”，打開層面板。

1）打開flash軟件，在里面建立8個圖層。并且準備一副適合做標示的圖片。

2）在圖層1上做1幀到160幀的普通幀、在圖層2上從第十幀開始。

插入關鍵幀25幀結束，在第10幀上寫入“同”字，在25幀上寫“心”字，再回到第10幀創建補間動畫。在圖層3上創建幀從25幀到40幀結束在25幀上寫“協”字創建關鍵幀到40幀寫“力”字，再返回到25幀創建補間動畫。在圖層4上從40幀到55幀結束在40幀上寫“共”創建關鍵幀到55幀寫“創”字，在圖層7上從第十幀開始插入關鍵幀25幀結束，在第10幀上寫入“輝”字，在25幀上寫“煌”依次而下做到160幀。

3）幀做好后敲擊enter鍵就可以播放flash動畫，如果想插入網頁就。

按步驟走，文件—導出—導出影片，/最后點擊保存。

在這里我給自己的網頁設計的特效是讓一行字體在來回跑動方法如下：

1）選中你要設計特效的字體選擇工具欄上的標“簽選擇器”，“html”插入,關閉。

2）然后預覽就會出現從右到左的字幕。8、控制多個影片的播放。

制作的方法：

網頁分隔線可以說是網頁中不可缺少的元素，它主要用于分隔網頁內容也可以用于裝飾網頁。在網頁中插入一個層，然后在層中插入一個表格，設置表格的間距，然后在表格的單元格中插入圖片，設置時間軸。調出時間軸，在時間軸必要的地方添加改變屬性行為，并設置層對象的屬性添加行為和改變屬性。

五、結論。

1、收獲。

photoshop、fireworks、dreamweaver、flash的應運更加熟練.在制作網站的過程中，我們參照老師給的惠爾公司網站圖片，盡可能地想把我們自己的網站做的美觀、內容豐富。網頁制作需要有很多的色調搭配能力和很好的布局能力，再加上自己的風格創新能力，才能做出精美的網站。在這幾天的實習中，我學到無論作什么事都要有細心有耐心。尤其是在新疆停網的狀態下，搜集不到素材，所以，在網頁的制作上還是有一定的局限性。網站的布局上我也突出了自己的特點。尤其是在制作flash的時候老師給予了很大及時的幫助，讓我在制作的時候不至于給我帶來很大麻煩。同時，也希望我們能利用我們學習的知識技能更好的為學院，為同學們服務，也希望我們能夠互相學習，互相取長補短，使我們每個同學能夠更好的進步。

2、不足。

在實習中我發覺網站的制作過程中，1、自己腦袋里沒有裝東西（網站的綜合布局、網頁的構思和編排）。

甚至老師把作業布置下來自己還不知道該從那個地方著手很是茫然。

2、自己的閱歷不夠，自己的網站應該是一個怎樣的網站，里面要放。

些啥內容，該怎樣去組織這些內容，心里沒底。

3、尤其是老師在前面教過的內容自己沒有及時的練習和鞏固，以至。

片都不能做出自己想要的效果。最重要的是在制作網頁的時候，色彩搭配特別重要，而我自己對顏色的搭配不是很了解，感覺做出的東西老是顏色深的地方特別深，淡的地方特別淡，感覺不協調。

5、新疆停網的原因，使我們在素材的搜集上變得很被動，所以導致。

做出的東西很簡單，所以我覺得，知識應用的全部全還要看準備是否充分。

6、在以后的學習中我會更加認真地去學習，去掌握這些軟件的用法，便于在以后做東西的時候能更好地運用。

六、致謝。

在網頁實習結束的時候我要感謝辛勤的班主任老師，在這個學期代我們的網頁設計以外還代了很多別的課，所以很辛苦，在上課期間和實習期間同學在學習中遇到問題都耐心的為他們講解直到他們聽懂為止。正是在老師的號召下我們對網頁設計的興趣也非常的濃厚，在實習中我發現很多同學的網站做的很好很有特色，這都少不了老師的指導。在老師的帶領下我們學到很多書本上學不到的東西，相信在以后找工作中我們會多了一個籌碼。

其次，要感謝學校給我們安排了期末的課程實習，讓我們能在學期末重新溫習和總結整個一學期以來學習的知識，并且總結自己的不足，在以后的學習中能夠加以改正和補充。

最后，再次感謝學校和指導的老師！

網頁設計實訓報告（匯總20篇）篇六

這是我的第一次實訓，然而當一個大學生第一次踏足這個社會，或許會覺得彷徨，畢竟年輕的我們，有16年都是在學校中度過的，再加上不斷的聽聞實訓、招聘的社會有多殘酷有多現實，但是其實只要我們愿意踏出第一步，初生牛犢不怕虎，大膽去闖吧，還是有公司能夠包容我們。所以抱著不怕辛苦，耐心向學的心情，我還是決定闖一闖，畢竟大學這個亞社會和真實的社會真的差太多太多了，在實訓中，得到任何與自己專業相關的知識，規劃自己以后將要實現的目標，學會如何在公司里處理人事關系，協調合作等等。然而實訓后，發現自己仍在在所學的知識上欠缺完整性和技能的熟悉，實訓是一件很有意義的事，是大學生踏入社會前減少在社會上碰壁的好方法。

回顧這一個月來的實訓生活是一件很值得紀念的事，這是我第一次在外實訓，第一次在網上投簡歷能收到回復。對于我們這樣的藝術設計學生，我深刻的體會到單單是學校教的遠遠不夠，學校教的很籠統，很抽象，很大概，如果可以，我希望這個專業的師弟師妹們，有空多多到圖書館充實自己，靜下心來充分自學。在外實訓前，第一件事是把自己賣出去，包裝自己，所以簡歷很重要，務必屬實，因為你有多少兩重，閱人無數的人事主管和老板在面試的交談中很快就能從你各方面行為和語言中找到答案。既然要面試，衣服當然要穿正裝，其實我也想的只是大二實訓期沒有大三的三個月那么長，就那么一個月。這樣短期的工作其實根本沒有什么公司愿意招聘，所以我感覺到萬分榮幸能夠進到這一支專業的創業團隊，真的是一件了不起的事，而且這個崗位與我學習的和自己喜愛的科目對的很準，我自己也十分樂于這份工作。

記得剛開始的一個多星期，公司并沒有讓我馬上投入工作，因為當時對產品了解不熟悉，要從學校的圈子走出來到商業模式去還是有點顧慮，但是當你接觸到這商業化的東西，你會發現，學校的東西遠遠不足。所以一般公司會進行些培訓，很感激william楊，他提供了很多設計的書籍給我自學閱讀，可惜在我深刻讀完《瞬間之美--web界面設計如果讓用戶心動》(點擊跳到本人的讀書筆記)一書后，就再也很難抽取一點時間來閱讀了。

在接下來的這個月里，除了必要的培訓以熟悉公司及其產品知識外，我也開始忙碌起來，因為產品的第一個內部版本需要再x月x日這個好日子發布。剛開始的兩個星期，因為對產品并不熟悉，一直以來在學校設計的作品都很“學校”但是商業設計比較少，出頭設計的時候真的抓破頭腦，因為習慣了學校的生活，習慣了客戶給要求按照客戶的想法去做。至于什么叫很學校呢，就是一種填鴨式的，根據參考去模仿設計，然而在社會上涉及很多工作人員。

我很喜歡你們,喜歡這樣的工作氛圍，謝謝你們!

網頁設計實訓報告（匯總20篇）篇七

畢業后，我來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了。現將我的實習情況匯報如下：

我所在的這家公司，是一家做網上招商的商業網站，公司接收各種廠家提供的信息，然后由網絡的技術人員，將商家的信息做成網頁廣告，然后掛在我們的網站上，以此達到商業推廣的目的，類似我們公司的網站在同行業還有u88、28招商網等。

我和其它幾位同事做為網絡部的技術人員，主要的工作就是接收美工人員的網站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，（排版主要使用css+div），并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術還很不成熟，所以在技術總監張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統計工作，公司領導會根據每個人的工作數量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。

（一）初級考試

初來公司的時候，我們經過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了xx公司，因為要干的是網頁設計，所以要有一個小測驗，技術總監要求我們在網上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術總監看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。

（二）三天的培訓工作

三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網站的工作，先做一些他們平時干的活，做一些廣告網頁，這些網頁都是靜態的，沒什么難度。我后來發現，自己在這些人當中，還是較較者，心里優勢還挺好的。

（三）最后的考核

三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據你在實習期的表現決定你的去留問題，最優秀的人會轉正，得到很優厚的待遇。

考核的內容，就是在公司的商務網站上任選一個頁面，然后在規定的時間內做完，我還不錯，技術比較熟練，是第四個做完的。當我們把網頁做完后由這家公司的經理進行審核，最后的結果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。

我的實習是從大三剛開學，被一位老師推薦到一家室內設計公司實習了！真慶幸自己平時能利用課余時間學到那些設計方面的知識，和大二暑假到那家設計公司實習啊！要不是這些，我想現在就由學校安排到廠工里當普工。但自己最大的收獲是將所學的adobe軟件用于實踐，并且通過實踐檢驗了自己關于設計方面的假設和猜想，取得了一些令自己滿意的成績。

我們每天的上班時間是從早上8：30分到下午的17：00，這是我見過最有激情的一些人了，年紀輕輕，干勁十足，來了以后就工作，連平時聊天的內容也和本行業分不開，我喜歡他（她）們，回為是實習期，所以每天做的數量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網頁，我們做的網頁是比較簡單的從上到下式的網頁，通過css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求精致，我做網頁的速度慢了很多，最初每天只能做3——4個網頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網頁，然后我將要做的所有網頁，先做好排版，這時的網頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。

每天的工作都是是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個小時。

明年就要開始找工作了，這次實習，更讓我懂得了珍惜現在的生活，校園生活真的非常完美，非常令人羨慕！職場的競爭很大，“逆水行舟，不進則退”，必須時刻提醒自己，督促自己！同時也看到了許多，知道做人比做事更加重要，沒有人天生就會，沒有人天生就懂，只有不斷地努力才能成功，在這里不是每個人都有認為你是什么的，有的人就覺得你什么也不是。你只有付出好好學，做給她們看。證明自己不是虛的，證明自己有實力，名副其實！

實習期結束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業技能學習才行。所以，尊敬的老師，我會在業余時間好好學習，加強自己的專業能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學校交出一份滿意的答卷。

（4）廣告圖象攝影和廣告插畫上，通過對商品在消費使用過程中的情景做出真實的再現，以便來宣傳商品的特征，突出商品的形象；或以攝影圖形來促發消費者的購買欲望，更直觀準確地傳達產品信息。真實的反映商品的結構、造型、材料和品質。廣告的插畫有傳統的寫實描繪逐漸向夸張、理想化和多邊化的視覺表現方向發展，重意念而輕形似，從而有助于強化廣告商品對象的特征和主題。在廣告排版制作的過程中，使用卡通形象作為產品代言人不但可以以卡通形象的活潑自由，個性化的形象贏得消費者的好感，還省去了請名人做代言的龐大廣告支出和風險。

網頁設計實訓報告（匯總20篇）篇八

致力于提供基于互聯網信息發布，垂直搜索，信息集合和推薦算法的解決方案，公司合伙人有7年的相關技術積累和成功案例。

在雜亂無序的網頁中抽取特定的信息，虎之翼的抽取引擎可以高效地實現自由文本的抽取，我們有自有的數據抽取設計器，低成本地完成特定信息的抽取。

虎之翼科技網絡爬蟲不僅僅可以實現分布式部署和統一管理，還能執行js，配合我們的抽取引擎實現實時的數據抽取。

將特定的信息通過http協議層自動推送到成千上萬個ugc網站是虎之翼科技的核心技術，在電子商務領域實現商品在多個網店的自動上下架已經是互聯網發展的必然趨勢，我們的信息發布引擎已經有上萬人次的使用和上億次的產品發布。

虎之翼的核心技術團隊是國內最早從事垂直搜索引擎的團隊之一，我們有超過7年的垂直搜索引擎研發經驗。在信息抽取，信息索引，分布式管理上有成熟的解決方案。

公司開展了安全消防知識培訓，講師們以生動的方式講敘了多種情況下的火災現場及其滅火方法等，不但掌握了一些消防安全工作的基本理論知識，還給我們的生活習慣帶來了一點提醒。火災的危害，在日常工作中往往被人民忽視，總是存在僥幸心理，往往要等到發生了事故，造成了損失，才會回過頭來警醒。“隱患險于明火，防范勝于救災，責任重于泰山。”這十八個是xxx十多年前提出的，至今仍是消防工作的主旨所在。而要不使火災造成危害，做好預防工作是最重要的，“預防為主，防消結合”才是消防工作的主要方針。消除火災隱患、提高防火意識，不作口頭文章，以實際行動和措施來切實做好消防安全工作。東鵬是一個文化氛圍較濃厚的企業，員工多，廠區密集，一旦發生火災，經濟損失和名譽損失將非常的嚴重，消防工作容不得半點疏忽。通過這次培訓，我們還是發現大部分員工的防火意識比較薄弱。不論是一線工作的車間人員還是公司管理人員，都應對崗位和部門可能涉及到的消防器材和消防通道等消防相關設施有充分的了解，都應該定期接受相關專家的消防安全教育培訓，內容包括：有關消防法規、消防安全制度、保障消防安全的操作規程;各崗位的火災危險性和防火措施;各種消防設施的性能、滅火器材的使用方法;報火警、撲救初起火災和自救逃生的知識和技能等。除了定期的培訓之外，還要經常組織進行防火檢查，發現火災隱患，要記錄在案并及時研究整改。消防安全工作要做到，不為隱患留空隙。千里之堤，毀于蟻穴。火災的防范要從大處著眼，但應該從小處做起。細節不輕易引人注重，如老化的絕緣材料、放錯了位置的設備，隨手爛扔得煙頭等。但幾乎所有的重大事故都是由于起初的不注重、不小心引起的，這些輕易被忽略的細節很輕易成為小事故的放大器，使得小火釀成大禍。消防工作是一項復雜的系統工程，它廣泛涉及到社會的各個領域，與社會進步，經濟發展和人民群眾生活緊密相關，一旦發生火災，不僅造成財產的損失，而且易造成人員傷亡，影響社會的安定，因此，做好消防工作，是直接關系到國家和人民生命財產的一件大事。在以后的生活中，我們要把學到的消防知識充分運用到生活中去，更加努力的提高消防知識水平，為保證別人生命的安全運作貢獻自己一份力量。正式上市，這是我們在房地產行業的研發成果。這是房地產電子商務領域第一個綜合性的一站式營銷解決方案。

回顧這一個月來的實習生活是一件很值得紀念的事，這是我第一次在外實習，第一次在網上投簡歷能收到回復。對于我們這樣的藝術設計學生，我深刻的體會到單單是學校教的遠遠不夠，學校教的很籠統，很抽象，很大概，如果可以，我希望這個專業的師弟師妹們，有空多多到圖書館充實自己，靜下心來充分自學。在外實習前，第一件事是把自己賣出去，包裝自己，所以簡歷很重要，務必屬實，因為你有多少兩重，閱人無數的人事主管和老板在面試的交談中很快就能從你各方面行為和語言中找到答案。既然要面試，衣服當然要穿正裝，其實我也想的只是大二實習期沒有大三的三個月那么長，就那么一個月。這樣短期的工作其實根本沒有什么公司愿意招聘，所以我感覺到萬分榮幸能夠進到這一支專業的創業團隊，真的是一件了不起的事，而且這個崗位與我學習的和自己喜愛的科目對的很準，我自己也十分樂于這份工作。

記得剛開始的一個多星期，公司并沒有讓我馬上投入工作，因為當時對產品了解不熟悉，要從學校的圈子走出來到商業模式去還是有點顧慮，但是當你接觸到這商業化的東西，你會發現，學校的東西遠遠不足。所以一般公司會進行些培訓，很感激william楊，他提供了很多設計的書籍給我自學閱讀，可惜在我深刻讀完《瞬間之美--web界面設計如果讓用戶心動》(點擊跳到本人的讀書筆記)一書后，就再也很難抽取一點時間來閱讀了。

在接下來的這個月里，除了必要的培訓以熟悉公司及其產品知識外，我也開始忙碌起來，因為產品的第一個內部版本需要再8月8日這個好日子發布。剛開始的兩個星期，因為對產品并不熟悉，一直以來在學校設計的作品都很“學校”但是商業設計比較少，出頭設計的時候真的抓破頭腦，因為習慣了學校的.生活，習慣了客戶給要求按照客戶的想法去做。至于什么叫很學校呢，就是一種填鴨式的，根據參考去模仿設計，然而在社會上涉及很多工作人員。

我很喜歡你們，喜歡這樣的工作氛圍，謝謝你們。

網頁設計實訓報告（匯總20篇）篇九

基本任務與要求：

階段工作計劃：

1.選題背景（含國內外相關研究綜述及評價）與意義。

選題背景：互聯網始于1969年的美國，又稱因特網。最初用于軍事連接，之后由于計算機的增多，以及各種連接協議的規范化，互聯網逐漸發展起來，成為日常生活中人們與外界交流信息的重要工具，可以說，信息時代的基礎就是互聯網。在中國，截至20xx年12月底，中國網民數量突破5億，達到5.13億，全年新增網民5580萬。互聯網普及率較上年底提升4個百分點，達到38.3%。（數據來自國家互聯網絡信息中心），隨著網民的逐漸增加，網頁制作以及網頁設計技術的日趨完善，網頁已經被運用到人們日常生活中的方方面面，越來越多的人甚至公司開始學習制作屬于自己的個性化網頁，這成為信息時代最重要的宣傳方式。

國內外對此課題的研究著重分為兩個方面，網頁制作以及網頁設計，但是兩者同時又是密不可分的，因為，設計需要建立在目前的制作技術之上，而制作又需要遵守設計所構建的框架，兩者相輔相成，缺一不可，而國內外對此的研究通常都在兩方面有兼顧，但是大部分課題都是只對一個小問題或者一個小型框架，或者只是粗略講一下相關的技術或者技巧，對兩者同時進行一個綜合性概述的暫時還沒有。

意義：在互聯網初期，大部分網頁設計師都只知道如何去制作網站，知道如何去實現什么樣的功能，但是在這個信息化的社會，如何讓你的網頁變得更好看，更直觀明了的表達信息，如何從眾多的網頁之中脫穎而出，這就需要更強的網頁設計技術了，而新的網頁制作技術例如html5以及css3的運用也給設計師們帶來了更好的施展空間，該課題會先對網頁設計制作技術進行一個概述，讓讀者了解這些技術尤其是新技術的運用，同時課題還將運用一個知名餐飲行業的企業網站為例，講述網頁設計制作設計方法的實際運用，并指出網站設計中體現出的優缺點，最后課題里還會按照要求設計一個網站，同樣也是餐飲行業方面的網站，與知名企業的網站進行對比，加深理解網頁中設計與制作的關系。選題研究的方法與主要內容。

選題研究方法：

主要內容：論文主要分為四部分，第一部分是開題報告部分，講述選題背景以及對國內外相關研究進行一個綜述，并指出論文的研究意義；緊接著第二部分對國內外在網頁設計制作方面技術進行了一個綜合性的分析；第三部分，我將選取國內一個知名餐飲行業的網站，對其進行網頁設計制作技術方面進行分析評價，并在其中闡述自己的理論，論證優缺點；最后，我將自己設計一個有關于餐飲行業的網站，并將其與第三部分中選擇的知名餐飲行業網站進行對比，取長補短，達到實際驗證自身理論的效果。研究條件、擬解決的主要問題和預期結果。

研究條件：網頁在21世紀的應用已經十分普遍，但是大部分研究都是只針對某一小部分，并且大部分研究都是對設計和制作沒有一個系統的概念，缺乏對這一方面的一個綜合性概述，所以這次課題研究具有以下幾個條件：

1、具有研究性：該研究區域尚未被大量探索過。

擬解決的主要問題：

2.對網頁設計制作技術的理解、實際應用及論證。

3.自主設計一個網站，避免出現知名餐飲行業中的缺點設計。

預期結果：

中期：選取一個有代表性的知名餐飲網站，對其進行網頁設計以及網頁制作方面的評價，指出設計中的優點和缺點，并進行詳細分析，針對缺點設計提出自己的想法，并做出實際設計，從而驗證自己的理論，或者舉出實例進行對比論證。

后期：自行設計餐飲網站進行對比分析，建立自己的設計理論，并與中期的評價進行對應驗證，在實踐得到大量的經驗，從而對整篇課題進行一個重新檢驗，最后反復檢查論文，完成論文。

網頁設計實訓報告（匯總20篇）篇十

不知不覺，我已經學習《網頁設計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統的學會了頁設計與制作的基礎知識，還讓我學會了自己動手去制作屬于自己的網頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現自己。

建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。首先，我們要確立網站主題。網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于像我這樣的.個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

然后，我們要找材料。明確了網站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網頁的素材。

找到材料后，我們還要規劃網站。一個網站設計得成功與否，很大程度上決定于設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。

做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多，首先就是網頁制作工具了，在這里，我們一般都是用有“網絡三劍客”之稱的dreamweaver、fireworks、flash來制作網頁，對于圖片部分的處理，個人覺得photoshop比較好用。

最后，我們就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時好修改。在制作網頁時要多靈活運用模板，這樣可以大大提高制作效率。 網頁做好之后，就要發布到web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。

以上就是我對于網頁制作的一些個人心得，由于本人的技術還不是很成熟，還存在很多的不足（如：背景過于單調和網頁布置不合理）。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續頁設計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關網頁的知識，謝謝！

網頁設計實訓報告（匯總20篇）篇十一

為期四個星期的實訓就這樣結束了。這學期的實訓是我在南工院的最后一次實訓，所以我很重視，也很認真。當然，在本次實訓中我也學會了許多編程方面的知識，這些知識的積累是非常重要的。

本次實訓的主要目的是讓我們來做一個網上商城，通過了解asp的框架以及結構，熟悉應用程序的運行環境及開發平臺和其內置對象的屬性以及其方法，以及其界面的設計代碼讓整個系統能正常的運行，通過寫每個頁面的功能實現代碼，讓我們鞏固了之前學的知識，又有進一步的加深對語言學習的印象，最終能夠實現網上購物的一系列流程。我們小組主要應用設計一個網上圖書商城，完成對數據庫的基本操作。根據所安排的課題項目，設計出一個結構基本完整，具備一定應用功能的網上圖書商城。要求具有一定的內容，程序界面使用的web控件，可以完成會員的圖書瀏覽、數據檢索、登陸、注冊、購書、修改會員的各種信息等。

我本人主要負責網上書城首頁、詳細頁面的設計。其中首頁實現的功能主要有：圖書的展示、新書上架、圖書搜索、會員登陸、圖書詳細情況的調用。另外，我還設計制作了數據庫中的圖書信息表。其中首頁的搭建過程還是比較繁瑣的，需要考慮的內容太多，而且還要做得美觀簡潔，工作量是蠻大的。經過此次實訓，使我比較全面、系統的了解和熟悉asp的各種工具的使用，各種不同的`效果的做法，為我們以后的學習和工作打下了堅實的基礎。以前沒有學懂的一些東西，在這個實習過程中我基本把它們弄懂了，可以說這是對我所學知識的復習和深化。對于難點的克服，我除了請教老師、詢問同學外，課后也找了一些相關書籍看了看，在實訓的過程中真的學了很多知識，受益匪淺。

其實，實訓不僅僅是為了讓同學們完成任務而展開的學習計劃，更是要培養學生的學習能力和精神。我也深刻認識到：在學習過程中密切聯系生活和工程實際，激發學習的求知欲，培養我們的科學精神和創新精神;培養學習對待工作和學習要耐心、細心和一絲不茍、精益求精的職業習慣等精神和素養是十分重要的。

實訓結束了，很感謝田曉敏和楊正翔兩位老師一個月來對我的悉心指導，感謝小組同學的互相鼓勵與支持，也感謝班級其他同學對我的幫助。如果沒有每一個人的辛苦努力與付出，我不可能完成自己的任務，也不可能取得如此好的成績，在此，我對所有付出過努力的老師、同學道一聲誠摯的謝意：謝謝你們!

天高任鳥飛，海闊憑魚躍。人生的道路上還有很多考驗等待著我們，我們要勇敢的向前大步邁進。

加油吧，為我們的理想!

網頁設計實訓報告（匯總20篇）篇十二

科學是發展生產力的根本前提，當今的社會是互聯網蓬勃發展的世界，每當我們上網的時候，那一個個精美別致的網頁給人是多么流暢順利的感覺，無論是尋找資料還是網上商城購物，都給我們帶來了方便快捷的好處，我想，科學技術的發展，離不開互聯網的發展，而互聯網的發展也離不開網頁制作的發展，而只有把兩者結合起來才是正確的。

首先，了解網頁并不是單純的認為他僅僅只是為人們服務的，而它的存在也是給我們帶來了利益和好處。當然，了解網頁首先也從幾個軟件開始：

1、dreamweaver mx (或dreamweaver 8)。

2、flash mx (或flash 8)

3、fireworks 8

而網頁制作就是開始從這些軟件開始著手的，今天，我終于可以學習網頁制作了，我們在杜奕老師的教導下，各位同學們也都在聆聽老師的講解和指導我們運用以上這些軟件的功能和網頁的剖析。所謂網頁，就是指一個可以瀏覽內容并且可以使用ie瀏覽器打開的內容稱之為網頁。

在剛開始接觸網頁的第一堂課上，聽說網頁制作會是一門很無聊并且很難聽懂的過程，而事實卻印證了這樣一個事實，但是只要我們努力，無論是怎樣的艱難險阻，成功依然會迎面直擊。在剛開始時我覺得dreamweaver mx很難理解，不管老師做怎樣的'解釋，而我卻對它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作css樣式表等，這些內容迷糊了我的視線，真是沒想到制作一個精巧別致的網頁是如此的困難，可是心有不甘，每天上網看著那樣多的網頁，于是我才下定決心選擇了網頁制作這一門課程，目的就是希望以后能夠做出一個完美的網頁來。

“路漫漫其修遠兮，吾將上下而求索”學習的道路是艱苦漫長的，更何況這是關于一個科學技術的一個代名詞，隨后，課堂的氣氛慢慢的好轉，耐心的老師和專心的學生在課堂上都盡情的發揮各自的才能，老師也為了能教好每一位學生，而學生也不辜負老師的使命，就這樣，網頁制作這一門課程進行的很順利，學習了dreamweaver mx對它如何徹底的剖析和分解，我們終于認清了它的原理，摸清了應該怎樣去完全的使用它，而我們在老師的指導和訓練的結果下，終于開始做屬于自己的網頁了。

慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務卻是需要我們每人至少做出三個網頁來，且內存不能超過3m，剛開始我以為我會對著感到很是吃力，不知道該如何是好，畢竟網頁才是剛剛起步，根基不穩，怎么能夠做出這樣的網頁呢?而我對dreamweaver mx它也不是很熟悉，心里真是很擔憂。

在這最后的時間里，我仔細掂量了一番，網頁制作給我的結論是：要想制作一個能夠像網上的那樣，還得需要經過長時間的刻苦努力和不斷地檢驗及實踐，否則，如果只靠老師在課堂上講的那些知識是遠遠不夠的。畢竟網頁是一個技術性的知識，不像文學那樣的純理論知識。通過這個課程的學習，我從中得到了一些對網頁知識如功能、概念的理解，原來要做出一個簡單可行的網頁并不是一件害怕的事情，而是一件努力和嘗試的事情。

網頁設計實訓報告（匯總20篇）篇十三

1．結合畢業論文（設計）課題情況，根據所查閱的文獻資料，撰寫3000字左右的文獻綜述(包括目前同類課題在國內外的研究狀況、發展趨勢以及對本人研究課題的啟發)：

一、課題背景。

計算機與網絡技術的飛速發展，已經逐步改變了面對面獲取知識的傳統教學方式。基于internet的網絡學習模式，具有交互性好，教學過程可以不受地域、時間限制，而且可以使得教學資源能在最大范圍內實現共享。并且使傳統的以教師為中心的課堂模式轉化為以學生為中心、學生可以自由選擇學習內容的新模式，具有知識信息量大、教學方式生動活潑、聲像輝映、圖文并茂等特點，因此受到了教育界的普遍認可和歡迎。國內外高校利用互聯網開展網上學習呈現出快速發展的態勢，開發了一大批具有較高的水平的網絡教學課程。隨著經濟全球化的發展，英語的應用越來越廣泛，學習英語的重要性更是重中之重。

二、國內外研究現狀及發展趨勢。

在國內，網絡教育還停留在基礎的應用階段，還在摸索中前進，幾乎沒有把英語學習和網絡很好的相結合。在學校里看到最多的是基于小型局域網的多媒體英語學習教室，使用時也多是放錄音，學生與老師之間幾乎沒有互動環節。而具有互動環節的在線英語自學系統，由于國內對網絡教學還比較保守，因此現還處于剛起步階段。在國外，網絡教育和各方面的教學的發展已經進入深入階段。學校把課程和計算機網絡相結合，充分發揮了網絡教學的互動優勢，使學生在快樂中學習。據統計，國外已經有55%的在校學生人手一臺電腦，遠程教育的參加人數正在以89%的增長速率遞增。

在調研中,我們了解到“網絡環境下大學英語的教學改革”正處在國家推進、重點突破、全面展開的進程之中,并取得了積極的成效。大部分試點院校經過兩年多的教改實驗論證,效果較好,規模進一步擴大。如北京大學、清華大學、北京理工大學、北京交通大學、北京林業大學、北京化工大學、武漢大學、西南大學、大連民族學院、大連理工大學等部分試點高校在05級新生中已經全面實現網絡環境下大學英語教學模式。西北工業大學、北華大學、山東大學、東北大學、南開大學、解放軍信息工程大學、首都經濟貿易大學等高校都于05年在新生中進一步擴大規模。20xx年,有更多的試點院校將在06級新生中全面推行網絡環境下大學英語教學模式。相信在未來，網上學習英語的模式將得到更好的重視與發展。

雖然在線學習已經蓬勃地發展起來，但是在線學習的普及率還并不高。目前已開發出來的系統基本具備一個自學系統所需的基礎功能，比如可以根據自己的需要選擇課程學習等。但是在知識庫設計這一模塊還存在一些問題，如設計不全面，管理紊亂，知識的匱乏，因此在線學習系統的應用并不廣泛。另外，對于我國來說，在線學習主要出現在高等教育以及一些特定的領域，具有相當大的局限性，這對于許多求學者來說是遠遠不能滿足其需求的。在國外，隨著技術的飛速發展，不僅高等教育、很多社會其他部門都已經開設了在線自學，通過計算機實現異地自學和自檢。現在，計算機硬件技術的發展已經達到了相當高的水平。但是，教學軟件尤其是知識庫的設計、開發還處于起步階段，隨著這項技術的不斷深入發展，就要求有更好、更完善的軟件系統應用到教學當中去，這就給設計人員提出了更高的設計要求。

網絡必須走綜合化發展之路，實現與其他課程的整合，而不能再按照學習一門學科的老辦法去講、去學、去考。在網絡環境下的英語學習讓學習者自己動腦筋去尋找問題、發現問題，幫助他們如何利用網絡資源為英語學習服務。教師和學生之間可以通過網上討論、電子信箱等進行探討性的學習，讓老師快速、準確地了解學生的學習情況，幫助學生提高學習效率。

三、課題研究意義及啟發。

隨著我國對外開放的不斷擴大化,科學技術的不斷進步,國際地位的不斷提高,迫切需要造就一大批精通外語的專門人才,以加速我國“四化”進程，使我國在國際事務中發揮更大更積極的作用。英語的使用范圍非常廣泛。世界上70%以上的郵件是用英文寫或用英文寫地址的。全世界科技出版物70%以上用英語發表。全世界的廣播節目中，有60%是用英語進行的。絕大部分的國際會議是以英語為第一通用語言它也是聯合國的正式工作語言之一。總之，在國際政治、軍事、經濟、科技、文化、貿易、交通運輸等領域，英語是一個重要的交際工具。對具備一定外語知識的綜合型人才的需求也隨之大幅增加。而隨著網絡技術的迅猛發展，人們的生活越來越依賴于網絡的發展。通過網絡學習英語的要求也相應提高。因此，學好英語對實現上述目標具有重要的現實意義和深遠的歷史意義。

信息社會的最明顯的標志是信息采集的全面與快捷。要善于在教學中整合網絡資源，充分利用網絡資源優勢。學習網站可以為學生創造盡可能多的接觸現實的機會，提供更多的直觀生動的感性材料，擴大學生的知識面，增加詞匯量，減少學生因缺乏相關知識而造成的學習困難，增強學生對英語的敏感性，拓寬學生思路、開闊視野，促使學生用英語思維，強化記憶，提高學習效率，讓學生在聽說讀寫譯能力等方面都獲得提高。網絡教學為我們提供了克服傳統教學弊端的全新的教學方式，使抽象的、枯燥的學習內容轉化成形象的、有趣的、可視的、可聽的動感內容，網絡教學已成為英語教學的發展趨勢。

網頁設計實訓報告（匯總20篇）篇十四

在經濟迅速發展的今天，internet顯得更為重要它是人們發布信息與傳遞信息的重要渠道，為了與社會發展同步，為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持一周的網頁制作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談談我在本次專用周的主要感受。

1。討論網站的主題。

網站整體規劃是做網頁的第一步也是制作網頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心，無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。

2。定位網站的ci形象。

“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是yifini易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的ci形象。

3。確定欄目和板塊。

于時間的關系在本次我準備做四張網頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

4。網站的整體風格和創意。

整個網站的創意就在于顏色的.搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上，yieini易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

1。資料的搜集。

在做網頁我上網收集了許多方面的資料主要是有關網站的布局與服飾品牌方面的資料，我首先進它的企業網站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態圖片的搜集，動態圖片其gif格式的還是好保存，但是要搜集flash動態圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發現了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。

2。熟悉制作軟件。

做網頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

1。構建站點框架。

在我打開dremweaver后第一步便是新建站點，我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網頁制作時可以方便的使用。

2。設計主頁及二級頁面。

在主頁我設首頁制作時，時刻考慮著網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個網頁有動有靜，色彩呼應，搭配協調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。

而且制作過程中，不忘以下原則：

簡潔實用：這是非常重要的，網絡特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，布局符合形式美的要求：布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

交互式強：發揮網絡的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄，便于瀏覽和跳轉。3個二級網頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

3。實現網頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流信息”它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。

4。向靜太網頁插入動態效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態圖片。

在做完網站才發現，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網上下載的網頁全都是一個網頁對應一個文件夾。制作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對于動態flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。

這只是在制作過程中出現一些問題，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的靜態的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民贊嘆不已，流連忘返。從我做的網頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

將本文的word文檔下載到電腦，方便收藏和打印。

網頁設計實訓報告（匯總20篇）篇十五

現在網站制作越來越智能化，簡單化，很多網站的建站工作基本上只要想好域名就可以了，其他的事情基本上都能自動化完成。

比如網站的內容更新操作，現在許多的cms系統都有采集插件，metinfo也不例外，只要設定好一些規則，每天都不用自己管理內容的更新，網站便會自動采集內容更新，相比起人工更新來說更加準時與定量，也能喂好搜索引擎的蜘蛛。當然如果你是做自己獨有的產品優勢，可能這種辦法就不太適用你了。

比起手工建站的方式，現在的cms建站，完全不用靠自己聘請專門的程序維護員，來維護網站的穩定性，如同現在的云服務器一樣，只要把服務器交給其他人管理就行，而且相比起來，他們更加專業，也更加實惠。

在營銷方面，許多建站系統都考慮的比較周全，seo都只是最基本的及格建站系統，很多都搭配了三站合一甚至是四站合一，多樣的營銷方式，完全不用像以前一樣帶著文案自己談客戶，一手掌握互聯網所有客戶，只要你的營銷手段高明，基本上不用愁網站的流量。

建站方面，需要注意的就是選擇一個好的建站系統，完全可以在網站建設這條路上少奮斗幾年。

同樣的，隨著建站的門檻越來越低，建站的人也越來越多，許多傳統行業也融入了進來，與大市場伴隨而來的是競爭激烈程度越來越大，想要在網絡這個大市場贏得成功，就必須要時刻保持對市場敏銳的嗅覺力。

網頁設計實訓報告（匯總20篇）篇十六

姓名:班級:。

實踐內容:與多人合作共建一個應用性網站。

實踐地點:湖北大學冰點工作室。

實踐日期:7.15-8.15

簡介:。

籌劃期：

建設期：

1、設計的要求：

2、技術運用中要注意的一些事項：

第一、明確技術是為設計服務的，不要沉迷于技術的運用，堅決摒棄那些華而不實的特效；

第三、不要打開過多的新窗口，每個鏈接都會打開不同的新窗口尤其讓人反感；

至于后期的維護和網站的宣傳,那就要考慮到網站投入的費用了!

更多閱讀推薦：程序設計實踐報告數據庫實踐報告書廣告設計實踐報告。

網頁設計實訓報告（匯總20篇）篇十七

利用假期和休息時間，初步學習了有關html+css的知識，感觸頗多。做網站原來一直處于一種茫然的狀態，邊學邊做，邊實踐邊維護，每每遇到問題了，便會花費很大的精力去解決，在解決問題的過程中也慢慢提高，但工作有時相當的吃力。通過一段時間詳細的接觸到html+css，從基礎知識補起，利用空閑時間看書及有關div+css“布局入門教程”，它通過舉一個例子，然后讓你上機測試效果，讓我有對樣式表css有一個初步的印象，知道了css能做什么。我覺得這份教程很有條理，由淺入深，一步一步引領你向前走，讓你明白他們在說什么。

在些之前，我是從未接觸過div+css的，甚至連dreamwear、photoshop的工具也都是皮毛。我的學習思路是這樣的：

一、先寫html還是先寫css？

對于一個新手而言，在有了一點html知識之后，對于css、div都感覺特別的疑惑，不知道這其中到底是什么聯系？為什么用了css的網頁不能像其它代碼一樣直觀？html和css哪個先寫？其實這些問題在我看完教程，但還沒真正上手實踐時的疑惑！等真正上手自己做時，我才發現應該兩者同時寫！

二、把站點建好，目錄建好，比如建好文件夾css,images,這兩個是最其本的，空文件，空樣式表，這個文件上，鏈接寫在中。

三、寫html中的.最基本的布局部分，都是用div，然后直接在div里加入id或class，這些布局部分包括外套部分，頭部分，中間部分，左，中，右，版權部分等。

四、到樣式表中寫各個布局層的樣式。

五、寫一段代碼后就進行瀏覽器的測試，同時用ie6與ff一起測試。在瀏覽器中調試，調試時發現許多之前沒有預料的問題，如瀏覽器的兼容問題、浮動的問題等。

六、不斷的找出問題、理解怎么出錯的，不斷的再測試！

這樣的學習和研究過程，讓我體驗到了許多次的付出與回報的樂趣，如：

第一：閱讀一本書，一般來說我第一次要先把整個書通讀一遍，不理解的也要往下看，因為在往下看的過程中也許會找到那個問題的答案，等看完后我會有一個大概的印象，但一定會有很多不明白的地方，沒關系，繼續往下看。

第二：就要邊看邊做學習筆記了，我有隨時寫筆記的習慣，電子稿或手寫稿均可。把自己認為是重點的部分寫上，便于以后查閱；再者，把覺得有疑問的部分記下，帶著疑問看下去，如果沒有答案，上網查詢或是問前輩，解疑是提高知識最快的一種方式。

第三：心態很重要，一定得靜下心看書，能不越過的看就不越過，要樹立信心，堅持再堅持下去。系統的將教程學完，一遍不行兩遍，持之以恒。

第四：當你到達終點時你回發現一切都是順理成章的事。因為你努力了，努力了就會有回報，有結果。

學習永遠沒有終點，隨著學習，知識不斷提高，所接觸的技術領域也隨之擴大。堅持看書，堅持以任何一種方式學習，都將受益無窮，也都是一件十分快樂的`事情。

網頁設計實訓報告（匯總20篇）篇十八

實訓的五天中，我的心情就好像這五天的天氣變化，有晴有陰，只是差了點眼淚。但這并沒有使我放棄，我不想落后，也不想拖小組的后腿，我告訴自己只有努力做好一切才是我的選擇。一次次的失敗，一次次的嘗試，做好的那一刻，激動、高興。我不是天才，有些知識不會。查書，問同學，找代碼等等，時間飛速的流逝著，有些學會了，但仍然有不會的。

我們的小組從開始就產生了分歧，網站主題不一致。直到制作網站的第三天，我們才達成共識，兩方各退一步。還好，大家做出來的效果差不多，接下來的幾天大家一起努力制作網頁。遇到問題了，互相討論，找出解決的方法，解決不了的就找人問。

在規劃網站結構前，我們在互聯網上大量的尋找網站布局規劃，“不行”、“不行”、“與主題不搭”等一遍遍否定的話不斷說出，終于確定了。我們做旅游的，以春夏秋冬四季分作，色調意思及顏色搭配。制作的'過程中，我們改變了初衷，不知道是好，還是壞，決定做春夏冬三季及另外涉及天下旅游方面的主網頁。

選取素材，一個個的挑，看的越多也變得越難選，好多與自己想要的想差太遠，找的眼都花了，還是得找。磨練又一次的來了，堅持吧，努力吧，找完就好了。

制作網頁，一遍遍的改。不對、不對，顏色不搭，不能突出主題，瀏覽出來的結構不搭，改吧。累啊，煩呢，還是得繼續做。做網站是即使出現再多的錯誤，也要堅持做，耐心點，做好做完就好了，就輕松了。

我們經常在嘴邊掛著要有“團隊合作理念”，但行動起來時，有些人還是會忘記，也許是固執，也許是其他原因。遇到這種情況時，要有人站出來調節，盡快解決矛盾，否者會影響整體的工作進程，彼此不高興。制作網頁不協調，影響質量。

我們這次實訓的目的及要求是：以小組為單位，合作完成從確定網站主題、規劃網站結構、選取網頁素材、到制作網頁內容等步驟，從而掌握網站建設的全流程。同時，培養團隊協作精神，提高綜合運用所學分析、解決實際問題的能力，實現由理論知識向操作技能的轉化。

網頁設計實訓報告（匯總20篇）篇十九

網頁設計中包含著主觀和客觀兩方面的因素，在確立了網頁主題之后，首先要明確和熟悉設計的對象和構成的要素。網頁設計涉及的具體內容很多，可以概括為視聽元素和版式設計兩個方面。

1、視聽元素。

這里所說的視聽元素，主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫，還是音頻、視頻，網頁設計者所要考慮的是如何以感研究的形式把它們放進頁面這個“大畫布”里。多媒體技術的運用大大豐富了網頁設計的表現力。

以上各視聽元素大多數瀏覽器本身都可以顯示或收聽，無需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動畫。還有些多媒體文件(如mp3音樂)需要先下載到本地由?上，然后啟動相應的外部程序來播放。另外，在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后，提供了基于ole的activex技術，用來在網頁中播放多媒體。目前activex已經成為熱門技術。另一種播放多媒體的技術是javaapplet。它是用java語言編寫的應用于網頁之中的小應用程序，相比于插件和activex，javaapplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發展前景。總之，技術的不斷發展使多媒體元素在網頁設計中的綜合運用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現，也對網頁的藝術設計提出了更高的要求。

2、版式設計。

網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化的表現出來，是一種具有個研究風格和藝術特色的視聽傳達方式。它在傳達信息的同時，也產生感官上的美感和精神上的享受。

但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規格尺寸，網頁則不然，它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且，網頁的組織結構不像印刷品那樣為線性組合，這給網頁的版式設計帶來了一定的難度。

網頁作為傳播信息的一種載體，同其他出版物如報紙、雜志等在設計上有許多共同之處，也要遵循一些設計的基本原則。但是，由于表現形式、運行方式和社會功能的不同，網頁設計又有其自身的特殊規律。網頁的藝術設計，是技術與藝術的結合，內容與形式的統一。它要求設計者必須掌握以下三個主要原則:。

1、主題鮮明。

視覺設計表達的是一定的意圖和要求，有明確的主題，并按照視覺心理規律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當的環境里被研究們即時地理解和接受，以滿足研究們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題。

根據認知心理學的理論，大多數研究在短期記憶中只能同時把握4到7條分立的信息，而對多于7條的分立信息或者不分立的信息容易產生記憶上的模糊或遺忘，概括起來就是:較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規律蘊含在研究們尋找信息和使用信息的實踐活動中，它要求視覺設計者的網頁設計必須自覺地掌握和遵從。

作為視覺設計范疇一種的網頁設計，其最終目的是達到最佳的主題訴求效果。這種效果的取得，一方面通過對網頁主題思想運用邏輯規律進行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收;另一方面通過對網頁構成元素運用藝術的形式美法則進行條理性處理，更好地營造符合設計目的的視覺環境，突出主題，增強瀏覽者對網頁的注意力，增進對網頁內容的理解。只有兩個方面有機地統一，生能實現最佳的主題訴求效果。

優秀的網頁設計必然服務于網站的主題，就是說，什么樣的網站，應該有什么樣的設計。例如，設計類的個研究站點與商業站點性質不同，目的也不同，所以評論的標準也不同。網頁設計與網站主題的關系應該是這樣:首先，設計是為主題服務的;其次，設計是藝術和技術結合的產物，就是說，即要“美”，又要實現“功能”;最后，“美”和“功能”都是為了更好地表達主題。當然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，雅虎作為一個搜索引擎，首先要實現“搜索”的“功能”。它的主題即是它的“功能”。而一個個研究網站，可以只體現作者的設計思想，或者僅僅以設計出“美”的網頁為目的。它的主題只有一個，就是——美。

只注重主題思想的條理性而忽視網頁構成元素空間關系的形式美組合，或者只重視網頁形式上的條理而淡化主題思想的邏輯，都將削弱網頁主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現平庸的網頁設計或使網頁設計以失敗而告終。

要使網頁從形式上獲得良好的誘導力，鮮明地突出訴求主題，具體可以通過對網頁的空間層次、主從關系、視覺秩序及彼此間的邏輯性的把握運用來達到。

2、形式與內容統一。

任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和，形式就是它的結構、風格或設計語言等表現方式。內容決定形式，形式反作用于內容。一個優秀的設計必定是形式對內容的完美表現。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物，再現現實，而在于使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味，使物質經由象征變成相似于精神生活的有關環境。”(黑格爾美學第三卷)。

一方面，網頁設計所追求的形式美，必須適合主題的需要，這是網頁設計的前提。只講花哨的表現形式以及過于強調“獨特的設計風格”而脫離內容，或者只求內容而缺乏藝術的表現，網頁設計都會變的空洞而無力。設計者只有將二者有機地統一起來，深入領會主題的精髓，再融合自己的思想感情，找到一個完美的表現形式，生能體現出網頁設計獨具的分量和特有的價值。另一方面，要確保網頁上的每一個元素都有存在的必要性，不要為了炫耀而使用冗余的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現全面的功能并體現美感生能實現形式與內容的統一。

據有關資料所做的保守估計，目前在上網頁數據傳輸平均以每秒1、5k的速度到達客戶端。假設某個網頁為了豐富其藝術性而追趕時髦地大量使用圖像或其它多媒體元素等，雖然達到了其靜態形式美的效果，卻造成多達幾十k甚至更大的網頁數據，使瀏覽者必須等待很長時間生能看到“廬山真面目”，這樣的網頁就不是一個優秀的網頁，因為它不符合網頁傳播信息的突出特性之一——快捷性，使網頁內容不能很快地到達訪問者，影響了訪問效果和質量，損害了訪問者的情趣和積極性，這種技術要素影響了傳達信息的效果，因而不是形式與內容的完美統一。

網頁具有多屏、分頁、嵌套等特性，設計者可以對其進行形式上的適當變化以達到多變性處理效果，豐富整個網頁的形式美。這就要求設計者在注意單個頁面形式與內容統一的同時，更不能忽視同一主題下多個分頁面組成的整體網頁的形式與整體內容的統一。

因此，在網頁設計中必須注意形式與內容的高度統一。

3、強調整體。

網頁的整體性包括內容和形式上的整體性，這里主要討論設計形式上的整體性。

網頁是傳播信息的載體，它要表達的是一定的內容、主題和意念，在適當的時間和空間環境里為研究們所理解和接受，它以滿足研究們的實用和需求為目標。設計時強調其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，并給研究一種內部有機聯系、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。

網頁的結構形式是由各種視聽要素組成的。在設計網頁時，強調頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征，是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上，將頁面中各視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運用“散”的結構，也是經過深思熟慮之后的決定;一個站點通常只使用兩到三種標準色，并注意色彩搭配的和諧;對于分屏的長頁面，不可設計完第一屏再考慮下一屏。同樣，整個網頁內部的頁面，都應統一規劃，統一風格，讓瀏覽者體會到設計者完整的設計思想。

從某種意義上講，強調網頁結構形式的視覺整體性必然會犧牲靈活的多變性，“物極必反”就是這個道理。因此，在強調網頁整體性設計的同時必須注意:過于強調整體性可能會使網頁呆板、沉悶，以致影響訪問者的情趣和繼續瀏覽的欲望。“整體”是“多變”基礎上的整體。

1、交互性與持續性。

網頁不同于傳統媒體之處，就在于信息的動態更新和即時交互性。即時的交互性是web成為熱點的主要原因，也是網頁設計時必須考慮的問題。傳統媒體(如廣播、電視節目、報刊雜志等)都以線性方式提供信息，即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在web環境下，研究們不再是一個傳統媒體方式的被動接受者，而是以一個主動參與者的身份加入到信息的加工處理和發布之中。這種持續的交互，使網頁設計不像印刷品設計那樣，發表之后就意味著設計的結束。網頁設計研究員必須根據網站各個階段的經營目標，配合網站不同時期的經營策略，以及用戶的反饋信息，經常地對網頁進行調整和修改。例如，為了保持瀏覽者對網站的新鮮感，很多大型網站總是定期或不定期的進行改版，這就需要設計者在保持網站視覺形象一貫性的基礎上，不斷創作出新的網頁設計作品。

2、多維性。

多維性源于超級鏈接，主要體現在網頁設計中對導航的設計上。由于超級鏈接的出現，網頁的組織結構更加豐富，瀏覽者可以在各種主題之間自由跳轉，從而打破了以前研究們接收信息的線性方式。例如，可將頁面的組織結構分為序列結構、層次結構、網狀結構、復合結構等。但頁面之間的關系過于復雜，不僅使瀏覽者檢索和查找信息增加了難度，也給設計者帶來了更大的困難。為了讓瀏覽者在網頁上迅速找到所需的信息，設計者必須考慮快捷而完善的導航設計。

3、多種媒體的綜合性。

目前網頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，隨著網絡帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣，必將促使設計者綜合運用多種媒體元素來設計網頁，以滿足和豐富瀏覽者對網絡信息傳輸質量提出的更高要求。目前國內網頁已經出現了模擬三維的操作界面，在數據壓縮技術的改進和流(stream)技術的推動下，inter網上出現實時的音頻和視頻服務，典型的有在線音樂、在線廣播、網上電影、網上直播等。因此，多種媒體的綜合運用是網頁設計的特點之一，是未來的發展方向。

4、版式的不可控性。

網頁版式設計與傳統印刷版式設計有著極大的差異:。

(2)網絡正處于不斷發展之中，不象印刷那樣基本具備了成熟的印刷標準;。

(3)網頁設計過程中有關web的每一件事都可能隨時發生變化。

這一切說明，網絡應用尚處在發展之中，關于網絡應用也很難在各個方面都制訂出統一的標準，這必然導致網頁版式設計的不可控制性。其具體表現為:。

(1)網頁頁面會根據當前瀏覽器窗口大小自動格式化輸出;。

(2)網頁的瀏覽者可以控制網頁頁面在瀏覽器中的顯示方式;。

(3)不同種類、版本的瀏覽器觀察同一個網頁頁面，效果會有所不同;。

(4)用戶的瀏覽器工作環境不同，顯示效果也會有所不同。

把所有這些問題歸結為一點，即網頁設計者無法控制頁面在用戶端的最終顯示效果，但這也正是網頁設計的吸引研究之處。

5、技術與藝術結合的緊密性。

設計是主觀和客觀共同作用的結果，是在自由和不自由之間進行的，設計者不能超越自身已有經驗和所處環境提供的客觀條件限制，優秀設計者正是在掌握客觀規律基礎上得到了完全的自由，一種想象和創造的自由。網絡技術主要表現為客觀因素，藝術創意主要表現為主觀因素，網頁設計者應該積極主動地掌握現有的各種網絡技術規律，注重技術和藝術緊密結合，這樣生能窮盡技術之長，實現藝術想象，滿足瀏覽者對網頁信息的高質量需求。

例如，瀏覽者欣賞一段音樂或電影，以前必須先將這段音樂或電影下載回本地機器，然后使用相應的程序來播放，由于音頻或視頻文件都比較大，需要較長的下載時間。流(stream)技術出現以后，網頁設計者充分、巧妙地應用此技術，讓瀏覽者在下載過程中就可以欣賞這段音樂或電影，實現了實時的網上視頻直播服務和在線欣賞音樂服務，無疑增強了頁面傳播信息的表現力和感染力。

網絡技術與藝術創意的緊密結合，使網頁的藝術設計由平面設計擴展到立體設計，由純粹的`視覺藝術擴展到空間聽覺藝術，網頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術發展促進了技術與藝術的緊密結合，把瀏覽者帶入一個真正現實中的虛擬世界。

技術與藝術的緊密結合在網頁設計中體現得尤為突出。

網頁設計實訓報告（匯總20篇）篇二十

1．結合畢業論文（設計）課題情況，根據所查閱的文獻資料，撰寫3000字左右的文獻綜述(包括目前同類課題在國內外的研究狀況、發展趨勢以及對本人研究課題的啟發)：

計算機與網絡技術的飛速發展，已經逐步改變了面對面獲取知識的傳統教學方式。基于internet的網絡學習模式，具有交互性好，教學過程可以不受地域、時間限制，而且可以使得教學資源能在最大范圍內實現共享。并且使傳統的以教師為中心的課堂模式轉化為以學生為中心、學生可以自由選擇學習內容的新模式，具有知識信息量大、教學方式生動活潑、聲像輝映、圖文并茂等特點，因此受到了教育界的普遍認可和歡迎。國內外高校利用互聯網開展網上學習呈現出快速發展的態勢，開發了一大批具有較高的水平的網絡教學課程。隨著經濟全球化的發展，英語的應用越來越廣泛，學習英語的重要性更是重中之重。

在國內，網絡教育還停留在基礎的應用階段，還在摸索中前進，幾乎沒有把英語學習和網絡很好的相結合。在學校里看到最多的是基于小型局域網的多媒體英語學習教室，使用時也多是放錄音，學生與老師之間幾乎沒有互動環節。而具有互動環節的在線英語自學系統，由于國內對網絡教學還比較保守，因此現還處于剛起步階段。在國外，網絡教育和各方面的教學的發展已經進入深入階段。學校把課程和計算機網絡相結合，充分發揮了網絡教學的互動優勢，使學生在快樂中學習。據統計，國外已經有55%的在校學生人手一臺電腦，遠程教育的參加人數正在以89%的增長速率遞增。

在調研中,我們了解到"網絡環境下大學英語的教學改革"正處在國家推進、重點突破、全面展開的進程之中,并取得了積極的成效。大部分試點院校經過兩年多的教改實驗論證,效果較好,規模進一步擴大。如北京大學、清華大學、北京理工大學、北京交通大學、北京林業大學、北京化工大學、武漢大學、西南大學、大連民族學院、大連理工大學等部分試點高校在05級新生中已經全面實現網絡環境下大學英語教學模式。西北工業大學、北華大學、山東大學、東北大學、南開大學、解放軍信息工程大學、首都經濟貿易大學等高校都于05年在新生中進一步擴大規模。20xx年,有更多的試點院校將在06級新生中全面推行網絡環境下大學英語教學模式。相信在未來，網上學習英語的模式將得到更好的重視與發展。

雖然在線學習已經蓬勃地發展起來，但是在線學習的普及率還并不高。目前已開發出來的系統基本具備一個自學系統所需的基礎功能，比如可以根據自己的需要選擇課程學習等。但是在知識庫設計這一模塊還存在一些問題，如設計不全面，管理紊亂，知識的匱乏，因此在線學習系統的應用并不廣泛。另外，對于我國來說，在線學習主要出現在高等教育以及一些特定的領域，具有相當大的局限性，這對于許多求學者來說是遠遠不能滿足其需求的。在國外，隨著技術的飛速發展，不僅高等教育、很多社會其他部門都已經開設了在線自學，通過計算機實現異地自學和自檢。現在，計算機硬件技術的發展已經達到了相當高的水平。但是，教學軟件尤其是知識庫的設計、開發還處于起步階段，隨著這項技術的不斷深入發展，就要求有更好、更完善的軟件系統應用到教學當中去，這就給設計人員提出了更高的設計要求。

網絡必須走綜合化發展之路，實現與其他課程的整合，而不能再按照學習一門學科的老辦法去講、去學、去考。在網絡環境下的英語學習讓學習者自己動腦筋去尋找問題、發現問題，幫助他們如何利用網絡資源為英語學習服務。教師和學生之間可以通過網上討論、電子信箱等進行探討性的學習，讓老師快速、準確地了解學生的學習情況，幫助學生提高學習效率。

隨著我國對外開放的不斷擴大化,科學技術的不斷進步,國際地位的不斷提高,迫切需要造就一大批精通外語的專門人才,以加速我國“四化”進程，使我國在國際事務中發揮更大更積極的作用。英語的使用范圍非常廣泛。世界上70%以上的郵件是用英文寫或用英文寫地址的。全世界科技出版物70%以上用英語發表。全世界的廣播節目中，有60%是用英語進行的。絕大部分的國際會議是以英語為第一通用語言它也是聯合國的正式工作語言之一。總之，在國際政治、軍事、經濟、科技、文化、貿易、交通運輸等領域，英語是一個重要的交際工具。對具備一定外語知識的綜合型人才的需求也隨之大幅增加。而隨著網絡技術的迅猛發展，人們的生活越來越依賴于網絡的發展。通過網絡學習英語的要求也相應提高。因此，學好英語對實現上述目標具有重要的現實意義和深遠的歷史意義。

信息社會的最明顯的標志是信息采集的全面與快捷。要善于在教學中整合網絡資源，充分利用網絡資源優勢。學習網站可以為學生創造盡可能多的接觸現實的機會，提供更多的直觀生動的感性材料，擴大學生的知識面，增加詞匯量，減少學生因缺乏相關知識而造成的學習困難，增強學生對英語的敏感性，拓寬學生思路、開闊視野，促使學生用英語思維，強化記憶，提高學習效率，讓學生在聽說讀寫譯能力等方面都獲得提高。網絡教學為我們提供了克服傳統教學弊端的全新的教學方式，使抽象的、枯燥的學習內容轉化成形象的、有趣的、可視的、可聽的動感內容，網絡教學已成為英語教學的發展趨勢。