大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的社會(huì)實(shí)踐報(bào)告
導(dǎo)語(yǔ)：在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。
大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的社會(huì)實(shí)踐報(bào)告
在一家小公司做一個(gè)關(guān)于武漢咨詢方面的網(wǎng)站。我貫穿在整個(gè)過(guò)程，從客戶前期的接洽，到網(wǎng)站后期的維護(hù)，這次社會(huì)實(shí)踐過(guò)程中我學(xué)到了很多在學(xué)校很難學(xué)到東西。對(duì)于網(wǎng)站的制作流程也有了整體的把握。
籌劃期：
一個(gè)成功的個(gè)人網(wǎng)站，先期的準(zhǔn)備工作是很重要的，好的開(kāi)始等于成功的一半。在這一階段有兩個(gè)主要的問(wèn)題需要考慮站點(diǎn)的定位：主題的選擇對(duì)今后的發(fā)展方向有決定性的影響，考慮好做什么內(nèi)容就要努力做出特色。若前期沒(méi)有籌劃好，做到后來(lái)才到處改，會(huì)耗費(fèi)大量的人力物力。還不如開(kāi)始就確定好網(wǎng)站的方向。
建設(shè)期：
選好了方向，就要為目標(biāo)而努力了。對(duì)一個(gè)成功的站長(zhǎng)來(lái)說(shuō)，熟練掌握網(wǎng)頁(yè)設(shè)計(jì)和圖形處理的技巧是必須的，但經(jīng)驗(yàn)是在實(shí)戰(zhàn)中獲得的，初學(xué)者也不必因此而畏懼退縮，多多練習(xí)才會(huì)有提高。網(wǎng)站建設(shè)最重要的莫過(guò)于兩個(gè)問(wèn)題：設(shè)計(jì)和內(nèi)容，素材的準(zhǔn)備是日積月累的結(jié)果，在這里側(cè)重談一談設(shè)計(jì)。
1、設(shè)計(jì)的要求：
第一、導(dǎo)航清晰，布局合理，層次分明，頁(yè)面的鏈接層次不要太深，盡量讓用戶用最短的時(shí)間找到需要的資料;
第二、風(fēng)格統(tǒng)一：保持統(tǒng)一的風(fēng)格，有助于加深訪問(wèn)者對(duì)你的網(wǎng)站的印象。要實(shí)現(xiàn)風(fēng)格的統(tǒng)一，不一定要把每個(gè)欄目做得一模一樣，舉個(gè)例子來(lái)說(shuō)，你可以嘗試讓導(dǎo)航條樣式統(tǒng)一，各個(gè)欄目采用不同的色彩搭配，在保持風(fēng)格統(tǒng)一的同時(shí)為網(wǎng)站增加一些變化;
第三、色彩和諧、重點(diǎn)突出：在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美觀的頁(yè)面;
第四、界面清爽：要吸引訪問(wèn)者長(zhǎng)時(shí)間的停留在你的網(wǎng)站，千萬(wàn)不能讓用戶第一眼就感覺(jué)壓抑。大量的文字內(nèi)容要使用舒服的背景色，前景文字和背景之間要對(duì)比鮮明，這樣訪問(wèn)者瀏覽時(shí)眼睛才不致疲勞。適當(dāng)?shù)牧舭卓梢宰尳缑娓逅?
第五、堅(jiān)持原創(chuàng)：剛開(kāi)始學(xué)做主頁(yè)時(shí)，適當(dāng)模仿別人的優(yōu)秀設(shè)計(jì)是可取的，但模仿絕不等同于抄襲，一定要把握好其中的尺度。設(shè)計(jì)是這樣，內(nèi)容的選取也是如此，多一些原創(chuàng)的內(nèi)容，你的主頁(yè)才會(huì)帶有更多的個(gè)性色彩;
2、技術(shù)運(yùn)用中要注意的一些事項(xiàng)：
第一、明確技術(shù)是為設(shè)計(jì)服務(wù)的，不要沉迷于技術(shù)的運(yùn)用，堅(jiān)決摒棄那些華而不實(shí)的特效;
第二、先為站點(diǎn)定義好統(tǒng)一的外部css，內(nèi)部頁(yè)面都調(diào)用這個(gè)css，這樣不但可以讓你的網(wǎng)頁(yè)在瀏覽器改變?cè)O(shè)置時(shí)不變形，還有助于保持整個(gè)站點(diǎn)的風(fēng)格統(tǒng)一，并且方便修改;
第三、不要打開(kāi)過(guò)多的新窗口，每個(gè)鏈接都會(huì)打開(kāi)不同的新窗口尤其讓人反感;
第四、圖象的制作要兼顧大小和美觀，圖片和文字的混排、圖片的合理壓縮可以讓頁(yè)面美觀而且文件小巧。即使是個(gè)性十足的設(shè)計(jì)站點(diǎn)，浪費(fèi)太多的時(shí)間在頁(yè)面下載上也會(huì)令人生厭;
至于后期的維護(hù)和網(wǎng)站的宣傳，那就要考慮到網(wǎng)站投入的費(fèi)用了!
大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的社會(huì)實(shí)踐報(bào)告
實(shí)習(xí)目的：
熟悉和掌握計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的基本技巧及網(wǎng)頁(yè)制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁(yè)設(shè)計(jì)的 基本思路和應(yīng)用開(kāi)發(fā)能力，提高我們的計(jì)算機(jī)文化素質(zhì)。鍛煉我們?cè)诩倨诶飬⑴c社會(huì)實(shí)踐的綜合能力。
網(wǎng)頁(yè)是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們?cè)谶@個(gè)不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬(wàn)美元。網(wǎng)頁(yè)對(duì)公司的影響比簡(jiǎn)單的電子商務(wù)增收方法大得多;網(wǎng)頁(yè)也是公司對(duì)外的臉面。WEB站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門(mén)，人們可以沿著搜索引擎其他WEB站點(diǎn)的鏈接，繞過(guò)主頁(yè)而進(jìn)入WEB的深層。
一.網(wǎng)站的整體規(guī)劃
1.討論網(wǎng)站主題，網(wǎng)站應(yīng)該包含的內(nèi)容和信息以及它所涉及到的鏈接。
2.定位網(wǎng)站形象：商務(wù)信息網(wǎng)站最重要的就是是瀏覽者看到其中的一些對(duì)自己有價(jià)值的信息。于是在網(wǎng)頁(yè)設(shè)計(jì)上面，要有豐富的內(nèi)容，優(yōu)美的界面，讓人一眼看上去感覺(jué)舒適，以至于繼續(xù)瀏覽，獲取價(jià)值，找到自己中意的東西。
3.確定欄目和板塊：
1)首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。
2)其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3)正文的框架設(shè)置 (橫向因素和縱向因素交錯(cuò))。
4)網(wǎng)頁(yè)色彩搭配與格局設(shè)置。
5)鏈接的內(nèi)容，廣告信息排版。
4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)簡(jiǎn)約而不簡(jiǎn)單的網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。這樣更利于創(chuàng)造價(jià)值。
二.網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備
1.資料的搜集：文本內(nèi)容，音像資料等。
2.熟悉制作工具軟件：Dreamweaver等網(wǎng)頁(yè)設(shè)計(jì)軟件。
主頁(yè)制作的基本條件有：資料準(zhǔn)備充分，設(shè)施齊全，設(shè)計(jì)人員掌握相關(guān)的操作技巧。
硬件：一臺(tái)電腦;可以撥號(hào)上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;
軟件：HTML編輯軟件：常用的有Frontpage、Hotdog等
圖像處理軟件：常用的有Photoshop、flash、Fireworks 等;
文件上傳軟件：常用的有Cuteftp、WSftp等。
三.網(wǎng)頁(yè)制作
真的是萬(wàn)事開(kāi)頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開(kāi);插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的FLASH不能產(chǎn)生效果�？傊畣�(wèn)題一籮筐。實(shí)踐出真知，原來(lái)自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書(shū)管里借了幾本網(wǎng)頁(yè)制作方面的書(shū)籍來(lái)參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來(lái)就得心應(yīng)手多了，知道引導(dǎo)頁(yè)能過(guò)加映像之后，我決定為我的網(wǎng)頁(yè)設(shè)計(jì)一個(gè)引導(dǎo)頁(yè)。
然后是主頁(yè)和二級(jí)頁(yè)面的設(shè)置。要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如Office 97的照片編輯器。把準(zhǔn)備在主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過(guò)程中，看著心中的東西一點(diǎn)一點(diǎn)的出來(lái)，真的很有成就感。雖然自己的網(wǎng)頁(yè)技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的`東西。 在網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)中，要注意以下的幾點(diǎn)：
1)、 明確建立網(wǎng)站的目標(biāo)和用戶需求 。Web站點(diǎn)的設(shè)計(jì)是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此我們必須明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而做出切實(shí)可行的設(shè)計(jì)計(jì)劃。我們會(huì)根據(jù)消費(fèi)者的需求、市場(chǎng)的狀況、企業(yè)自身的情況等進(jìn)行綜合分析，以“消費(fèi)者(customer)”為中心，而不是以“美術(shù)”為中心進(jìn)行設(shè)計(jì)規(guī)劃。在設(shè)計(jì)規(guī)劃時(shí)我們會(huì)考慮：建設(shè)網(wǎng)站的目的是什么?為誰(shuí)提供服務(wù)和產(chǎn)品?企業(yè)能提供什么樣的產(chǎn)品和服務(wù)?網(wǎng)站的目的消費(fèi)者和受眾的特點(diǎn)是什么?企業(yè)產(chǎn)品和服務(wù)適合什么樣的表現(xiàn)方式(風(fēng)格)?
2)、網(wǎng)頁(yè)設(shè)計(jì)總體方案主題鮮明。在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計(jì)方案。對(duì)網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點(diǎn)應(yīng)針對(duì)所服務(wù)對(duì)象(機(jī)構(gòu)或人)的不同而具有不同的形式。有些站點(diǎn)只提供簡(jiǎn)潔文本信息;有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁(yè)面布置，甚至可以下載聲音和錄像片段。好的Web站點(diǎn)把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來(lái)。為了做到主題鮮明突出，要點(diǎn)明確，我們將按照客戶的要求，以簡(jiǎn)單明確的語(yǔ)言和畫(huà)面體現(xiàn)站點(diǎn)的主題;調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站點(diǎn)的個(gè)性和情趣，辦出網(wǎng)站的特點(diǎn)。Web站點(diǎn)主頁(yè)應(yīng)具備的基本成分包括： 頁(yè)頭：準(zhǔn)確無(wú)誤地標(biāo)識(shí)你的站點(diǎn)和企業(yè)標(biāo)志; Email地址：用來(lái)接收用戶垂詢; 聯(lián)系信息：如普通郵件地址或電話; 版權(quán)信息：聲明版權(quán)所有者等。充分利用已有信息，如客戶手冊(cè).公共關(guān)系文檔.技術(shù)手冊(cè)和數(shù)據(jù)庫(kù)等。
3)、網(wǎng)站的版式設(shè)計(jì)。網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺(jué)語(yǔ)言，特別講究編排和布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處。版式設(shè)計(jì)通過(guò)文字圖形的空間組合，表達(dá)出和諧與美。多頁(yè)面站點(diǎn)頁(yè)面的編排設(shè)計(jì)要求把頁(yè)面之間的有機(jī)聯(lián)系反映出來(lái)，特別要處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺(jué)表現(xiàn)效果，我們將反復(fù)推敲整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)。
4)、色彩在網(wǎng)頁(yè)設(shè)計(jì)中的作用 。色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁(yè)設(shè)計(jì)中，我們的設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合.搭配來(lái)構(gòu)成美麗的頁(yè)面。
5)、網(wǎng)頁(yè)設(shè)計(jì)形式與內(nèi)容相統(tǒng)一。為了將豐富的意義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。靈活運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過(guò)空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁(yè)面設(shè)計(jì)中， 它的均衡有時(shí)會(huì)使頁(yè)面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來(lái)表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。 點(diǎn)、線、面作為視覺(jué)語(yǔ)言中的基本元素，巧妙地互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁(yè)面效果，充分表達(dá)完美的設(shè)計(jì)意境。
6)、三維空間的構(gòu)成和虛擬現(xiàn)實(shí)網(wǎng)絡(luò)上的三維空間是一個(gè)假想空間，這種空間關(guān)系需借助動(dòng)靜變化.圖像的比例關(guān)系等空間因素表現(xiàn)出來(lái)。 在頁(yè)面中，圖片、文字位置前后疊壓，或頁(yè)面位置變化所產(chǎn)生的視覺(jué)效果都各不相同。通過(guò)圖片、文字前后疊壓所構(gòu)成的空間層次不太適合網(wǎng)頁(yè)設(shè)計(jì)，根據(jù)現(xiàn)有瀏覽器的特點(diǎn)，網(wǎng)頁(yè)設(shè)計(jì)適合比較規(guī)范、簡(jiǎn)明的頁(yè)面，盡管這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次，視覺(jué)效果強(qiáng)烈。 網(wǎng)頁(yè)上常見(jiàn)的是頁(yè)面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時(shí)也讓人產(chǎn)生輕松或緊迫的心理感受。
7)。結(jié)構(gòu)清晰并且便于使用。如果人們看不懂或很難看懂您的網(wǎng)站，那么，他如何了解你的企業(yè)和服務(wù)呢?使用一些醒目的標(biāo)題或文字來(lái)突出您的產(chǎn)品與服務(wù)。并且即使您擁有最棒的產(chǎn)品，如果客戶從您的網(wǎng)站上不清楚您在介紹什么或不清楚如何受益的話，他們是不會(huì)喜歡您的網(wǎng)站的，這就是網(wǎng)頁(yè)設(shè)計(jì)的失敗。
四.網(wǎng)頁(yè)的調(diào)試
之前把作過(guò)的東西放到U盤(pán)里，發(fā)生過(guò)圖片顯示不出來(lái)的狀況，還好即使找到了解救的方法，把源文件和WEB頁(yè)面放到一起這樣就算路徑改變的話也不會(huì)影響頁(yè)面的效果。
總結(jié)：
在WWW上,不論你是資產(chǎn)上億的大公司,還是捉襟見(jiàn)肘的窮學(xué)生,只要你建立了自己的網(wǎng)頁(yè),你們的地位就是平等的。經(jīng)過(guò)這周的相關(guān)學(xué)習(xí)，我了解到網(wǎng)頁(yè)設(shè)計(jì)與制作是一門(mén)龐大的工程。網(wǎng)站的反饋與評(píng)價(jià)網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容、保持內(nèi)容的新鮮,不要做好就放到服務(wù)器永遠(yuǎn)不變了,只有不斷地補(bǔ)充、更新內(nèi)容、才能夠吸引瀏覽者.維護(hù)更新時(shí)可以充分利用Dreamweaver提供的模板和庫(kù)技術(shù),以提高工作效率. 一個(gè)真正的網(wǎng)站,不僅應(yīng)該實(shí)現(xiàn)傳統(tǒng)媒體的電子化,給用戶提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁(yè)面瀏覽更高層次的需求,例如收集信息,數(shù)據(jù)傳遞,數(shù)據(jù)存儲(chǔ)以及系統(tǒng)維護(hù)等.自己還有許多要學(xué)習(xí)的地方。在實(shí)踐的這段時(shí)間內(nèi)，我們上網(wǎng)查詢各種各樣的資料，相互討論交流自己的一些想法和意見(jiàn)，有時(shí)候會(huì)有激烈的爭(zhēng)辯，但是我們的出發(fā)點(diǎn)就是一個(gè)，努力做好這個(gè)網(wǎng)頁(yè)。這些都是在學(xué)校里無(wú)法感受到的。無(wú)論是學(xué)習(xí)還是工作，都存在著競(jìng)爭(zhēng)，在競(jìng)爭(zhēng)中就要不斷學(xué)習(xí)別人先進(jìn)的地方，也要不斷學(xué)習(xí)別人怎樣做人，以提高自已的能力!記得老師曾經(jīng)說(shuō)過(guò)大學(xué)是一個(gè)小社會(huì)，但我總覺(jué)得校園里總少不了那份純真，那份真誠(chéng)，盡管是大學(xué)高校，學(xué)生還終歸保持著學(xué)生的身份。接觸那些剛剛畢業(yè)的學(xué)長(zhǎng)學(xué)姐，他們總是隊(duì)我說(shuō)要好好珍惜在學(xué)校的時(shí)間。在這次實(shí)踐中，我感受很深的一點(diǎn)是，在學(xué)校，理論的學(xué)習(xí)很多，而且是多方面的，幾乎是面面俱到;而在實(shí)際工作中，可能會(huì)遇到書(shū)本上沒(méi)學(xué)到的，又可能是書(shū)本上的知識(shí)一點(diǎn)都用不上的情況。
回想這次社會(huì)實(shí)踐活動(dòng)，我學(xué)到了很多，從我接觸的每個(gè)人身上學(xué)到了很多社會(huì)經(jīng)驗(yàn)，自己的能力也得到了提高，而這些在學(xué)校里是學(xué)不到的。
在社會(huì)上要善于與別人溝通是需要長(zhǎng)期的練習(xí)。以前沒(méi)有工作的機(jī)會(huì)，使我與別人對(duì)話時(shí)不會(huì)應(yīng)變，會(huì)使談話時(shí)有冷場(chǎng)，這是很尷尬的。人在社會(huì)中都會(huì)融入社會(huì)這個(gè)團(tuán)體中，人與人之間合力去做事，使其做事的過(guò)程中更加融洽，事半功倍。別人給你的意見(jiàn)，你要聽(tīng)取、耐心、虛心地接受。
在工作上還要有自信。自信不是麻木的自夸，而是對(duì)自己的能力做出肯定。社會(huì)經(jīng)驗(yàn)缺乏，學(xué)歷不足等種種原因會(huì)使自己缺乏自信。知識(shí)的積累也是非常重要的。知識(shí)猶如人的血液。人缺少了血液，身體就會(huì)衰弱，人缺少了知識(shí)，頭腦就要枯竭。這次接觸的釀造業(yè)，對(duì)我來(lái)說(shuō)很陌生，要想把工作做好，就必須了解這方面的知識(shí)，對(duì)其各方面都有深入的了解，才能更好地應(yīng)用于工作中。
這次親身體驗(yàn)讓我有了深刻感觸，這不僅是一次實(shí)踐，還是一次人生經(jīng)歷，是一生寶貴的財(cái)富。在今后我要參加更多的社會(huì)實(shí)踐，磨練自己的同時(shí)讓自己認(rèn)識(shí)的更多，使自己未踏入社會(huì)就已體會(huì)社會(huì)更多方面！
【大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的社會(huì)實(shí)踐報(bào)告】相關(guān)文章：
大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)專業(yè)社會(huì)實(shí)踐報(bào)告07-22
網(wǎng)頁(yè)設(shè)計(jì)的論文開(kāi)題報(bào)告10-15
網(wǎng)頁(yè)設(shè)計(jì)的開(kāi)題報(bào)告范文10-20
網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題實(shí)踐報(bào)告10-06
網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)實(shí)習(xí)報(bào)告04-01
網(wǎng)頁(yè)設(shè)計(jì)類開(kāi)題報(bào)告10-07
關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的開(kāi)題報(bào)告范文12-01
關(guān)于寫(xiě)網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題報(bào)告09-25