網(wǎng)頁設(shè)計(jì)的實(shí)驗(yàn)報(bào)告心得（精選5篇）
我們心里有一些收獲后，寫一篇心得體會，記錄下來，這樣能夠培養(yǎng)人思考的習(xí)慣。那么你知道心得體會如何寫嗎？下面是小編收集整理的網(wǎng)頁設(shè)計(jì)的實(shí)驗(yàn)報(bào)告心得，供大家參考借鑒，希望可以幫助到有需要的朋友。
網(wǎng)頁設(shè)計(jì)的實(shí)驗(yàn)報(bào)告心得 篇1
一 實(shí)驗(yàn)過程
1.資料的搜集。
2.熟悉制作軟件。
3.構(gòu)建站點(diǎn)框架。
打開dremweaver后第一步便是新建站點(diǎn)
4設(shè)計(jì)主頁及二級頁面。
5實(shí)現(xiàn)網(wǎng)頁間的鏈接
鏈接的過程其實(shí)很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
6向靜太網(wǎng)頁插入動態(tài)效果
具體情況如下：
通過這半年的學(xué)習(xí)實(shí)踐中 和老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例，教會我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對所學(xué)的軟件融會貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制作了個人網(wǎng)站，作為實(shí)習(xí)的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是ｄreamweaver , banner軟件。dreamweaver大大加速了網(wǎng)絡(luò)時代電子交易應(yīng)用中的項(xiàng)目交付。它提供了網(wǎng)頁和表單的動態(tài)生成到企業(yè)級的解決方案，如電子商店，庫存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫應(yīng)用等功能。例如，網(wǎng)頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成。當(dāng)然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉(zhuǎn)等效果直接生成html代碼，或者嵌入到現(xiàn)有的網(wǎng)頁中，或者作為單獨(dú)的網(wǎng)頁出現(xiàn)。主圖是一個網(wǎng)頁的門面，它能體現(xiàn)出這個網(wǎng)頁的整體風(fēng)格。
制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個關(guān)于中國的網(wǎng)站,平時也總是瀏覽類似的網(wǎng)站,對這些還有些了解,于是確定主題,做一些類似的網(wǎng)站,但考慮到,現(xiàn)在網(wǎng)絡(luò)上好多類似的網(wǎng)站,但有些內(nèi)容不適合我們大學(xué)生閱讀,對于我們來說有點(diǎn)不實(shí)際,根據(jù)這種情況,最后決定建立一個簡單的中國介紹和相關(guān)的事跡網(wǎng)站,專門介紹一些即使用,又便宜的小秘笈。于是網(wǎng)站主題確立。
然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，用戶登錄注冊頁面留言，再加入個別網(wǎng)站等，每一部分又分幾小部分，內(nèi)容比較充分，多樣。
再后是收集資料與素材，大量瀏覽相關(guān)網(wǎng)站，收集關(guān)于中國的一些事跡歷史圖片，好的文章和圖片等，還有參考一些好的網(wǎng)站的布局，特色，顏色搭配，背景圖等。
再后是設(shè)計(jì)網(wǎng)頁圖片，用flash制作網(wǎng)頁的banner。
再后是建立站點(diǎn)，站點(diǎn)分布如下：
再后是制作網(wǎng)頁了，使用dreamweaver制作。
首頁內(nèi)容精彩豐富，簡潔明快，語言風(fēng)趣，通俗易懂。頁面可愛清爽。首頁主要是導(dǎo)航作用。首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，一個網(wǎng)站強(qiáng)調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：
簡潔實(shí)用: 這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。
利用我們所學(xué)的框架集，制作更完美的頁面。將動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結(jié)合起來
再后，調(diào)試過程，好多次本來在dream里好好的，把字調(diào)的好好的，位置很對，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實(shí)，經(jīng)過再三調(diào)試，整理，加了好多表格，終于滿意了，很是麻煩，想請問老師，為什么會出現(xiàn)這種情況啊，還有怎么解決啊，不用這么反復(fù)調(diào)整的辦法，還有什么好辦法啊？
還有，在最超鏈接過程中，明明在頁面屬性里設(shè)置的是超鏈接的文字是原色，點(diǎn)擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實(shí)驗(yàn)，終于知道怎么回事了，原來應(yīng)該對文字所在的單元格整體做鏈接，而不是只選中文字做鏈接。
還有，這次的網(wǎng)站大部分用的是表格，層用的很少，因?yàn)樗`活了，不好控制，用的很少。
再后，是網(wǎng)頁的上傳與發(fā)布，用ftp將制作好的網(wǎng)站上傳
制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用，操作，可這樣要修改模版可就麻煩了，要一個網(wǎng)頁一個的修改，于是趕緊上網(wǎng)學(xué)習(xí)相關(guān)內(nèi)容，閱覽書籍，最后才知道文件這有個資源，點(diǎn)擊
進(jìn)入資源面板，點(diǎn)擊到數(shù)第二個的模版，選項(xiàng)，所有模版就都顯示了，點(diǎn)擊資源面板左下角的應(yīng)用命令，好了，這個模版就應(yīng)用到你建立的網(wǎng)頁中去了。
這只是在制作過程中出現(xiàn)的問題之一，其它問題也是類似相同。現(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗(yàn)，當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁而努力。
同學(xué)告訴我，要做好網(wǎng)頁，一定要學(xué)從c++,java,php，asp，數(shù)據(jù)庫。以后要學(xué)的實(shí)在是太多了，而且我也很喜歡這方面，在以后的日子里，會努力填充自己，豐富自己的。希望以后有不懂的地方，老師能多多指點(diǎn)。
二 實(shí)驗(yàn)心得
在internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。
對于現(xiàn)在的社會，科技的飛速發(fā)展已經(jīng)成為社會發(fā)展的標(biāo)志。其中計(jì)算機(jī)的發(fā)展可謂快中之快，而在計(jì)算機(jī)的發(fā)展中計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展又是首當(dāng)其沖的。計(jì)算機(jī)網(wǎng)絡(luò)從為我們所知，到現(xiàn)在才經(jīng)歷的短短的幾年時間，在這幾年中隨著計(jì)算機(jī)網(wǎng)絡(luò)的廣泛應(yīng)用，特別是internet的普及和發(fā)展，網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺、新游戲的發(fā)布、最新的各種it動態(tài)，包括等候就業(yè)人才的個人簡歷，我們都是可以通過網(wǎng)絡(luò)來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢對就是網(wǎng)頁。現(xiàn)如今，數(shù)以萬計(jì)的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會進(jìn)入信息時代的時候，在網(wǎng)絡(luò)成為通信的主要手段的時候，在計(jì)算機(jī)網(wǎng)絡(luò)普及的今天，網(wǎng)頁也在它自己的崗位上做出了突出的貢獻(xiàn)。網(wǎng)頁是我們在網(wǎng)絡(luò)上的代言人。我們將什么樣的信息傳達(dá)給瀏覽者，要講述什么樣的事情，網(wǎng)頁在這里起著重要的作用。
企業(yè)網(wǎng)站在企業(yè)的網(wǎng)絡(luò)營銷當(dāng)中占有及其重要的地位，只要是涉及網(wǎng)絡(luò)宣傳的企業(yè)，都應(yīng)該建立屬于自己的個性企業(yè)網(wǎng)站。他不僅能夠讓企業(yè)在網(wǎng)絡(luò)上展示自己的產(chǎn)品，促進(jìn)實(shí)際銷售的增長，更能夠通過一根網(wǎng)線，向目標(biāo)客戶展示企業(yè)自身的形象。
對于企業(yè)網(wǎng)站設(shè)計(jì)的觀點(diǎn)，偏重網(wǎng)站的形象設(shè)計(jì)，即在功能務(wù)實(shí)、體系完善的情況下，重點(diǎn)結(jié)合企業(yè)理念打造網(wǎng)站的形象。logo就能很好的表現(xiàn)企業(yè)的形象。企業(yè)標(biāo)志(logo)是指用于代表企業(yè)形象的獨(dú)特的、有意義的圖案，是企業(yè)形象識別當(dāng)中最核心的環(huán)節(jié)，可用于與企業(yè)形象相關(guān)的所有環(huán)節(jié)。由于企業(yè)標(biāo)志所處的特殊地位，決定了其不能夠隨意更換，因此能否設(shè)計(jì)一個有內(nèi)涵、有文化、便于識別的標(biāo)志，并建立相關(guān)的應(yīng)用系統(tǒng)，關(guān)乎到企業(yè)長遠(yuǎn)的發(fā)展，不容小視。
建設(shè)網(wǎng)站的一般過程包括：前期內(nèi)容確立、網(wǎng)站架構(gòu)搭建、創(chuàng)意策劃、設(shè)計(jì)、網(wǎng)站建設(shè)。網(wǎng)站的功能版塊一般分為首頁（含引導(dǎo)頁）、新聞部分、產(chǎn)品部分、信息交流部分、定制系統(tǒng)、零散頁面等。根據(jù)不同的企業(yè)需求，各網(wǎng)站的功能版塊數(shù)量、布局、結(jié)構(gòu)各異。
（一） 頁面的設(shè)計(jì)方面
網(wǎng)頁設(shè)計(jì)跟學(xué)習(xí)別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。
頁設(shè)計(jì)需要耐心，如果沒有耐心，就學(xué)不好網(wǎng)頁設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了很長時間才解決。
頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學(xué)習(xí)
并且頁設(shè)計(jì)不要掉入技術(shù)的陷阱，如果你的網(wǎng)頁設(shè)計(jì)技術(shù)一流，并且對軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的網(wǎng)頁確不堪目睹，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的邊緣科學(xué).不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識.只有綜合運(yùn)用多種知識,才能設(shè)計(jì)出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.
并且我認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評論，可以交互的。因此我提倡簡單的美。
（二）網(wǎng)頁視覺效果
視覺形象識別即我們通常所說的vi（visualidentity），與bi一起用于深化表現(xiàn)企業(yè)理念，同時也受到bi的影響。所謂視覺形象識別，就是指能夠被目標(biāo)客戶通過視覺來認(rèn)知與企業(yè)相關(guān)的一切事物，從最基礎(chǔ)的企業(yè)標(biāo)志、吉祥物、標(biāo)準(zhǔn)色到企業(yè)日常業(yè)務(wù)中的信紙、服裝、名片等等，在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識別系統(tǒng)。
視覺形象識別系統(tǒng)在整套cis中處于最表層的位置，其中所有的`設(shè)計(jì)都將與目標(biāo)客戶發(fā)生直接的接觸。
（三）網(wǎng)頁的整體布局和導(dǎo)航
網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構(gòu)，說的通俗一點(diǎn)就是排版。如何突出最重要的內(nèi)容，即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達(dá)的信息。這一點(diǎn)至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁中，一個共同的特點(diǎn)就是網(wǎng)頁的整體架構(gòu)十分的清晰明了，便于用戶瀏覽
網(wǎng)頁布局大致可分為國字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型
網(wǎng)頁布局是主要考慮以下幾點(diǎn)：
1、首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。
2、其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3、正文的框架設(shè)置（橫向因素和縱向因素交錯）
（四）網(wǎng)頁中文字、圖像
圖象我利用網(wǎng)上搜索和自己所學(xué)過的banner進(jìn)行處理,這樣做起來節(jié)約了很多時間。。
（五）網(wǎng)頁制作過程中的其他注意事項(xiàng)
不要過于注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實(shí)用價(jià)值。
通過這次實(shí)習(xí)，在制作時想想使自己的網(wǎng)頁更加豐富多彩，在網(wǎng)頁中插入圖象，動畫，動態(tài)特效。可是總遇到這樣那樣的問題，但在同學(xué)的幫助和自己摸索的情況下完成了這個實(shí)習(xí)的成果。看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗(yàn)，當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。虛在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁而努力。
近一個星期的實(shí)訓(xùn)將要結(jié)束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學(xué)到了新的美化網(wǎng)頁的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。
網(wǎng)頁設(shè)計(jì)的實(shí)驗(yàn)報(bào)告心得 篇2
網(wǎng)頁設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計(jì)，但是經(jīng)過這段時間的學(xué)習(xí)了解，現(xiàn)在我打開一個網(wǎng)頁都會習(xí)慣性的先看看排版、布局和色彩運(yùn)用。
通過老師的講解和對課本的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗(yàn)。例如：
1、命名站點(diǎn)或者文件夾的的時候一定要注意，最好用相應(yīng)的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。
2、調(diào)用Style時可以單擊鼠標(biāo)右鍵選擇Custon Style來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的HTML代碼則完全不同。在這個過程中，我同樣認(rèn)識到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，可以很直觀的反映出效果。 頁面設(shè)計(jì)應(yīng)以美觀、大方、簡潔為原則，保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗(yàn)。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計(jì)，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時間進(jìn)入網(wǎng)站，很有可能他會立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設(shè)計(jì)，只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設(shè)計(jì)它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站，能點(diǎn)一次的，絕不點(diǎn)第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點(diǎn)到為止。
下面簡單介紹下網(wǎng)頁設(shè)計(jì)的理念和要點(diǎn)。網(wǎng)頁設(shè)計(jì)理念：
（1）內(nèi)容決定形式：先把內(nèi)容充實(shí)上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。
（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計(jì)。最后調(diào)整不滿意的幾個局部細(xì)節(jié)。
（3）功能決定設(shè)計(jì)方向: 看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。
網(wǎng)頁設(shè)計(jì)的兩大要點(diǎn)是：整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格:
1、將標(biāo)志logo，盡可能的放在頁面最突出的位置。
2、突出標(biāo)準(zhǔn)色彩。
3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標(biāo)語。
4、相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。
二、網(wǎng)頁色彩的搭配:
1、用一種色彩。指選定一種色彩，然后調(diào)整透明度或飽和度，這樣頁面看起來色彩統(tǒng)一，有層次感。
2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。
3、用一個色系。就是用一個感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。在網(wǎng)頁配色中，還要切記一些誤區(qū)：
1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。
2、背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。
針對我所學(xué)的平面設(shè)計(jì)方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計(jì)，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設(shè)計(jì)作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，版式設(shè)
計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計(jì)的大門，在今后的閑余時間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁的更多知識以實(shí)現(xiàn)自身技能的提高。
網(wǎng)頁設(shè)計(jì)的實(shí)驗(yàn)報(bào)告心得 篇3
實(shí)習(xí)目的：熟悉和掌握計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁設(shè)計(jì)的 基本思路和應(yīng)用開發(fā)能力，提高我們的計(jì)算機(jī)文化素質(zhì)。
網(wǎng)頁是世界上最有價(jià)值的不動產(chǎn)之一。人們在這個不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對外的臉面。WEB站點(diǎn)就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他WEB站點(diǎn)的鏈接，繞過主頁而進(jìn)入WEB的深層。
一.網(wǎng)站的整體規(guī)劃
1.討論網(wǎng)站主題：因?yàn)樽约簩ζ樟_旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計(jì)一個旅游網(wǎng)站。
2.定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗(yàn)一下的共鳴。于是在網(wǎng)頁設(shè)計(jì)上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。
2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3]正文的框架設(shè)置 (橫向因素和縱向因素交錯)
在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。
二.網(wǎng)頁制作的前期策劃與準(zhǔn)備
1.資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動畫等。
2.熟悉制作工具軟件：
主頁制作的基本條件有：
硬件：
一臺電腦(64mb以上內(nèi)存，當(dāng)然越大越好啦);可以撥號上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;
軟件：
html編輯軟件：常用的有frontpage、hotdog等，本文重點(diǎn)介紹 dreamweaver;
圖像處理軟件：常用的有photoshop、flash、fireworks 等;
文件上傳軟件：常用的有cuteftp、wsftp等。
三.網(wǎng)頁制作
真 的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的 flash不能產(chǎn)生效果。總之問題一籮筐。實(shí)踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借 了幾本網(wǎng)頁制作方面的書籍來參考。
在對基本知識有了詳細(xì)的了解之后，做起東西來就得心應(yīng)手多了，知道引導(dǎo)頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計(jì)一個引導(dǎo)頁。
然后是主頁和二級頁面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如office 97的照片編輯器。把準(zhǔn)備在主頁上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過程中，看著心中的東西一點(diǎn)一點(diǎn)的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。
四.網(wǎng)頁的調(diào)試
之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
總 結(jié)：在www上,不論你是資產(chǎn)上億的大公司,還是捉襟見肘的窮學(xué)生,只要你建立了自己的網(wǎng)頁,你們的地位就是平等的。經(jīng)過這周的相關(guān)學(xué)習(xí)，我了解到網(wǎng)頁設(shè) 計(jì)與制作是一門龐大的工程。網(wǎng)站的反饋與評價(jià)網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容、保持內(nèi)容的新鮮,不要做好就放到服務(wù)器永遠(yuǎn)不變了,只有不斷地補(bǔ)充、更新內(nèi)容、 才能夠吸引瀏覽者.維護(hù)更新時可以充分利用dreamweaver提供的模板和庫技術(shù),以提高工作效率. 一個真正的網(wǎng)站,不僅應(yīng)該實(shí)現(xiàn)傳統(tǒng)媒體的電子化,給用戶提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁面瀏覽更高層次的需求,例如收集信息,數(shù)據(jù)傳 遞,數(shù)據(jù)存儲以及系統(tǒng)維護(hù)等.自己還有許多要學(xué)習(xí)的地方。
網(wǎng)頁設(shè)計(jì)的實(shí)驗(yàn)報(bào)告心得 篇4
在經(jīng)濟(jì)迅速發(fā)展的今天，Internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實(shí)習(xí)，讓我們把平時所學(xué)知識運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實(shí)習(xí)使我獲得了更多的新知識同時也使我使我認(rèn)識到了自己在學(xué)習(xí)上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?/p>
一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃。這主要包括四個方面的內(nèi)容
1。討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2。定位網(wǎng)站的CI形象。
“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機(jī)、是個性、是春意盎然、是自強(qiáng)不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是YIFINI易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的CI形象。
3。確定欄目和板塊。
于時間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設(shè)計(jì)了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍(lán)色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
4。網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達(dá)到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍(lán)色和綠色為我網(wǎng)站的主打色主要是因?yàn)槲业漠a(chǎn)品特性。在設(shè)計(jì)上，YIEINI易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計(jì)之中，充分體現(xiàn)設(shè)計(jì)師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達(dá)這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準(zhǔn)備，在本階級主要有兩方面的工作
1。資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實(shí)詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認(rèn)真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好，爭取不范類似錯誤。
2。熟悉制作軟件。
做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因?yàn)樵谄綍r上課是老師帶領(lǐng)我們運(yùn)用過。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時不夠認(rèn)真的具體表現(xiàn)。
三、網(wǎng)頁制作，這便進(jìn)入我該次的主題了具體制作流程如下
1。構(gòu)建站點(diǎn)框架。
在我打開Dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。
2。設(shè)計(jì)主頁及二級頁面。
在主頁我設(shè)首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個網(wǎng)站強(qiáng)調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。
而且制作過程中，不忘以下原則：
簡潔實(shí)用：這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求：布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。
交互式強(qiáng)：發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個使用者都參與到其中來，這樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。這樣的網(wǎng)頁才算真正的美的設(shè)計(jì)。每個子頁都設(shè)有上導(dǎo)航欄，便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對比性。在做這些網(wǎng)頁的時候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
3。實(shí)現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實(shí)很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4。向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
四、網(wǎng)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學(xué)校上的問題，當(dāng)真正開始運(yùn)用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同。現(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習(xí)，讓我們在實(shí)踐之中來學(xué)習(xí)知識。因?yàn)槲矣X得實(shí)踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動手能力增強(qiáng)我們的技術(shù)性。
網(wǎng)頁設(shè)計(jì)的實(shí)驗(yàn)報(bào)告心得 篇5
網(wǎng)頁設(shè)計(jì)的本質(zhì)是為用戶的體驗(yàn)服務(wù)，網(wǎng)頁設(shè)計(jì)的具體設(shè)計(jì)實(shí)踐活動主要包括交互和視覺兩個部分，交互的重要程度決定了匹配對應(yīng)的視覺效果。下面是小編整理的網(wǎng)頁課程設(shè)計(jì)報(bào)告書，希望對你有幫助。
網(wǎng)頁設(shè)計(jì)作為高校設(shè)計(jì)學(xué)專業(yè)的專業(yè)課程，在教學(xué)課程知識體系的不斷探索和完善中，形成了以藝術(shù)和技術(shù)分別主導(dǎo)的側(cè)重不同而又緊密關(guān)聯(lián)的兩種課程知識體系。隨著網(wǎng)頁設(shè)計(jì)理論與方法研究的不斷深入和發(fā)展，人們對網(wǎng)頁的產(chǎn)品設(shè)計(jì)的屬性認(rèn)知越來越明確，對網(wǎng)頁設(shè)計(jì)的工作分工更細(xì)致也更專業(yè)，這種認(rèn)知進(jìn)步也應(yīng)該體現(xiàn)于當(dāng)前的高校網(wǎng)頁設(shè)計(jì)課程的知識構(gòu)建體系中。
1.從代碼知識到網(wǎng)頁制作工具知識的轉(zhuǎn)變
早期，高校網(wǎng)頁類課程的知識體系構(gòu)建得益于院校的科研優(yōu)勢，互聯(lián)網(wǎng)的發(fā)展直接促成了計(jì)算機(jī)專業(yè)的開設(shè)和網(wǎng)頁設(shè)計(jì)課程的設(shè)立。20世紀(jì)90年代末，網(wǎng)頁設(shè)計(jì)課程陸陸續(xù)續(xù)被列入部分高校設(shè)計(jì)類專業(yè)課程目錄。面向高校學(xué)生的網(wǎng)頁設(shè)計(jì)課程內(nèi)容是一種全新的事物，即使面向藝術(shù)類專業(yè)，也由計(jì)算機(jī)專業(yè)相關(guān)教師承擔(dān)教學(xué)任務(wù)。各高校、科研院所對網(wǎng)頁制作方法不斷探索，并將成果發(fā)布于各種學(xué)術(shù)研究出版物，教學(xué)方面則直接引用案例教學(xué)，教學(xué)內(nèi)容以HTML知識為主。由于面向?qū)ο蟮脑O(shè)計(jì)思想在軟件開發(fā)中普及，各種不需要用戶直接面對代碼的網(wǎng)頁制作工具相繼誕生，于是，這方面的知識成為課堂的新內(nèi)容，大大減輕了學(xué)生的記憶負(fù)擔(dān)。2.網(wǎng)頁制作向網(wǎng)頁美工的轉(zhuǎn)變網(wǎng)站制作的快速發(fā)展、網(wǎng)頁制作技術(shù)的傳播，使網(wǎng)站在技術(shù)層面進(jìn)入了同質(zhì)化階段，市場需求開始轉(zhuǎn)向頁面視覺效果方面的提升。在網(wǎng)頁設(shè)計(jì)課程中，由于對網(wǎng)頁設(shè)計(jì)分工認(rèn)知不足，早期的網(wǎng)頁設(shè)計(jì)課程時常將設(shè)計(jì)和制作的名稱與授課內(nèi)容混用，沒有嚴(yán)格區(qū)分，也沒有明確的網(wǎng)頁前端設(shè)計(jì)與視覺設(shè)計(jì)分工。高校網(wǎng)頁設(shè)計(jì)課程的授課內(nèi)容以網(wǎng)頁制作技術(shù)為主，以美化頁面效果為輔。此時，高校對于網(wǎng)頁設(shè)計(jì)課程的視覺設(shè)計(jì)方面的專業(yè)教學(xué)研究處于摸索階段。之后，隨著時代的發(fā)展，網(wǎng)頁設(shè)計(jì)課程教學(xué)核心開始轉(zhuǎn)變?yōu)橹谱骶哂懈岩曈X效果的網(wǎng)頁。3.網(wǎng)頁視覺設(shè)計(jì)與網(wǎng)頁前端設(shè)計(jì)的內(nèi)容分離側(cè)重于設(shè)計(jì)的網(wǎng)頁設(shè)計(jì)課程知識體系重構(gòu)從探索、發(fā)展到成熟，經(jīng)歷了較長的準(zhǔn)備階段。隨著界面設(shè)計(jì)方法和流程理論體系的日益完善，分工協(xié)作機(jī)制日趨成熟，前端設(shè)計(jì)分離后，網(wǎng)頁設(shè)計(jì)課程的重心確定為符合網(wǎng)頁制作技術(shù)規(guī)范和條件的頁面創(chuàng)意表達(dá)、視覺效果設(shè)計(jì)與優(yōu)化。網(wǎng)頁視覺設(shè)計(jì)的探索從傳統(tǒng)的平面設(shè)計(jì)方法尋找切入點(diǎn)，通過對網(wǎng)頁設(shè)計(jì)中的審美需求和各種視覺構(gòu)成要素（如文字、圖片、顏色等）進(jìn)行分析，結(jié)合人們在瀏覽信息時的視覺習(xí)慣，探索網(wǎng)頁視覺信息如何被更有效、更合理地表達(dá)。網(wǎng)頁設(shè)計(jì)教學(xué)重心內(nèi)容在轉(zhuǎn)移到視覺設(shè)計(jì)之后，該階段還未意識到網(wǎng)頁交互設(shè)計(jì)的核心地位。
網(wǎng)頁設(shè)計(jì)的本質(zhì)是用戶的體驗(yàn)設(shè)計(jì)。網(wǎng)站作為互聯(lián)網(wǎng)非可觸形態(tài)的產(chǎn)品，對其認(rèn)知的構(gòu)建包含產(chǎn)品屬性認(rèn)知與服務(wù)屬性認(rèn)知兩個層面的內(nèi)容。1.網(wǎng)頁設(shè)計(jì)是一種產(chǎn)品設(shè)計(jì)設(shè)計(jì)是一門交叉學(xué)科，網(wǎng)頁本身也是一種產(chǎn)品。網(wǎng)頁設(shè)計(jì)最初被視作平面領(lǐng)域的設(shè)計(jì)，而鏈接交互是網(wǎng)頁設(shè)計(jì)有別于平面設(shè)計(jì)的基本特征。網(wǎng)頁設(shè)計(jì)存在交互性，使其具有交互設(shè)計(jì)可用性與易用性體驗(yàn)的內(nèi)在要求，適用于工業(yè)產(chǎn)品的基本設(shè)計(jì)流程。2.網(wǎng)頁設(shè)計(jì)是一種服務(wù)設(shè)計(jì)服務(wù)設(shè)計(jì)層面，各種網(wǎng)頁交互體驗(yàn)、視聽信息、線上內(nèi)容服務(wù)與線下互動等，是網(wǎng)站向用戶提供服務(wù)的設(shè)計(jì)組成部分。作為一種廣義的產(chǎn)品形態(tài)，網(wǎng)頁設(shè)計(jì)與傳統(tǒng)的實(shí)物形態(tài)的工業(yè)產(chǎn)品設(shè)計(jì)有一定區(qū)別，更傾向于體驗(yàn)的系統(tǒng)化設(shè)計(jì)。隨著互聯(lián)網(wǎng)向物聯(lián)網(wǎng)的可用技術(shù)研究與拓展，基于智能化網(wǎng)絡(luò)的服務(wù)設(shè)計(jì)將成為跨越線上線下的主流設(shè)計(jì)形態(tài)。3.網(wǎng)頁頁面信息設(shè)計(jì)是關(guān)系網(wǎng)頁設(shè)計(jì)品質(zhì)的深度設(shè)計(jì)網(wǎng)頁設(shè)計(jì)作為一種信息量龐大的互聯(lián)網(wǎng)單元，從工效學(xué)角度來看，網(wǎng)站信息本身也擔(dān)負(fù)著面對用戶、有效傳遞信息的功能和任務(wù)，在具體的設(shè)計(jì)活動中，表現(xiàn)為對信息的設(shè)計(jì)。信息設(shè)計(jì)具有多學(xué)科交叉性、空間多維性、時間流動性等基本特征，信息設(shè)計(jì)的目的是為了提高信息的可理解度和可閱讀性。優(yōu)質(zhì)的網(wǎng)頁信息設(shè)計(jì)可以降低用戶獲取信息的時間和精力成本，提升頁面信息獲取體驗(yàn)。
網(wǎng)頁設(shè)計(jì)的本質(zhì)是對體驗(yàn)的設(shè)計(jì)，即以用戶為核心思考設(shè)計(jì)方案，研究用戶在訪問網(wǎng)站時的需求是網(wǎng)頁課程設(shè)計(jì)任務(wù)的基本出發(fā)點(diǎn)。課程內(nèi)容模塊應(yīng)該以回答網(wǎng)頁設(shè)計(jì)是什么、怎么設(shè)計(jì)、為什么這樣設(shè)計(jì)三個問題為主線，構(gòu)建網(wǎng)頁設(shè)計(jì)課程的知識體系。1.課程的基本目標(biāo)掌握網(wǎng)站項(xiàng)目與網(wǎng)頁制作的基本設(shè)計(jì)流程，培養(yǎng)設(shè)計(jì)項(xiàng)目管理和組織能力；掌握用戶需求研究分析的基本方法，對用戶體驗(yàn)和需求研究有較為敏銳的洞察力；掌握網(wǎng)站交互原型相關(guān)的設(shè)計(jì)方法與工具；掌握網(wǎng)頁視覺設(shè)計(jì)方法和設(shè)計(jì)規(guī)范；了解目前網(wǎng)頁前端設(shè)計(jì)的相關(guān)技術(shù)和工具。2.知識體系與模塊組成（1）設(shè)計(jì)方法教學(xué)內(nèi)容模塊設(shè)計(jì)方法教學(xué)內(nèi)容模塊主要為了解決面對具體問題時設(shè)計(jì)師怎樣展開分析研究工作并確定設(shè)計(jì)執(zhí)行方案。網(wǎng)頁設(shè)計(jì)方法主要分為項(xiàng)目流程設(shè)計(jì)與管理、網(wǎng)站策劃方法與規(guī)范、用戶體驗(yàn)研究、交互原型設(shè)計(jì)方法等，讓學(xué)生通過貫穿整個課堂教學(xué)的項(xiàng)目流程設(shè)計(jì)和每個流程的具體設(shè)計(jì)方法的實(shí)踐，掌握基本的設(shè)計(jì)理論。（2）軟件工具教學(xué)內(nèi)容模塊軟件工具教學(xué)內(nèi)容在形式方面包括課堂內(nèi)的指導(dǎo)和課堂外的自學(xué)兩個部分。鑒于設(shè)計(jì)軟件的頻繁更新和新的設(shè)計(jì)軟件不斷涌現(xiàn)，教師必須培養(yǎng)學(xué)生自學(xué)工具的主動意識以適應(yīng)社會需求。在工具種類方面，包括圖形處理工具、交互原型工具和代碼工具三類。第一類是圖形處理工具，其中常見的Photoshop、Illustrator等圖形設(shè)計(jì)軟件，已經(jīng)在前置課程中基本完成學(xué)習(xí)。第二類是交互原型制作工具，常見的工具有墨刀、Axure等。第三類是代碼編輯工具，選擇較多，作為對網(wǎng)頁前端知識的入門介紹部分，在本課程中以介紹為主。（3）設(shè)計(jì)經(jīng)驗(yàn)教學(xué)內(nèi)容模塊設(shè)計(jì)經(jīng)驗(yàn)教學(xué)以啟發(fā)式案例實(shí)踐為主，按照網(wǎng)站項(xiàng)目設(shè)計(jì)的流程需要，設(shè)定不同層次、不同要求的設(shè)計(jì)實(shí)踐任務(wù)作為課程結(jié)課的考核內(nèi)容。學(xué)生通過案例的練習(xí)能從優(yōu)秀作品中學(xué)到設(shè)計(jì)經(jīng)驗(yàn)，從具體的案例模仿中獲得設(shè)計(jì)的成就感。網(wǎng)頁設(shè)計(jì)課程案例教學(xué)同時也是對網(wǎng)頁設(shè)計(jì)方法的實(shí)踐驗(yàn)證，有助于學(xué)生對網(wǎng)頁設(shè)計(jì)方法的理解和體會。結(jié)語任何一種技術(shù)變革，都可能讓網(wǎng)頁設(shè)計(jì)出現(xiàn)新的藝術(shù)形態(tài)，前端依然是課程必須了解的知識。目前，就設(shè)計(jì)藝術(shù)角度而言，網(wǎng)頁設(shè)計(jì)課程的內(nèi)容以交互和視覺設(shè)計(jì)為基礎(chǔ)，在信息設(shè)計(jì)層面也有較大的提升空間，設(shè)計(jì)途徑也已經(jīng)拓展到用戶的視覺、行為、聲音和邏輯等方面。網(wǎng)頁設(shè)計(jì)課程的知識體系構(gòu)建必須以產(chǎn)品的視角，讓學(xué)生更深刻、更完整地理解用戶模式下的網(wǎng)頁設(shè)計(jì)藝術(shù)。
【網(wǎng)頁設(shè)計(jì)的實(shí)驗(yàn)報(bào)告心得】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告10-11
網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)報(bào)告10-09
網(wǎng)頁制作實(shí)驗(yàn)報(bào)告05-01
網(wǎng)頁制作實(shí)驗(yàn)報(bào)告09-20
網(wǎng)頁制作實(shí)驗(yàn)報(bào)告4篇09-26
網(wǎng)頁設(shè)計(jì)學(xué)習(xí)心得06-10