- 相關推薦
網頁設計實驗報告
在我們平凡的日常里，報告的使用頻率呈上升趨勢，通常情況下，報告的內容含量大、篇幅較長。我敢肯定，大部分人都對寫報告很是頭疼的，下面是小編為大家收集的網頁設計實驗報告，歡迎閱讀，希望大家能夠喜歡。
網頁設計實驗報告1
轉瞬間，已到了期末，學習網頁設計這門課程也要完畢了，雖然時間有點短，但是學過這個幾周以后我受益匪淺。
記得最初接觸dreamweaver的時候，我很茫然，由于剛接觸生疏的軟件心里會很可怕跟不上老師的進程。剛開頭幾節課，老師講得比較根底，還能跟得上，漸漸的老師授課的進程開頭加速，有些跟不上了，需要下課后自己補上，問老師和四周的同學。漸漸的，在老師的悉心教育下，我們開頭生疏這個軟件了。老師布置的第一個任務，要求做一個自我形象網站。由于學習的時間較短，老師只要求用PS做好模板即可，任務相對簡潔。但也要求設計感強，顏色搭配和諧，并且盡可能的做成有用又符合實際的秀麗網頁。
其次個網頁設計老師要求相對較高，用dreamweaver做一個比較接近真實的網頁，還要做一個二級頁面。于是開頭收集各方面的資料。確定了主題就開頭布局了。最開頭使用了一個表格，然后在表格內進展拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改正大小的圖片放進去了。
中間時預覽，問題消逝了，覺察版頭與下面的圖片文字之間消逝了很大的一段距離，但是在軟件中已經把距離縮小為0了，屢次嘗試后沒有效果。最終想到可以另外再加一個表格，把版頭放在一個表格內面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太一般，一次掃瞄學長做的網頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就確定把自己網站的左邊修改修改。復制了他的代碼，把上面的內容修改成我的網站需要的文字。本以為可以輕松的完成，但是卻消逝大問題了。
由于需要滾動的文字占的空間太大，把左邊的那局部表格全部占滿了，而在實際的網頁預覽中，這個有文字滾動的.框只占了左邊Oeasy教你玩轉網頁設計掃瞄的工具建站程序三分之一，左邊有三分之二留白了。我就想可不行以把文字這樣一層層的放在上面，試了很多方法，在網站查了很多資料，可能由于沒有專業術語作為搜尋的關鍵詞，查不到任何相關的資料，試過div標簽，試過不停的拆分表格，最終還是沒有效果。就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結果成功了，經過一些加工，最終成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經給我們講過許屢次怎樣插入聲音，可是等到自己做網頁的時候卻遺忘了，于是問其他人，結果竟然都遺忘了，于是自己在百度上收。最終最終找到了一個可以使用的代碼，但是在參與聲音路徑時消逝了問題。在屬性內參與源文件，結果就是加不進去MP3的音樂文件，然后自己就嘗試參與了一個視頻，登記了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最終成功了。在設計過程中還消逝了很多的問題，但通過看書，上網查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網頁不管是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。熱忱和執著，我將來設計出的網頁會更加專業，更完善。
網頁設計實驗報告2
一、實驗目的及要求
本實例是通過“站點定義為”對話框中的“高級”選項卡創建一個新站點。
二、儀器用具
1、生均一臺多媒體電腦，組建內部局域網，并且接入國際互聯網。
2、安裝windows xp操作系統；建立iis服務器環境，支持asp。
3、安裝網頁三劍客（dreamweaver mx；flash mx；fireworks mx）等網頁設計軟件；
三、實驗原理
通過“站點定義為”對話框中的.“高級”選項卡創建一個新站點。
四、實驗方法與步驟
（1）執行“站點管理站點”命令，在彈出的“管理站點”對話框中單擊“新建”按鈕，在彈出的快捷菜單中選擇“站點”命令。
（2）在彈出的“站點定義為”對話框中單擊“高級”選項卡。
（3）在“站點名稱”文本框中輸入站點名稱，在“默認文件夾”文本框中選擇所創建的站點文件夾。在“默認圖象文件夾”文本框中選擇存放圖象的文件夾，完成后單擊“確定”按鈕，返回“管理站點”對話框。
（4）在“管理站點”對話框中單擊“完成”按鈕，站點創建完畢。
網頁設計實驗報告3
一 實驗過程
1.資料的搜集。
2.熟悉制作軟件。
3.構建站點框架。
打開dremweaver后第一步便是新建站點
4設計主頁及二級頁面。
5實現網頁間的鏈接
鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。
6向靜太網頁插入動態效果
具體情況如下：
通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。所以我結合所學專業的內容制作了個人網站，作為實習的成果。其內容是多樣化的。制作網頁用的軟件是ｄreamweaver , banner軟件。dreamweaver大大加速了網絡時代電子交易應用中的項目交付。它提供了網頁和表單的動態生成到企業級的解決方案，如電子商店，庫存管理系統和企業內部局域網的數據庫應用等功能。例如，網頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成。當然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉等效果直接生成html代碼，或者嵌入到現有的網頁中，或者作為單獨的網頁出現。主圖是一個網頁的門面，它能體現出這個網頁的整體風格。
制作網頁,首先是確定主題,經過再三考慮,就做了個關于中國的網站,平時也總是瀏覽類似的網站,對這些還有些了解,于是確定主題,做一些類似的網站,但考慮到,現在網絡上好多類似的網站,但有些內容不適合我們大學生閱讀,對于我們來說有點不實際,根據這種情況,最后決定建立一個簡單的中國介紹和相關的事跡網站,專門介紹一些即使用,又便宜的小秘笈。于是網站主題確立。
然后是整體規劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，用戶登錄注冊頁面留言，再加入個別網站等，每一部分又分幾小部分，內容比較充分，多樣。
再后是收集資料與素材，大量瀏覽相關網站，收集關于中國的一些事跡歷史圖片，好的文章和圖片等，還有參考一些好的網站的布局，特色，顏色搭配，背景圖等。
再后是設計網頁圖片，用flash制作網頁的banner。
再后是建立站點，站點分布如下：
再后是制作網頁了，使用dreamweaver制作。
首頁內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁制作時，時刻考慮著網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個網頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：
簡潔實用: 這是非常重要的，網絡特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。
利用我們所學的框架集，制作更完美的頁面。將動態網頁與靜態網頁結合起來
再后，調試過程，好多次本來在dream里好好的，把字調的好好的，位置很對，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實，經過再三調試，整理，加了好多表格，終于滿意了，很是麻煩，想請問老師，為什么會出現這種情況啊，還有怎么解決啊，不用這么反復調整的辦法，還有什么好辦法啊？
還有，在最超鏈接過程中，明明在頁面屬性里設置的是超鏈接的文字是原色，點擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實驗，終于知道怎么回事了，原來應該對文字所在的單元格整體做鏈接，而不是只選中文字做鏈接。
還有，這次的網站大部分用的是表格，層用的很少，因為它太靈活了，不好控制，用的很少。
再后，是網頁的上傳與發布，用ftp將制作好的網站上傳
制作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用，操作，可這樣要修改模版可就麻煩了，要一個網頁一個的修改，于是趕緊上網學習相關內容，閱覽書籍，最后才知道文件這有個資源，點擊
進入資源面板，點擊到數第二個的模版，選項，所有模版就都顯示了，點擊資源面板左下角的應用命令，好了，這個模版就應用到你建立的網頁中去了。
這只是在制作過程中出現的問題之一，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民贊嘆不已，流連忘返。以我們的經驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁而努力。
同學告訴我，要做好網頁，一定要學從c++,java,php，asp，數據庫。以后要學的實在是太多了，而且我也很喜歡這方面，在以后的日子里，會努力填充自己，豐富自己的。希望以后有不懂的地方，老師能多多指點。
二 實驗心得
在internet飛速發展的今天，互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。因此網站建設在internet應用上的地位顯而易見，它已成為政府、企事業單位信息化建設中的`重要組成部分，從而倍受人們的重視。
對于現在的社會，科技的飛速發展已經成為社會發展的標志。其中計算機的發展可謂快中之快，而在計算機的發展中計算機網絡的發展又是首當其沖的。計算機網絡從為我們所知，到現在才經歷的短短的幾年時間，在這幾年中隨著計算機網絡的廣泛應用，特別是internet的普及和發展，網絡已經成為了不可或缺的通信手段。不論是最新的新聞信息、新產品的出臺、新游戲的發布、最新的各種it動態，包括等候就業人才的個人簡歷，我們都是可以通過網絡來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢對就是網頁。現如今，數以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候，在網絡成為通信的主要手段的時候，在計算機網絡普及的今天，網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的代言人。我們將什么樣的信息傳達給瀏覽者，要講述什么樣的事情，網頁在這里起著重要的作用。
企業網站在企業的網絡營銷當中占有及其重要的地位，只要是涉及網絡宣傳的企業，都應該建立屬于自己的個性企業網站。他不僅能夠讓企業在網絡上展示自己的產品，促進實際銷售的增長，更能夠通過一根網線，向目標客戶展示企業自身的形象。
對于企業網站設計的觀點，偏重網站的形象設計，即在功能務實、體系完善的情況下，重點結合企業理念打造網站的形象。logo就能很好的表現企業的形象。企業標志(logo)是指用于代表企業形象的獨特的、有意義的圖案，是企業形象識別當中最核心的環節，可用于與企業形象相關的所有環節。由于企業標志所處的特殊地位，決定了其不能夠隨意更換，因此能否設計一個有內涵、有文化、便于識別的標志，并建立相關的應用系統，關乎到企業長遠的發展，不容小視。
建設網站的一般過程包括：前期內容確立、網站架構搭建、創意策劃、設計、網站建設。網站的功能版塊一般分為首頁（含引導頁）、新聞部分、產品部分、信息交流部分、定制系統、零散頁面等。根據不同的企業需求，各網站的功能版塊數量、布局、結構各異。
（一） 頁面的設計方面
網頁設計跟學習別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執著。
頁設計需要耐心，如果沒有耐心，就學不好網頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了很長時間才解決。
頁設計需要堅持，堅持不斷的學習，因為設計網頁的軟件在不斷的更新，因此我們要不斷的學習
并且頁設計不要掉入技術的陷阱，如果你的網頁設計技術一流，并且對軟件的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因為網頁設計是介于平面設計和編程技術兩者之間的邊緣科學.不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富于個性的web頁面,才能全面展現互聯網這一新型媒體的獨特魅力和多維空間的超強功能.
并且我認為網頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。因此我提倡簡單的美。
（二）網頁視覺效果
視覺形象識別即我們通常所說的vi（visualidentity），與bi一起用于深化表現企業理念，同時也受到bi的影響。所謂視覺形象識別，就是指能夠被目標客戶通過視覺來認知與企業相關的一切事物，從最基礎的企業標志、吉祥物、標準色到企業日常業務中的信紙、服裝、名片等等，在將其系統化以后就形成了企業的視覺形象識別系統。
視覺形象識別系統在整套cis中處于最表層的位置，其中所有的設計都將與目標客戶發生直接的接觸。
（三）網頁的整體布局和導航
網頁的布局通常指的是網頁的整體架構，說的通俗一點就是排版。如何突出最重要的內容，即讓用戶第一眼就看到這個網頁所想要傳達的信息。這一點至關重要。在大多數做的比較成功的網頁中，一個共同的特點就是網頁的整體架構十分的清晰明了，便于用戶瀏覽
網頁布局大致可分為國字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型
網頁布局是主要考慮以下幾點：
1、首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。
2、其次就應該考慮導航條的設置了。
3、正文的框架設置（橫向因素和縱向因素交錯）
（四）網頁中文字、圖像
圖象我利用網上搜索和自己所學過的banner進行處理,這樣做起來節約了很多時間。。
（五）網頁制作過程中的其他注意事項
不要過于注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實用價值。
通過這次實習，在制作時想想使自己的網頁更加豐富多彩，在網頁中插入圖象，動畫，動態特效。可是總遇到這樣那樣的問題，但在同學的幫助和自己摸索的情況下完成了這個實習的成果。看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民贊嘆不已，流連忘返。以我們的經驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁而努力。
近一個星期的實訓將要結束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質的培養，鍛煉和提高。
【網頁設計實驗報告】相關文章：
網頁設計心得01-23
網頁設計總結11-09
網頁設計總結06-27
網頁設計求職信 個人求職網頁設計02-21
網頁設計實習報告01-19
網頁設計與制作報告01-04
網頁設計廣告口號12-29
網頁設計的實習報告06-19
網頁設計實習總結05-11