網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告
在人們?cè)絹碓阶⒅刈陨硭仞B(yǎng)的今天，報(bào)告使用的頻率越來越高，報(bào)告具有成文事后性的特點(diǎn)。那么，報(bào)告到底怎么寫才合適呢？下面是小編幫大家整理的網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告，僅供參考，大家一起來看看吧。
網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告1
作為一個(gè)以前從來沒有接觸過互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的菜鳥級(jí)產(chǎn)品設(shè)計(jì)人員，在沒有人指導(dǎo)，只能自己摸索的情況下設(shè)計(jì)出并和技術(shù)與美工培訓(xùn)和將網(wǎng)站做出來，其中的艱辛只能自己體會(huì)。不過，雖然過程艱辛，但自己的收獲頗大。一直以來希望能夠轉(zhuǎn)型做互聯(lián)網(wǎng)的產(chǎn)品，但總是沒有機(jī)會(huì)。這次公司網(wǎng)站的策劃及設(shè)計(jì)給了自己很好的學(xué)習(xí)和實(shí)踐機(jī)會(huì)。在這斷斷續(xù)續(xù)的七個(gè)月中，自己對(duì)于網(wǎng)站的策劃和設(shè)計(jì)有了一定的認(rèn)識(shí)，也通過實(shí)踐的對(duì)照，對(duì)過去自己看過的產(chǎn)品設(shè)計(jì)和產(chǎn)品經(jīng)理書籍中的理論有了更加深刻的理解。
在此，將在網(wǎng)站設(shè)計(jì)過程中的一些心得總結(jié)如下。雖然對(duì)于已經(jīng)身為產(chǎn)品經(jīng)理的人可能沒有用處。但，我想，可能對(duì)于那些想要入行，或者希望在自己的公司內(nèi)部轉(zhuǎn)入產(chǎn)品行業(yè)的人來說，可能多少有一點(diǎn)點(diǎn)用。
要注意網(wǎng)站的定位
任何一個(gè)公司或單位，要設(shè)計(jì)一個(gè)網(wǎng)站，都必然有其核心定位，即這個(gè)網(wǎng)站設(shè)計(jì)出來要干什么。這一點(diǎn)對(duì)網(wǎng)站的設(shè)計(jì)具有決定性的影響。如果不能將網(wǎng)站的定位把握好，作為一個(gè)設(shè)計(jì)人員，其工作往往會(huì)是無功而返。因此，在網(wǎng)站策劃階段，產(chǎn)品設(shè)計(jì)人員必須多和上層溝通，甚至多和領(lǐng)導(dǎo)爭(zhēng)辯，通過溝通和爭(zhēng)辯來明晰公司對(duì)網(wǎng)站的定位。同時(shí)，也可以讓領(lǐng)導(dǎo)對(duì)網(wǎng)站的定位更加明晰。只有完成了這一項(xiàng)，其余的策劃和設(shè)計(jì)工作才應(yīng)該繼續(xù)進(jìn)行。
要了解用戶
產(chǎn)品經(jīng)理或產(chǎn)品設(shè)計(jì)人員很容易將自己作為用戶來判斷產(chǎn)品的功能或體驗(yàn)是否好用，但現(xiàn)實(shí)的情況是大部分用戶很可能與產(chǎn)品經(jīng)理所屬的人群差距很大。比如，在網(wǎng)站設(shè)計(jì)過程中，發(fā)現(xiàn)本網(wǎng)站的使用人群中竟然有不知道如何注冊(cè)網(wǎng)站的人，這這真是出乎意料。但這就是現(xiàn)實(shí)。所以，在產(chǎn)品設(shè)計(jì)的過程中，不能以自己為中心，把自己當(dāng)做用戶。事實(shí)上，很多用戶的互聯(lián)網(wǎng)水平真得沒有達(dá)到我們的水平。
明確、牢記目的和需求
網(wǎng)站的定位明確后，接下來要明確的是網(wǎng)站設(shè)計(jì)的目的和要滿足的需求。即：網(wǎng)站整體設(shè)計(jì)完成要達(dá)成什么目的，每個(gè)模塊設(shè)計(jì)完成要達(dá)成什么目的。從另一個(gè)層面來講，也就是，網(wǎng)站整體要滿足用戶什么需求，每個(gè)模塊又要滿足用戶什么需求。同時(shí)，在網(wǎng)站的設(shè)計(jì)過程中，要一直將目的和需求牢記心中，不斷地對(duì)照當(dāng)前的設(shè)計(jì)是否能夠達(dá)到目的或滿足用戶需求。在設(shè)計(jì)過程中不斷修改不斷調(diào)整最終導(dǎo)致偏離目的和需求的情況屢見不鮮。
保持簡(jiǎn)潔
為什么要簡(jiǎn)潔?因?yàn)�，無論是設(shè)計(jì)一個(gè)網(wǎng)站，還是設(shè)計(jì)一個(gè)其他的產(chǎn)品，都不可能一步到位。尤其在人力物力時(shí)間等資源有限的情況下，更是不可能一次性滿足所需求，達(dá)成所有目的。因此，在這種情況下，為了確保核心目標(biāo)和需求的達(dá)成，只能也必須優(yōu)先保證核心功能的完成，只上核心模塊或功能。同時(shí)，在產(chǎn)品設(shè)計(jì)的過程中，也要不斷地向同事和領(lǐng)導(dǎo)灌輸這種意識(shí)。否則，需求無止境，網(wǎng)站永遠(yuǎn)難以完成上線。
注意細(xì)節(jié)
這次的網(wǎng)站設(shè)計(jì)師自己第一次設(shè)計(jì)網(wǎng)站。因此，在設(shè)計(jì)網(wǎng)站的過程中自然而然地非常關(guān)注網(wǎng)站的整個(gè)架構(gòu)，什么模塊放什么地方，模塊之間如何相互聯(lián)系等等。但網(wǎng)站最終出來的結(jié)果展示了殘忍的一面。由于在細(xì)節(jié)上把握不夠，網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn)結(jié)果和想象中出入很大，甚至一些格式、排版上的問題都出現(xiàn)在了網(wǎng)站的各個(gè)地方。自然，最終的結(jié)果就是網(wǎng)站成品與原始設(shè)計(jì)相差甚遠(yuǎn)。因此，在產(chǎn)品設(shè)計(jì)的過程中，作為設(shè)計(jì)人員，一定不能小看細(xì)節(jié)。一定要將細(xì)節(jié)想細(xì)致，沒有細(xì)節(jié)餓網(wǎng)站很容易出問題。
注重邏輯性
網(wǎng)站的設(shè)計(jì)過程中，必須要注意邏輯判斷。對(duì)于輸入信息或注冊(cè)流程中的每一個(gè)環(huán)節(jié)的每一種狀態(tài)都要考慮到。舉一個(gè)最簡(jiǎn)單的例子，一個(gè)輸入框輸入數(shù)據(jù)，有正確的輸入、必然有錯(cuò)誤的輸入，也必然有空輸入。那么，每種狀態(tài)下系統(tǒng)都要考慮到，也都要有相應(yīng)的反應(yīng)。
流程圖很重要。
說到邏輯性，就不能不談流程圖。作為梳理邏輯的工具，流程圖非常重要。它不但可以幫助我們梳理每隔一環(huán)節(jié)的不同狀態(tài)，更可以幫助我們和技術(shù)進(jìn)行溝通，確保技術(shù)對(duì)核心流程的把握。雖然每個(gè)技術(shù)的邏輯能力都不錯(cuò)，但在編程的過程中不可能次次幫我們想到邏輯的不合理處。因此，一個(gè)合格的流程圖就非常重要了。
沒想清楚的事情不錯(cuò)
即使是一個(gè)非常小的網(wǎng)站，也是一個(gè)系統(tǒng)，如果需要添加功能或模塊，就需要考慮到方方面面的變動(dòng)，是一個(gè)比較復(fù)雜的過程。而若是一個(gè)較大的網(wǎng)站，那需要考慮的方面就更多了。因此，在設(shè)計(jì)過程中要本著一個(gè)原則：如果一個(gè)功能或模塊沒有想清楚為什么添加，有什么用處，那就不要無謂地添加這類功能或模塊。除了增加技術(shù)人員和設(shè)計(jì)人員的工作量、增加網(wǎng)站的復(fù)雜程度外，基本沒有啥好處。
一定要評(píng)審
評(píng)審對(duì)于所有的產(chǎn)品設(shè)計(jì)人員來說都是一場(chǎng)"噩夢(mèng)"。但是評(píng)審可不可以省略呢?不可以。一方面，我們需要通過評(píng)審讓大家認(rèn)可自己的設(shè)計(jì)。如果對(duì)我們的設(shè)計(jì)不認(rèn)可，那么在真正執(zhí)行過程中便會(huì)有更多的障礙。另一方面，我們需要通過評(píng)審收集意見，查漏補(bǔ)缺，找到我們沒有注意到的地方。不過，在評(píng)審過程中，我們也一定要做好心理準(zhǔn)備，畢竟，讓一大堆人說你設(shè)計(jì)的這不行那也不行，心里是絕對(duì)不會(huì)好受的。唯一能夠減少這種情況出現(xiàn)的方法，也許就是盡可能細(xì)致地想到各個(gè)方面，有充足的理由來說服對(duì)方。
一定要寫產(chǎn)品需求文檔。
在自己設(shè)計(jì)網(wǎng)站之前，看過一些產(chǎn)品經(jīng)理方面的書，每本書里都介紹到了產(chǎn)品需求文檔的撰寫，可見產(chǎn)品需求文檔的重要性。但說來奇怪，在自己真正做網(wǎng)站時(shí)，由于團(tuán)隊(duì)里人很少，所以自己竟然認(rèn)為不需要寫產(chǎn)品需求文檔，認(rèn)為只要當(dāng)面溝通就可以了。但事實(shí)是，沒有需求文檔，很多細(xì)節(jié)的東西，自己設(shè)計(jì)的時(shí)候哦想得很好，但過段時(shí)間卻模糊了，結(jié)果技術(shù)人員詢問時(shí)只能憑感覺給出解決方案。當(dāng)然，結(jié)果可想而知，出現(xiàn)了很多不應(yīng)該出現(xiàn)的問題和BUG。這些問題和BUG讓我真正體會(huì)到了產(chǎn)品需求文檔的重要性。
要懂得妥協(xié)和聽取意見。
在產(chǎn)品設(shè)計(jì)過程中，經(jīng)常會(huì)出現(xiàn)一種情況：產(chǎn)品設(shè)計(jì)人員或產(chǎn)品經(jīng)理苦思冥想找到一種解決方案或展現(xiàn)形式，可以上級(jí)領(lǐng)導(dǎo)或公司管理層不認(rèn)可。這種情況下，我們常常會(huì)因?yàn)?自家孩子就是好"的心理而忽略他人的意見，或者堅(jiān)決不妥協(xié)、不接納他人意見。這樣做非常不利于我們工作的推進(jìn)。因此，在這種時(shí)候，產(chǎn)品人員一要沉下心來，耐心聽取別人的意見，看看是否有可取之處。而是要懂得妥協(xié)，不在非常細(xì)節(jié)的地方和領(lǐng)導(dǎo)層較勁，阻礙工作的推進(jìn)。
要堅(jiān)定，更要執(zhí)行。
當(dāng)然，在產(chǎn)品設(shè)計(jì)過程中，也會(huì)出現(xiàn)這種情況：我們認(rèn)為某個(gè)功能非常重要，可上級(jí)認(rèn)為不需要，要砍掉;或者，我們認(rèn)為一個(gè)功能或模塊完全沒必要展現(xiàn)，可上級(jí)堅(jiān)持要求添加。這種不可調(diào)和的矛盾怎么處理呢?我的建議是：要堅(jiān)定，更要執(zhí)行。首先，我們要堅(jiān)定我們的想法和做法，盡量通過種種方法去說服上級(jí)。只要我們的.說法和做法有道理，上級(jí)應(yīng)該會(huì)同意我們的做法。其次，如果無法說服上級(jí)，那么，一旦上級(jí)決定如何做，我們則堅(jiān)決執(zhí)行。雖然我們常說產(chǎn)品是為客戶設(shè)計(jì)的，但很多時(shí)候，產(chǎn)品也是為老板設(shè)計(jì)的。
要抱著做完美產(chǎn)品的心態(tài)去設(shè)計(jì)產(chǎn)品。
看過很多產(chǎn)品類的書籍，都說完美主義要不得。在這點(diǎn)上，我也同意。但是，從另一個(gè)層面來講，在產(chǎn)品設(shè)計(jì)或構(gòu)思的過程中，一定要保證做完美產(chǎn)品的心態(tài)去設(shè)計(jì)。因?yàn)�，很多時(shí)候，即使完美的設(shè)計(jì)，在通過執(zhí)行的種種換屆后，也可能變得慘不忍睹，或者最終也就是成為一個(gè)及格產(chǎn)品。而如果我們抱著湊乎的心態(tài)來設(shè)計(jì)產(chǎn)品，那做出來的東西可能真的就沒辦法用了。
要相信自己的直覺
在產(chǎn)品設(shè)計(jì)或制作的過程中，可能常常會(huì)有這種感覺："好像哪兒不對(duì)呀。"以我的經(jīng)驗(yàn)來說，這種感覺的出現(xiàn)往往是自己忘掉了一些地方或做的東西中有錯(cuò)誤，潛意識(shí)在提醒我們。所以，在這種情況下，一定要相信自己的直覺，來對(duì)相應(yīng)的模塊或功能進(jìn)行審查，找出不合理的地方進(jìn)行修改或彌補(bǔ)。
要看鍋下菜
現(xiàn)實(shí)里，每個(gè)公司的資源都是有限的。而做一個(gè)網(wǎng)站也好，做一個(gè)產(chǎn)品也好，公司能夠提供的資源也是有限的。因此，作為產(chǎn)品經(jīng)理或設(shè)計(jì)人員，一定要有現(xiàn)實(shí)感。要知道在現(xiàn)有資源情況下，能夠做到什么程度。比如：不要指望一個(gè)拿3000塊工資的美工設(shè)計(jì)出一流的頁面，也不要指望一個(gè)臨時(shí)來幫忙上傳資料的同事能夠一步到位地將資料的格式調(diào)整到最好的狀態(tài)，更不要指望剛畢業(yè)的程序員能夠迅速地解決你所提出的BUG。一句話，不要指望同事做出超過其能力以外的事情，不要指望公司提供超出其能力范圍外的資源。
永遠(yuǎn)不要偷懶。
最后一條，永遠(yuǎn)不要偷懶。我的感受是，偷懶絕對(duì)會(huì)讓我們?cè)诤笃诙嗷ㄙM(fèi)更多的時(shí)間和精力。不要因?yàn)樽约簯胁幌雽懏a(chǎn)品需求文檔就隨便弄個(gè)原型給技術(shù)，那樣后期會(huì)讓你有無窮BUG去修改;不要因?yàn)樽约簯谢驎r(shí)間緊急就不做評(píng)審，否則，一旦領(lǐng)導(dǎo)層看到設(shè)計(jì)沒有滿足其要求，你可能得重頭再來;不要技術(shù)改了BUG你就天真地相信一定是沒問題了，一定要自己確認(rèn)，否則，過兩天就會(huì)有人找你問為什么BUG沒有修改。今天的偷懶往往需要明天的雙倍甚至多倍付出。
網(wǎng)頁設(shè)計(jì)實(shí)驗(yàn)報(bào)告2
一 實(shí)驗(yàn)過程
1.資料的搜集。
2.熟悉制作軟件。
3.構(gòu)建站點(diǎn)框架。
打開dremweaver后第一步便是新建站點(diǎn)
4設(shè)計(jì)主頁及二級(jí)頁面。
5實(shí)現(xiàn)網(wǎng)頁間的鏈接
鏈接的過程其實(shí)很簡(jiǎn)單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
6向靜太網(wǎng)頁插入動(dòng)態(tài)效果
具體情況如下：
通過這半年的學(xué)習(xí)實(shí)踐中 和老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例，教會(huì)我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對(duì)所學(xué)的軟件融會(huì)貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制作了個(gè)人網(wǎng)站，作為實(shí)習(xí)的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是ｄreamweaver , banner軟件。dreamweaver大大加速了網(wǎng)絡(luò)時(shí)代電子交易應(yīng)用中的項(xiàng)目交付。它提供了網(wǎng)頁和表單的動(dòng)態(tài)生成到企業(yè)級(jí)的解決方案，如電子商店，庫(kù)存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫(kù)應(yīng)用等功能。例如，網(wǎng)頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成。當(dāng)然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉(zhuǎn)等效果直接生成html代碼，或者嵌入到現(xiàn)有的網(wǎng)頁中，或者作為單獨(dú)的網(wǎng)頁出現(xiàn)。主圖是一個(gè)網(wǎng)頁的門面，它能體現(xiàn)出這個(gè)網(wǎng)頁的整體風(fēng)格。
制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個(gè)關(guān)于中國(guó)的網(wǎng)站,平時(shí)也總是瀏覽類似的網(wǎng)站,對(duì)這些還有些了解,于是確定主題,做一些類似的網(wǎng)站,但考慮到,現(xiàn)在網(wǎng)絡(luò)上好多類似的網(wǎng)站,但有些內(nèi)容不適合我們大學(xué)生閱讀,對(duì)于我們來說有點(diǎn)不實(shí)際,根據(jù)這種情況,最后決定建立一個(gè)簡(jiǎn)單的中國(guó)介紹和相關(guān)的事跡網(wǎng)站,專門介紹一些即使用,又便宜的小秘笈。于是網(wǎng)站主題確立。
然后是整體規(guī)劃，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，中國(guó)簡(jiǎn)介，中國(guó)歷史，用戶登錄注冊(cè)頁面留言，再加入個(gè)別網(wǎng)站等，每一部分又分幾小部分，內(nèi)容比較充分，多樣。
再后是收集資料與素材，大量瀏覽相關(guān)網(wǎng)站，收集關(guān)于中國(guó)的一些事跡歷史圖片，好的文章和圖片等，還有參考一些好的網(wǎng)站的布局，特色，顏色搭配，背景圖等。
再后是設(shè)計(jì)網(wǎng)頁圖片，用flash制作網(wǎng)頁的banner。
再后是建立站點(diǎn)，站點(diǎn)分布如下：
再后是制作網(wǎng)頁了，使用dreamweaver制作。
首頁內(nèi)容精彩豐富，簡(jiǎn)潔明快，語言風(fēng)趣，通俗易懂。頁面可愛清爽。首頁主要是導(dǎo)航作用。首頁制作時(shí)，時(shí)刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對(duì)比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁有動(dòng)有靜，顏色不同，形成對(duì)比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：
簡(jiǎn)潔實(shí)用: 這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個(gè)是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。
利用我們所學(xué)的框架集，制作更完美的頁面。將動(dòng)態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結(jié)合起來
再后，調(diào)試過程，好多次本來在dream里好好的，把字調(diào)的好好的，位置很對(duì)，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實(shí)，經(jīng)過再三調(diào)試，整理，加了好多表格，終于滿意了，很是麻煩，想請(qǐng)問老師，為什么會(huì)出現(xiàn)這種情況啊，還有怎么解決啊，不用這么反復(fù)調(diào)整的辦法，還有什么好辦法��？
還有，在最超鏈接過程中，明明在頁面屬性里設(shè)置的是超鏈接的文字是原色，點(diǎn)擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實(shí)驗(yàn)，終于知道怎么回事了，原來應(yīng)該對(duì)文字所在的單元格整體做鏈接，而不是只選中文字做鏈接。
還有，這次的網(wǎng)站大部分用的是表格，層用的很少，因?yàn)樗`活了，不好控制，用的很少。
再后，是網(wǎng)頁的上傳與發(fā)布，用ftp將制作好的網(wǎng)站上傳
制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時(shí)候只是會(huì)建立模版，可不會(huì)應(yīng)用，操作，可這樣要修改模版可就麻煩了，要一個(gè)網(wǎng)頁一個(gè)的修改，于是趕緊上網(wǎng)學(xué)習(xí)相關(guān)內(nèi)容，閱覽書籍，最后才知道文件這有個(gè)資源，點(diǎn)擊
進(jìn)入資源面板，點(diǎn)擊到數(shù)第二個(gè)的模版，選項(xiàng)，所有模版就都顯示了，點(diǎn)擊資源面板左下角的應(yīng)用命令，好了，這個(gè)模版就應(yīng)用到你建立的網(wǎng)頁中去了。
這只是在制作過程中出現(xiàn)的問題之一，其它問題也是類似相同�，F(xiàn)在想想，自己所會(huì)的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡(jiǎn)單的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目?jī)?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ù)庫(kù)。以后要學(xué)的實(shí)在是太多了，而且我也很喜歡這方面，在以后的日子里，會(huì)努力填充自己，豐富自己的。希望以后有不懂的地方，老師能多多指點(diǎn)。
二 實(shí)驗(yàn)心得
在internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。
對(duì)于現(xiàn)在的社會(huì)，科技的飛速發(fā)展已經(jīng)成為社會(huì)發(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)歷的短短的幾年時(shí)間，在這幾年中隨著計(jì)算機(jī)網(wǎng)絡(luò)的廣泛應(yīng)用，特別是internet的普及和發(fā)展，網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺(tái)、新游戲的.發(fā)布、最新的各種it動(dòng)態(tài)，包括等候就業(yè)人才的個(gè)人簡(jiǎn)歷，我們都是可以通過網(wǎng)絡(luò)來獲得。但是什么為這所有的一切提供平臺(tái)的呢。我們又是通過什么來獲取這些消息的呢對(duì)就是網(wǎng)頁�，F(xiàn)如今，數(shù)以萬計(jì)的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會(huì)進(jìn)入信息時(shí)代的時(shí)候，在網(wǎng)絡(luò)成為通信的主要手段的時(shí)候，在計(jì)算機(jī)網(wǎng)絡(luò)普及的今天，網(wǎng)頁也在它自己的崗位上做出了突出的貢獻(xiàn)。網(wǎng)頁是我們?cè)诰W(wǎng)絡(luò)上的代言人。我們將什么樣的信息傳達(dá)給瀏覽者，要講述什么樣的事情，網(wǎng)頁在這里起著重要的作用。
企業(yè)網(wǎng)站在企業(yè)的網(wǎng)絡(luò)營(yíng)銷當(dāng)中占有及其重要的地位，只要是涉及網(wǎng)絡(luò)宣傳的企業(yè)，都應(yīng)該建立屬于自己的個(gè)性企業(yè)網(wǎng)站。他不僅能夠讓企業(yè)在網(wǎng)絡(luò)上展示自己的產(chǎn)品，促進(jìn)實(shí)際銷售的增長(zhǎng)，更能夠通過一根網(wǎng)線，向目標(biāo)客戶展示企業(yè)自身的形象。
對(duì)于企業(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è)形象識(shí)別當(dāng)中最核心的環(huán)節(jié)，可用于與企業(yè)形象相關(guān)的所有環(huán)節(jié)。由于企業(yè)標(biāo)志所處的特殊地位，決定了其不能夠隨意更換，因此能否設(shè)計(jì)一個(gè)有內(nèi)涵、有文化、便于識(shí)別的標(biāo)志，并建立相關(guān)的應(yīng)用系統(tǒng)，關(guān)乎到企業(yè)長(zhǎng)遠(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)你碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，你可能需要很長(zhǎng)時(shí)間去解決，我就碰到過一個(gè)問題，用了很長(zhǎng)時(shí)間才解決。
頁設(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ù)一流，并且對(duì)軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的網(wǎng)頁確不堪目睹，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的邊緣科學(xué).不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識(shí),還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識(shí).只有綜合運(yùn)用多種知識(shí),才能設(shè)計(jì)出視聽特效,動(dòng)感十足,富于個(gè)性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.
并且我認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評(píng)論，可以交互的。因此我提倡簡(jiǎn)單的美。
（二）網(wǎng)頁視覺效果
視覺形象識(shí)別即我們通常所說的vi（visualidentity），與bi一起用于深化表現(xiàn)企業(yè)理念，同時(shí)也受到bi的影響。所謂視覺形象識(shí)別，就是指能夠被目標(biāo)客戶通過視覺來認(rèn)知與企業(yè)相關(guān)的一切事物，從最基礎(chǔ)的企業(yè)標(biāo)志、吉祥物、標(biāo)準(zhǔn)色到企業(yè)日常業(yè)務(wù)中的信紙、服裝、名片等等，在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識(shí)別系統(tǒng)。
視覺形象識(shí)別系統(tǒng)在整套cis中處于最表層的位置，其中所有的設(shè)計(jì)都將與目標(biāo)客戶發(fā)生直接的接觸。
（三）網(wǎng)頁的整體布局和導(dǎo)航
網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構(gòu)，說的通俗一點(diǎn)就是排版。如何突出最重要的內(nèi)容，即讓用戶第一眼就看到這個(gè)網(wǎng)頁所想要傳達(dá)的信息。這一點(diǎn)至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁中，一個(gè)共同的特點(diǎn)就是網(wǎng)頁的整體架構(gòu)十分的清晰明了，便于用戶瀏覽
網(wǎng)頁布局大致可分為國(guó)字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型
網(wǎng)頁布局是主要考慮以下幾點(diǎn)：
1、首先要考慮整個(gè)網(wǎng)頁的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。
2、其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3、正文的框架設(shè)置（橫向因素和縱向因素交錯(cuò)）
�。ㄋ模┚W(wǎng)頁中文字、圖像
圖象我利用網(wǎng)上搜索和自己所學(xué)過的banner進(jìn)行處理,這樣做起來節(jié)約了很多時(shí)間。。
�。ㄎ澹┚W(wǎng)頁制作過程中的其他注意事項(xiàng)
不要過于注重色彩的燦爛，只要簡(jiǎn)單就行。我們最終追求的主要是實(shí)用價(jià)值。
通過這次實(shí)習(xí)，在制作時(shí)想想使自己的網(wǎng)頁更加豐富多彩，在網(wǎng)頁中插入圖象，動(dòng)畫，動(dòng)態(tài)特效。可是總遇到這樣那樣的問題，但在同學(xué)的幫助和自己摸索的情況下完成了這個(gè)實(shí)習(xí)的成果�？吹搅艘恍┲木W(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目?jī)?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)頁而努力。
近一個(gè)星期的實(shí)訓(xùn)將要結(jié)束，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學(xué)到了新的美化網(wǎng)頁的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對(duì)我來說有不少，我自己感覺在知識(shí)、技能等方面都有了不少的收獲�？傮w來說這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。
【網(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è)計(jì)的實(shí)驗(yàn)報(bào)告心得（精選5篇）07-08
網(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)告02-04
網(wǎng)頁制作實(shí)驗(yàn)報(bào)告格式10-14