網(wǎng)頁(yè)設(shè)計(jì)的實(shí)驗(yàn)報(bào)告心得

1、網(wǎng)頁(yè)設(shè)計(jì)的實(shí)驗(yàn)報(bào)告心得一實(shí)驗(yàn)過(guò)程1. 資料的搜集。2. 熟悉制作軟件。3. 構(gòu)建站點(diǎn)框架。打開 dremweaver 后第一步便是新建站點(diǎn)4 設(shè)計(jì)主頁(yè)及二級(jí)頁(yè)面。5 實(shí)現(xiàn)網(wǎng)頁(yè)間的鏈接鏈接的過(guò)程其實(shí)很簡(jiǎn)單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁(yè)單擊確定便可以了。6 向靜太網(wǎng)頁(yè)插入動(dòng)態(tài)效果具體情況如下：通過(guò)這半年的學(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)頁(yè)用的軟件是 reamweaver,

2、banner 軟件。 dreamweaver大大加速了網(wǎng)絡(luò)時(shí)代電子交易應(yīng)用中的項(xiàng)目交付。 它提供了網(wǎng)頁(yè)和表單的動(dòng)態(tài)生成到企業(yè)級(jí)的解決方案， 如電子商店，庫(kù)存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫(kù)應(yīng)用等功能。例如，網(wǎng)頁(yè)上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成。當(dāng)然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉(zhuǎn)等效果直接生成html 代碼，或者嵌入到現(xiàn)有的網(wǎng)頁(yè)中， 或者作為單獨(dú)的網(wǎng)頁(yè)出現(xiàn)。 主圖是一個(gè)網(wǎng)頁(yè)的門面，它能體現(xiàn)出這個(gè)網(wǎng)頁(yè)的整體風(fēng)格。制作網(wǎng)頁(yè) , 首先是確定主題 , 經(jīng)過(guò)再三考慮 , 就做了個(gè)關(guān)于中國(guó)的網(wǎng)站 , 平時(shí)也總是瀏覽類似的網(wǎng)站 , 對(duì)這些還有些了解

3、, 于是確定主題, 做一些類似的網(wǎng)站 , 但考慮到 , 現(xiàn)在網(wǎng)絡(luò)上好多類似的網(wǎng)站 , 但有些內(nèi)容不適合我們大學(xué)生閱讀 , 對(duì)于我們來(lái)說(shuō)有點(diǎn)不實(shí)際 , 根據(jù)這種情況 , 最后決定建立一個(gè)簡(jiǎn)單的中國(guó)介紹和相關(guān)的事跡網(wǎng)站 , 專門介紹一些即使用 , 又便宜的小秘笈。于是網(wǎng)站主題確立。然后是整體規(guī)劃，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，中國(guó)簡(jiǎn)介，中國(guó)歷史，用戶登錄注冊(cè)頁(yè)面留言，再加入個(gè)別網(wǎng)站等，每一部分又分幾小部分， 內(nèi)容比較充分，多樣。再后是收集資料與素材，大量瀏覽相關(guān)網(wǎng)站，收集關(guān)于中國(guó)的一些事跡歷史圖片， 好的文章和圖片等， 還有參考一些好的網(wǎng)站的布局，特色，顏色搭配，

4、背景圖等。再后是設(shè)計(jì)網(wǎng)頁(yè)圖片，用 flash 制作網(wǎng)頁(yè)的 banner。再后是建立站點(diǎn)，站點(diǎn)分布如下：再后是制作網(wǎng)頁(yè)了，使用 dreamweaver 制作。首頁(yè)內(nèi)容精彩豐富，簡(jiǎn)潔明快，語(yǔ)言風(fēng)趣，通俗易懂。頁(yè)面可愛(ài)清爽。首頁(yè)主要是導(dǎo)航作用。首頁(yè)制作時(shí)，時(shí)刻考慮著網(wǎng)頁(yè)的基本原則：統(tǒng)一，連貫，分割，對(duì)比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體， 只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁(yè)面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁(yè)有動(dòng)有靜，顏色不同，形成對(duì)比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過(guò)程中，

5、不忘以下原則：簡(jiǎn)潔實(shí)用 : 這是非常重要的， 網(wǎng)絡(luò)特殊環(huán)境下， 盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的， 所以要去掉所有的冗余的東西。使用方便 : 同第一個(gè)是相一致的，滿足使用者的要求，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功能美；頁(yè)面用色協(xié)調(diào)，布局符合形式美的要求 : 布局有條理，充分利用美的形式，是網(wǎng)頁(yè)富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。利用我們所學(xué)的框架集，制作更完美的頁(yè)面。將動(dòng)態(tài)網(wǎng)頁(yè)與靜態(tài)網(wǎng)頁(yè)結(jié)合起來(lái)再后，調(diào)試過(guò)程，好多次本來(lái)在 dream里好好的，把字調(diào)的好好的，位置很對(duì)，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實(shí)，經(jīng)過(guò)再三調(diào)試，加了

6、好多表格，終于滿意了，很是麻煩，想請(qǐng)問(wèn)老師，為什么會(huì)出現(xiàn)這種情況啊， 還有怎么解決啊，不用這么反復(fù)調(diào)整的辦法，還有什么好辦法??？還有，在最超鏈接過(guò)程中，明明在頁(yè)面屬性里設(shè)置的是超鏈接的文字是原色，點(diǎn)擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實(shí)驗(yàn)，終于知道怎么回事了，原來(lái)應(yīng)該對(duì)文字所在的單元格整體做鏈接，而不是只選中文字做鏈接。還有，這次的網(wǎng)站大部分用的是表格，層用的很少，因?yàn)樗`活了，不好控制，用的很少。再后，是網(wǎng)頁(yè)的上傳與發(fā)布，用 ftp 將制作好的網(wǎng)站上傳制作過(guò)程中，才發(fā)現(xiàn)，原己懂的太少了，好多不知道的地方，才趕緊查書，開始的時(shí)候只是會(huì)建立模版，可不會(huì)應(yīng)用，操作，

7、可這樣要修改模版可就麻煩了， 要一個(gè)網(wǎng)頁(yè)一個(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)頁(yè)中去了。這只是在制作過(guò)程中出現(xiàn)的問(wèn)題之一， 其它問(wèn)題也是類似相同?，F(xiàn)在想想，自己所會(huì)的東西太少了， 現(xiàn)在做的網(wǎng)站只是一些簡(jiǎn)單的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁(yè)，不僅欄目?jī)?nèi)容豐富，信息量大，而且頁(yè)面圖文并茂， 五彩繽紛，使得網(wǎng)民贊嘆不已， 流連忘返。以我們的經(jīng)驗(yàn)， 當(dāng)前的軟件的功能日趨復(fù)雜， 不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。 因

8、此反映出學(xué)習(xí)的還不夠， 缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。同學(xué)告訴我，要做好網(wǎng)頁(yè)，一定要學(xué)從 c+,java,php ，asp，數(shù)據(jù)庫(kù)。以后要學(xué)的實(shí)在是太多了，而且我也很喜歡這方面，在以后的日子里，會(huì)努力填充自己，豐富自己的。希望以后有不懂的地方，老師能多多指點(diǎn)。二實(shí)驗(yàn)心得在 inter 飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在 inter 應(yīng)用上的地位顯而易見(jiàn)， 它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分， 從而倍受人們的重視

9、。對(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)用， 特別是 inter的普及和發(fā)展， 網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺(tái)、新游戲的發(fā)布、最新的各種 it 動(dòng)態(tài)，包括等候就業(yè)人才的個(gè)人簡(jiǎn)歷， 我們都是可以通過(guò)網(wǎng)絡(luò)來(lái)獲得。 但是什么為這所有的一切提供平臺(tái)的呢。 我們又是通過(guò)什么來(lái)獲取這些消息的呢對(duì)就是網(wǎng)頁(yè)。現(xiàn)如今，數(shù)以萬(wàn)計(jì)的網(wǎng)站以網(wǎng)頁(yè)的方式提供了豐富、精彩的信息。在人類社會(huì)進(jìn)入信息時(shí)代

10、的時(shí)候， 在網(wǎng)絡(luò)成為通信的主要手段的時(shí)候， 在計(jì)算機(jī)網(wǎng)絡(luò)普及的今天， 網(wǎng)頁(yè)也在它自己的崗位上做出了突出的貢獻(xiàn)。 網(wǎng)頁(yè)是我們?cè)诰W(wǎng)絡(luò)上的代言人。 我們將什么樣的信息傳達(dá)給瀏覽者， 要講述什么樣的事情， 網(wǎng)頁(yè)在這里起著重要的作用。企業(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)， 更能夠通過(guò)一根網(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è)

11、標(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)站的一般過(guò)程包括：前期內(nèi)容確立、網(wǎng)站架構(gòu)搭建、創(chuàng)意策劃、設(shè)計(jì)、網(wǎng)站建設(shè)。網(wǎng)站的功能版塊一般分為首頁(yè) （含引導(dǎo)頁(yè)）、新聞部分、產(chǎn)品部分、信息交流部分、定制系統(tǒng)、零散頁(yè)面等。根據(jù)不同的企業(yè)需求，各網(wǎng)站的功能版塊數(shù)量、布局、結(jié)構(gòu)各異。（一）頁(yè)面的設(shè)計(jì)方面網(wǎng)頁(yè)設(shè)計(jì)跟學(xué)習(xí)別的東西一樣，也需要興趣，所謂的興趣也不

12、是三分鐘熱度，是一種執(zhí)著。頁(yè)設(shè)計(jì)需要耐心，如果沒(méi)有耐心，就學(xué)不好網(wǎng)頁(yè)設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問(wèn)題時(shí)， 如果不能立刻得到問(wèn)題的答案，你可能需要很長(zhǎng)時(shí)間去解決，我就碰到過(guò)一個(gè)問(wèn)題，用了很長(zhǎng)時(shí)間才解決。頁(yè)設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁(yè)的軟件在不斷的更新，因此我們要不斷的學(xué)習(xí)并且頁(yè)設(shè)計(jì)不要掉入技術(shù)的陷阱， 如果你的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)一流，并且對(duì)軟件的掌握程度已經(jīng)達(dá)到一定水平， 但是你設(shè)計(jì)的網(wǎng)頁(yè)確不堪目睹，這是因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的邊緣科學(xué) . 不僅涉及到美學(xué) , 心理學(xué) , 平面構(gòu)成 , 色彩搭配等平面設(shè)計(jì)的方面的知識(shí) , 還涉及到 html,javascript,css,

13、asp,php 等編程語(yǔ)言技術(shù)方面的知識(shí) . 只有綜合運(yùn)用多種知識(shí) , 才能設(shè)計(jì)出視聽特效 , 動(dòng)感十足 , 富于個(gè)性的 web頁(yè)面 , 才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能 .并且我認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評(píng)論，可以交互的。因此我提倡簡(jiǎn)單的美。（二）網(wǎng)頁(yè)視覺(jué)效果視覺(jué)形象識(shí)別即我們通常所說(shuō)的 vi （visualidentity ），與 bi 一起用于深化表現(xiàn)企業(yè)理念，同時(shí)也受到 bi 的影響。所謂視覺(jué)形象識(shí)別，就是指能夠被目標(biāo)客戶通過(guò)視覺(jué)來(lái)認(rèn)知與企業(yè)相關(guān)的一切事物，從最基礎(chǔ)的企業(yè)標(biāo)志、吉祥物、標(biāo)準(zhǔn)色到企業(yè)日常業(yè)務(wù)中的信紙、服

14、裝、名片等等，在將其系統(tǒng)化以后就形成了企業(yè)的視覺(jué)形象識(shí)別系統(tǒng)。視覺(jué)形象識(shí)別系統(tǒng)在整套 cis 中處于最表層的位置，其中所有的設(shè)計(jì)都將與目標(biāo)客戶發(fā)生直接的接觸。（三）網(wǎng)頁(yè)的整體布局和導(dǎo)航網(wǎng)頁(yè)的布局通常指的是網(wǎng)頁(yè)的整體架構(gòu)，說(shuō)的通俗一點(diǎn)就是排版。如何突出最重要的內(nèi)容， 即讓用戶第一眼就看到這個(gè)網(wǎng)頁(yè)所想要傳達(dá)的信息。這一點(diǎn)至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁(yè)中，一個(gè)共同的特點(diǎn)就是網(wǎng)頁(yè)的整體架構(gòu)十分的清晰明了，便于用戶瀏覽網(wǎng)頁(yè)布局大致可分為國(guó)字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、 flash 型、變化型網(wǎng)頁(yè)布局是主要考慮以下幾點(diǎn)：1 、首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬， 以及

15、長(zhǎng)度和寬度之間的比例。2 、其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。3 、正文的框架設(shè)置（橫向因素和縱向因素交錯(cuò)）（四）網(wǎng)頁(yè)中文字、圖像圖象我利用網(wǎng)上搜索和自己所學(xué)過(guò)的 banner 進(jìn)行處理 , 這樣做起來(lái)節(jié)約了很多時(shí)間。（五）網(wǎng)頁(yè)制作過(guò)程中的其他注意事項(xiàng)不要過(guò)于注重色彩的燦爛，只要簡(jiǎn)單就行。我們最終追求的主要是實(shí)用價(jià)值。通過(guò)這次實(shí)習(xí)，在制作時(shí)想想使自己的網(wǎng)頁(yè)更加豐富多彩，在網(wǎng)頁(yè)中插入圖象，動(dòng)畫，動(dòng)態(tài)特效?？墒强傆龅竭@樣那樣的問(wèn)題，但在同學(xué)的幫助和自己摸索的情況下完成了這個(gè)實(shí)習(xí)的成果。 看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁(yè)，不僅欄目?jī)?nèi)容豐富，信息量大，而且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗(yàn)，當(dāng)前的軟件的功能日趨復(fù)雜， 不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。虛在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自