報告的撰寫過程需要我們理性思考、客觀分析，同時也是對自己工作的一次回顧與總結。在下面的總結范文中，您可以找到一些寫作技巧和思路，幫助您寫出高質量的報告。

網頁設計實驗報告（模板15篇）篇一

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

1討論網站主題。

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

2定位網站ci形象。

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

3確定欄目和板塊。

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

4網站整體風格和創意。

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

1資料搜集。

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

2熟悉制作軟件。

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

1構建站點框架。

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

2設計主頁及二級頁面。

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

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

網頁設計實驗報告（模板15篇）篇二

隨著互聯網技術的迅速發展網絡已逐漸深入人心，更是成為繼報刊、電視、廣播等傳統媒體之后而迅速興起的一新的傳媒介質，網絡宣傳已成為眾多宣傳手段的重中之重，各種各樣的網站也就應運而生。為宣傳企業而制作的公司網站、可進行網上購物的電子商務網站、能及時了解到天下事的新聞網站、方便學習的教育網站，充斥著我們的視野，滿足著我們的需要。網站的規劃與建設，已悄然被許多人擺到了首要的位置上。

當今的人們，如果依然依靠傳統的方式展示自己已經不能滿足現在人們的需要，所以做一個網站就成為人們一件十分有意義并有興趣去做的事情。利用企業網站我們可以讓全國，甚至全世界的人們有機會知道自己的公司。

規劃并建設好一個企業網站，并不是一件容易的事。首先，規劃好這個網站就不容易。因為是企業網站，所以要求要比其它類型的網站更加獨具匠心，有獨特的眼光。這就規劃者有了更高的要求。首先，要根據自己的要求網站的風格布局、色彩搭配和大體輪廓，并確立網站的欄目、內容。其次，網站制作者將要根據前一點安排整個頁面文字圖片的布局，這就要求設計者對網頁制作具有相當的水平，美工、排版能力要強。再者，企業網站需要實現的動態及時更新等功能要求網站制作程序員有良好的編程基礎，在網絡編程語言asp、php、jsp或asp。net等中選擇來進行網站管理后臺的編寫并與前臺掛鉤并通過更新數據庫來實現網站的更新。當然，選擇的編程語言也要與網站服務器平臺所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據需要來進行配置或選擇。zui后，網站安全性也是一個重中之重，在如今黑客當行、病毒當道的互聯時空，網站的安全猶為重要。

規劃并建設好一個令人耳目一新的企業網站，并不是一件容易的事。首先，規劃好這個網站就不容易。這要求網站規劃者熟悉企業的情況，并確立網站的欄目、內容。其次，網站制作者將要根據網站的規劃書來確定網站的風格、布局、色彩搭配等，這就要求設計者對網頁制作具有相當的水平，美工、排版能力要強。再者，企業網站需要實現的動態及時更新等功能要求網站制作程序員有良好的編程基礎，在網絡編程語言asp、php、jsp或asp。net等中選擇來進行網站管理后臺的編寫并與前臺掛鉤并通過更新數據庫來實現網站的更新。當然，選擇的編程語言也要與網站服務器平臺所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據需要來進行配置或選擇。zui后，網站安全性也是一個重中之重，在如今黑客當行、病毒當道的互聯時空，網站的安全猶為重要，否則，功虧一簣！這就要求配置服務器或選擇虛擬主機時的謹慎以及編寫網站管理后臺的注意。

1、本課題研究的目標是：建立一個具有特色的企業網站。

課題的內容是：在這個課題中，主要是用于公司相關信息的介紹，以及相關的產品內容的介紹。方便他人的了解。它的內容主要包括對網站前臺的設計及制作，包括企業網站的logo設計，布局的設計，網站頁面的制作、片頭動畫及頁面動畫的設計制作、注冊登陸系統以及各鏈接和相關技術的開發等。在這里，我將以制作某企業網站為例，具體闡述個人網站的制作過程。

制作網站過程：

用photoshopcs制作頁面效果圖片，搭配好顏色，設計好版式，這樣做的目的是為了讓網站的頁面更具有整體性和美觀性，色調搭配及版面的設計都可以通過photoshopcs這個強大的圖片處理軟件來完成，這樣設計出來的網頁不論是從美工還是從版式上都是一流的。

2、導航條和文字圖片的布局。

用dreamweavermx和flashmx設計制作導航條，同時對文字圖片進行調整。具體的就是文字的大小、字體以及圖片的格式、大小進行調整。

3、超鏈接其動態設計。

用用dreamveavermx建立超鏈接使整個網站能夠自由地相互關聯，使瀏覽者能夠方便地到達所需要的網頁。另外，本網站還可以進行注冊，利用asp與access相連使網站變為動態網站。

2第五周調研，準備各種參考資料、充實所需知識。

3第六周查閱相關書籍資料，提出可行性的設計方案。

4第七到十六周具體設計與制作工作。

5第十七周文檔的生成與整理，指導教師修改。

6第十八周畢業設計論文的相關資料的搜集。

7第十九周完成畢業論文撰寫。

《網頁設計典型技巧》time創作室人民郵電出版社20xx年10月。

《asp動態網站開發畢劉瑞斯機械工業出版社20xx年3月。

網頁設計實驗報告（模板15篇）篇三

目前所在：

年齡：

戶口所在：陽江。

國籍：中國。

婚姻狀況：未婚。

民族：漢族。

培訓認證：未參加。

身高：150cm。

體重：

人才測評：未測評。

我的特長：

求職意向。

應聘職位：網頁設計/制作/美工：

工作年限：3。

求職類型：實習。

可到職日期：隨時

月薪要求：1000--1500。

希望工作地區：越秀區,天河區,海珠區。

工作經歷。

蘇寧電器(廣州市)。

起止年月：20xx-10～20xx-10。

公司性質：中外合資。

所屬行業：服務業。

擔任職位：后臺客服。

工作描述：后臺協助物流部門工作讓我加強了與客戶的溝通協調能力，也提高了處理問題的'能力，工作認真、勤奮，得到好評。

教育背景。

畢業院校：廣州市工貿技師學院廣東商學院。

最高學歷：大專。

專業：電子商務與財務管理。

語言能力。

外語：英語一般。

粵語水平：良好。

其它外語能力：

國語水平：良好。

工作能力及其他專長。

本人主修課程：會計基礎、財務會計、中級財務會計、工業會計、電子商務、經濟學、管理學、中國稅制、統計學、應用文寫作等。熟悉的軟件有：辦公軟件、會計電算化、網頁制作、fhotoshop、dreawearn最新網頁設計個人簡歷模板最新網頁設計個人簡歷模板。

詳細個人自傳。

本人性格開朗做事認真、負責，有耐心，心思敏捷，能吃苦耐勞。本人曾在學校參加學生會，并獲得“優秀學生干部”，同時加入教務助理組，協助老師管理學校秩序和考勤記錄工作。也曾在教務助理組協助主席舉辦辯論賽并擔任主持人，并獲得“優秀主持人”稱號。年輕代表著熱情有活力，希望能在往后學到更多的經驗和知識。

文檔為doc格式。

網頁設計實驗報告（模板15篇）篇四

選題的意義、同類選題現狀分析包括項目實施的意義和應用前景，國內外研究和應用概況，發展趨勢，本項目的特色或創新之處）。

電子商務發展在世界范圍內都是剛剛開始，其發展速度極為迅速，傳統商業模式正不斷地被新的商業模式所替代。網上購物就是internet和電子商務網站的產物，近幾年在我國發展迅猛，就如同一些購物商場在各地紛紛開設分店以拉近與顧客間的距離一樣。21世紀是網絡的時代，信息的時代，時間是非常寶貴的，人們由于種種原因沒有時間去逛商場，也不知道哪家商場有自己中意的商品，網上購物網站的建立就可以很好的解決這方面的問題，可以向廣大用戶推出一種全新的網上信息服務，旨在貨品與消費者之間架起一座高速、便捷的網上信息橋梁，可以為用戶節省時間、方便購物。

在國內也有許多我們所熟悉的大規模的網上購物網站，如阿里巴巴和淘寶網。中國的網上購物在摸索與借鑒中成長著，利用中國特有的優勢來克服不利的外部環境因素，例如采用“貨到付款”就是中國購物網站的成功創新。隨著外部環境的逐步優化，上購物網站發展前景看好。

本網站的主要功能有：用戶注冊、會員登錄、貨物分類查詢、貨品瀏覽、購買貨品、購物車、客戶留言；管理員管理會員信息以及訂單信息、管理員添加和刪除貨品、管理員查看留言。一方面，讓顧客方便購買各類貨物，給本購物網站提出寶貴的意見或建議；另一方面，管理員能在管理信息的同時也能了解顧客的需要，對網站的不足之處進行修改。本購物網站還在借鑒其他成功購物網站的同時也加入了一些創新的元素。如在貨物介紹的頁面中添加了同等商品價格的最新比較數據，讓用戶能夠花比較少的時間找到自己滿意的產品，同時在本網站中每個注冊用戶還可以擁有自己的一個小型的blog，在其中用戶可以發展自己的購物經驗和日常的心情。同時在網站的界面上，本網站了可能讓用戶設置網頁的風格，用戶可以按照自己的喜好改變網站的背景色，讓整個網站更加的有特色。

（包括畢業設計目標、設計內容和擬解決的關鍵技術問題）。

購物網站的建立是為了節約顧客時間和方便顧客購物，該網站主要有注冊會員、會員登陸、貨物搜索、購物車以及對會員、貨品、訂單的管理。以實現網上書店的交易和管理。

（1）前臺服務：注冊會員、會員登陸、會員修改個人信息及密碼、貨品分類搜索、貨品瀏覽、貨品購買、購物車，以及頁面的特效如：將該網站設為首頁、加入收藏、更改網頁風格等。

（2）會員管理：管理員對會員個人信息的管理，驗證會員登陸信息。并且可以在自己的blog中發表信息。

（3）圖書管理：管理員查看書庫中貨物的庫存量，包括各種貨物的銷售情況，以及及時更新數據庫中貨物的各種信息。

（4）訂單管理：管理員對訂單的管理，確認顧客信息與訂單信息的準確性。

本系統主要是利用asp、dreamweaver、sql數據庫來完成設計的，主要完成了貨物分類搜索、貨物瀏覽、貨物購買、購物車以及會員管理、貨物管理、訂單管理等功能的實現。

（包括開發平臺選擇、試驗方案及可行性分析，設計和開發工作的總體安排、步驟等）。

購物網站的設計與開發需要微機一臺，操作系統為windowsxp。開發環境為asp、dreamweaver，數據庫為sqlserver20xx或選擇access。數據訪問方法為使用ado。net通過odbc的方法同數據庫接口。使用這種方式訪問數據，可以使用任何一種odbc數據源，即不止適合于sqlserver、oracle、access等數據庫應用程序，也適合于excel表格，文本文件、圖形文件和無格式的數據文件。

通過調查分析，建立購物網有其充分的必要性和可能性。可以建立該網站的可能性具體包含了它具有經濟可行性、技術上的可行性和時機可行性，系統能達到以最小的開發成本取得最佳的經濟效益，開發中所需人員、硬軟件支持以及其它費用進行估算情況均滿意，技術條件也能保證順利完成開發工作。

最終認為該系統完全可行，網上購物網站是一個網上交易網站，利用該網站用戶可以購買貨物，修改自己的購物車，在自己的blog中發展信息；管理員作為管理者則可以查詢會員的訂單信息、管理貨物，對貨物進行添加和刪除。

1、前臺服務：

此模塊是對于用戶開放，實現的功能有：客戶注冊，會員登錄，修改個人信息及密碼，貨品分類查詢，貨品瀏覽，購買貨物，購物車，會員留言等。

2、后臺：

此模塊是對于管理員開放，實現的功能有：會員基本信息管理、訂單管理、貨物管理、查看留言。

網頁設計實驗報告（模板15篇）篇五

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

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)技術出現以后，網頁設計者充分、巧妙地應用此技術，讓瀏覽者在下載過程中就可以欣賞這段音樂或電影，實現了實時的網上視頻直播服務和在線欣賞音樂服務，無疑增強了頁面傳播信息的表現力和感染力。

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

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

網頁設計實驗報告（模板15篇）篇六

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

通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談談我在本次專用周的主要感受。

1、討論網站的主題。

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

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

3、確定欄目和板塊。

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

2、網站的整體風格和創意。

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

1、資料的搜集。

在做網頁我上網收集了許多方面的資料主要是有關網站的布局與服飾品牌方面的資料，我首先進它的企業網站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集了一些對我有用的資料。

在搜索資料最困難的便是動態圖片的搜集，動態圖片其gif格式的還是好保存，但是要搜集flash動態圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經過三次像老實詢問我終于懂得一些關于代碼的搜索。

在搜集資料的過程之中我發現了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。

2、熟悉制作軟件。

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

1、構建站點框架。

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

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

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

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

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

3、實現網頁間的鏈接。

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

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

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

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

網頁設計實驗報告（模板15篇）篇七

專業：班級：姓名：

一、實習目的(一)檢驗自己是不是真的適合這個職業。

鑒于自己對未來的職業生涯的規劃更傾向于設計，這和自己所學的專業不是。

十分有聯系，所以我希望在實習的過程里思考自己未來是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。

(二)在實踐中查漏補缺。

在學校學習的網站建設知識僅僅停留在平時的作業里，并沒有得到充分的運。

用。希望可以藉由這次實習，好好鞏固書面知識。在實際運用中通過發現問題，解決問題對知識進行查漏補缺。

(三)在工作中打磨自己。

由于學校和社會是截然不同的生活、學習、工作氛圍，在工作中我們不可以。

像在學校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實習里，和同事上司的相處中獲得這方面的成長。

二、實習內容。

(一)實習主要內容。

廣州xxxx有限公司是一個研發和銷售智能寄存柜的公司。它的產品在展示和。

銷售這兩個環節很需宣傳冊、企業網站等作為一個推廣媒介。我實習的主要內容就是配合網絡部去完成網站建設的工作，涉及前臺的外觀設計和后臺的代碼編寫，以及宣傳冊的設計。

1、負責設計公司整個企業網站的頁面部分,根據網頁設計師或客戶所提供的主題要求和思路框架來設計出整個網站。

1）使用photoshop、ai等圖片處理軟件設計、處理和制作網站上需要的圖片。

2）使用div+css樣式及基礎的html語言做頁面布局的排版。

3）使用photoshop對網頁進行配色及排版設計。

4）編寫css代碼使網站頁面無論是在ie瀏覽器里還是在ff瀏覽器上正常顯示。

2、負責網站的幾個主體模塊的文案撰寫和后臺編輯。

1）在已有的文案上配合網站架構進行提煉和歸納整理。

2）使用photoshop對文案進行概念配圖。

3）在后臺將文案部分合理配色排版。

4）按照網站架構在后臺錄入所有產品資料。

(二)工作過程。

在公司的2個多月里，我的工作都是由負責整個網站文案架構的曹經理分配。

監督的。確認實習機會前的面試的時候也是由他負責的。面試的時候他并沒有過多的考察我在網站制作上的技術問題。更多的從我對網站設計方面的配色排版的現有審美以及做事的認真細致程度去考察的。從一開始我就以踏實認真的態度對待每一項他交付給我的任務。下面我挑選一些讓我收獲很多，學習很多，影響我很多，讓我回想起來都是歷歷在目的事情重點說一下。

1、經理讓我按照網頁設計師提供的jpg稿變成div和css。

1）這個任務簡單來說就是架構網頁框架和完善里面的文本主體。里面涉及很多文本，我覺得既然有具體的設計稿就一定保存有文案，所以咨詢了經理是否有必要花這部分時間去打文本。經理的回復是很有必要。他的意見是，讓我重新輸入文本可以幫助檢查錯誤，同時可以讓我更熟悉公司的產品和網站的主要內容，對我后面的工作有幫助。頓時知道，一個實習生想到的東四是多么的膚淺，對經理工作上的態度更是肅然起敬。

2）因為經理沒想要讓實習生負責過于復雜的事情，在這部分工作中設計的div和css的內容并沒有很復雜，需要的就是要注重細節。但實際上自己做事遠沒有自已一開始想象的那么能夠靜下心地考慮大局。只要想到一個覺得挺好的排版我就一下子全部套用了，以至于最后通過多次檢查，發現這個排版有瑕疵的時候又要重頭再來。這些經歷都讓我體會到比起表面的工作速度，有前面深思熟慮的慢節奏才能造就最終的高效率。所以一開始在用css排版的時候其實應該多做幾個版本仔細做對比，看清楚哪個更合適才確定的。

2、經理讓我設計幾個欄目對應的banner圖片。

1）由于自己并沒有專門學過banner規范和設計方面的專業知識，有的只是審美方面的一些小體會。接手這個工作需要花大量的時間去學習和參考。一開始略略覺得壓力大，但是覺得經理讓我去做，就是相信我的能力。所以我也沒有慌，按照自己的節奏和需要邊學邊做。

從整體了解主題：自己找了多個類似的企業網站作參考，通過總結企業網站。

中，幾個主要的欄目在網站上具體意義，體會這對應的幾個欄目banner的設計意義。

思考配色與構圖：對整個內容有了一了解后，便要思考作品的色彩和具體的構圖，先用筆畫出草圖，有時候也會直接在腦海里構思。除了從公司的角度，圍繞要傳達的東西去設計，我也充分意識到要轉換身份從用戶的角度出發，怎樣才可以更吸引人。總體來說就是除了審美上的設計，也考慮很多目的性。

查找素材：素材這個問題我總結了一種思路，電腦里下載一些專業的“科技。

信息”圖庫。另外配合專業在線圖庫網站(通常是國外站點)+google，百度圖片等搜索引擎進行即使的素材查找。再加上自己平時積累的素材，選擇是非常大的。最后就是不斷地觀察對比最終效果，看哪幾張banner圖片更適合整體網站。

2）最終banner圖片并沒有全都采用我設計的，有一些還是因為不夠大氣被撤下來了。一開始我還挺灰心，覺得自己的付出沒有得到認可。但是我知道當初經理就是感覺可以給我試一下，才給我這個機會去讓我發揮一下的，所以我好好學習了別人的圖片，看自己的和別人的差別在哪里，不浪費這次嘗試性地努力。

3、經理讓我參考舊網站單獨做一個公司簡介的頁面。

1）我知道經理的意思是重新排版成符合網站的配色。這樣對我來說其實很簡單。但是我從舊網站了解到公司簡介那篇文案比較累贅，如果想要瀏覽網站的用戶肯停留在這個頁面多幾秒，或者因為這個公司簡介的頁面而更信任這個公司的產品，更有沖動訂個公司的寄存柜就要在文案的內容上下功夫，就要在表現上更生動，讓人看著不會覺得文字流水賬，很煩躁。

于是在經理沒有給我嚴格期限的時候，我選擇了按照自己的思路去修改文案，把多余的文字刪掉，根據公司的優勢修改出精簡的幾點，變得更有條理更有重點。

這只是對文案的初步處理，接著根據幾個要點用photoshop處理幾張概念配。

圖出來，將公司寄存柜的技術水平之領先，應用領域之眾多，銷售范圍之巨大等等用更生動形象的方式表現。從設想到思考中間的問題到最后的完成，花的時間雖然多，但是最終的效果得到了經理的肯定，對網站的宣傳作用起到了很好的幫助，這都是值得的。

三、實習體會。

做了2個月的網頁設計和編輯的實習生，終于體會到網頁設計并非只是圖文混排的那點事。當你真正的去努力的創造了之后，經常被別人一眼就否定了。這才真正明白一個好的網頁不只是效果華麗還要多從用戶的角度去考慮問題。通過實習，我不僅將自己在學校學過的東西通過實踐進步一鞏固，也通過向公司的人請教學到很多工作上的技巧，更通過實習體會到很多沒有人會教授給你的東西。工作是人生活的重要部分，是我們畢業生必須面對的。就算是遇到困難，我也會用平常的心態實際看待問題，不說“不可能”，而是冷靜下來思考如何處理并付諸于實踐。

在實習的日子，我學習到了很多如果沒有這次經歷，就不會有的細膩體會。

(一)深刻感受到什么是真正的細心。

其實在高中甚至到大學，老師都總是強調“細心”,對于細心什么的我以前自我感覺還挺不錯的。但是當老師在斤斤計較一個標點符號或者花時間可以渲染“細心”的重要性的時候我就覺得好小題大做那時的我覺得“細心”是你可以刻意去營造的狀態。包括經理對我強調細致的時候我也是這樣想的。我覺得只要想到考試的時候或者處理工作的事情的時候去跟自己說細心點就好了。但是在這個實習的過程里，因為無意和粗心犯下的錯誤，才讓我明白老師反復說的話到底意義在哪里。往往一些不好的后果或者沒有必要的錯誤，正正是在你認為不用細心和沒有想過要去細心的行為后出現的。這才是我們為什么要養成這個習慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養成習慣，以細心認真的態度對待。

(二)主動思考的重要性。

從學校走向社會，首要面臨的問題便是角色轉換的問題。從一個學生轉化為一個單位人，一個單位人工作要考慮的問題就是如何發揮自己最大的價值為單位創造效益。做事要主動一點，這不是指一直主動問上司有什么事做，而是在別人交付你任務的時候自己主動想一下怎么做才更好，而不是把自己當一個機器人一樣。就像做公司簡介頁面的時候，我把自己做得效果給經理看的時候，經理說“你真的很用心，很負責”，“你做的公司簡介那個頁面，讓我感觸很深”。

(三)、溝通的度要把握好。

工作過程中有許多時候需要和經理進行溝通，但是我在溝通的度上沒有把握。

好。好像仗著自己是只做幾個月的實習生，有些提建議的話沒有用比較適合和委婉的語氣表達。雖然經理沒有明說，但是我自己意識到了。有些時候工作交接的時候，自己并沒有很清楚細節，但是問太多又怕打擾到經理的工作，導致最終工作也沒進行好。所以這個溝通的度要把握好。該問該說的都要說出來，只要是會影響到工作質量的都要禮貌地說出來。這樣才是真正地為公司好。

總之，這次實習，自己確實學到了很多也成長了許多。在實習期間，每日重復單調繁瑣的工作，時間久了容易厭倦。但是工作簡單也不能馬虎，你一個小小的錯誤可能會給公司帶來巨大的麻煩或損失，還是得認真完成。這段時間，我看到了自己本身存在著許多問題，也會遇到這樣那樣的問題，當前的時代日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需再加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后的工作存儲更多的能力。

網頁設計實驗報告（模板15篇）篇八

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

一、網站整體規劃，要做網頁的第一步便是做網站的整體規劃這主要包括四個方面的內容。

1.討論網站的主題。

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

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

3.確定欄目和板塊。

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

2.網站的整體風格和創意。

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

二、網頁制作的前期策劃與準備，在本階級主要有兩方面的工作。

1.資料的搜集。

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

2.熟悉制作軟件。

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

三、網頁制作，這便進入我該次的主題了具體制作流程如下。

1.構建站點框架。

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

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

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

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

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

3.實現網頁間的鏈接。

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

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

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

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

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

網頁設計實驗報告（模板15篇）篇九

一、畢業設計的內容和意義：（500字左右）。

學校網站是實現教育資源分配的橋梁網絡有巨大的教育資源庫，它聚集社會的力量，使教育資源無限增長。學校網站是最佳的教學研究室，學校網站與教育類專門網站的有效鏈接，給學校教學研究帶來了一片新天地，各種優秀文章、各科素材、優秀軟件下載等內容為學生提供了極佳的平臺。有效地降低教研成本、提高效率。

我國的大學教育已經普及，大學生的隊伍也正在不斷壯大，為了方便大學生對本校各項工作的了解以及加深學生、教師與學校之間相互的交流，建設一個規模化的校園網站成為了當務之急。網絡化將給我們的工作和學習帶來了極大的便利。

以internet/intranet為網絡平臺實現校園網絡各項信息發布、管理、設置等功能。本題目要開發一個校園網門戶網站。包括bbs系統平臺、院校新聞發布平臺，在限選課平臺。后臺：包括平臺管理、統一認證、資源管理、用戶權限管理等。

二、文獻綜述：（300字左右）。

經濟高速發展的今天，校園的各種信息的收集與發布都要求有一個高的效率。由于大學生的生活節奏較快，且電腦普及率和上網概率也隨著社會的發展越來越高，學生上網獲取信息的機會越來越多。所以，學校可以將政務宣傳服務切入到這個點來，讓學生更方便地獲取相關信息，這將大大提高學生學習的進度和對學校教育的滿意度。這就要求通過網站，全面宣傳、展示學校風采、優點與特色，發布學校的重大活動安排與招生政策，增強家長與學校之間的聯系，在internet上實現完成部分校務，提高辦事效率。

該系統是面向全網絡的，作為學校與外界聯系的一個平臺。系統管理員負責更新網站內容，不同權限的用戶登錄系統將進入不同的頁面，實現不同的操作。

系統主要包括六個模塊：1.用戶注冊模塊：這個模塊完成新用戶的注冊功能，并能對注冊信息進行檢查。2.用戶登錄模塊：這個模塊提供用戶的登錄界面，并驗證用戶名和密碼,以確定用戶身份。3.顯示模塊：這個模塊將根據用戶權限顯示出不同的頁面，以及內容。4.操作模塊：這個模塊提供與內容相關的功能，并且對不同身份的用戶給予不同的操作權限。5.用戶管理模塊：這個模塊能夠對用戶個人信息進行管理。6.數據庫模塊：這個模塊實現對數據庫的連接和訪問。

三、工作計劃及方案論證：（500字左右）。

1．第一階段：11月20日—11月25日。

閱讀資料；進行需求分析，提出設計方案確定技術路線，完成開。

題報告；設計軟件原型。

2．第二階段：11月26日—2月10日。

在上一階段基礎上，按時、按質、按量完成畢業設計任務。

3．第三階段：2月11日—4月1日。

總結所有的工作，完成畢業設計論文初稿。

4．第四階段：4月2日—4月20日。

修改論文；小組內答辯，評分；準備答辯材料。

[1]周懷軍.asp動態網頁設計應用教程[m].電子工業出版社,20xx-3。

[2]趙燕萍.電子商務概論[m].北京中央黨校出版社,20xx-11。

[3]王恩波王若賓.管理信息系統實用教程[m].人民郵電出版社,20xx-9。

[4]唐乾林.網頁設計與制作案例教程[m]機械工業出版社,20xx-8。

[5]趙增敏.asp可視化編程及應用[m].機械工業出版社,20xx。

[7]崔良海沙俐敏.web編程技術[m].人民郵電出版社,20xx。

[8]陳家琪.c程序設計教程[m].新華出版社,20xx-11。

[9]明日科技.數據庫系統開發完全手冊[m].人民郵電出版社,20xx-1。

[10]鄧春妮孫艷華鄒慶云.信息化系統建設案例[m].人。

民郵電出版社,20xx-12。

[15]王珂玲.利用。

asp技術的在線教育系統設計與實現電腦知識與技[16]吳錦.基于。

[18]王海燕王明明張景義.用。

網頁設計實驗報告（模板15篇）篇十

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

我所在的這家公司，是一家做網上招商的商業網站，公司接收各種廠家提供的信息，然后由網絡的技術人員，將商家的信息做成網頁廣告，然后掛在我們的網站上，以此達到商業推廣的目的，類似我們公司的網站在同行業還有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）廣告圖象攝影和廣告插畫上，通過對商品在消費使用過程中的情景做出真實的再現，以便來宣傳商品的特征，突出商品的形象；或以攝影圖形來促發消費者的購買欲望，更直觀準確地傳達產品信息。真實的反映商品的結構、造型、材料和品質。廣告的插畫有傳統的寫實描繪逐漸向夸張、理想化和多邊化的視覺表現方向發展，重意念而輕形似，從而有助于強化廣告商品對象的特征和主題。在廣告排版制作的過程中，使用卡通形象作為產品代言人不但可以以卡通形象的活潑自由，個性化的形象贏得消費者的好感，還省去了請名人做代言的龐大廣告支出和風險。

網頁設計實驗報告（模板15篇）篇十一

在經濟迅速發展的今天，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文檔下載到電腦，方便收藏和打印。

網頁設計實驗報告（模板15篇）篇十二

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

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

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

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

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

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

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

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

網頁設計實驗報告（模板15篇）篇十三

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

一、課題背景。

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

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

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

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

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

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

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

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

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

網頁設計實驗報告（模板15篇）篇十四

網頁設計實驗報告（模板15篇）篇十五

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

1、討論網站的主題。

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

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

3、確定欄目和板塊。

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

2、網站的整體風格和創意。

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

1、資料的搜集。

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

2、熟悉制作軟件。

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

1、構建站點框架。

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

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

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

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

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

3、實現網頁間的鏈接。

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

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

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

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

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