網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告

網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告設(shè)計(jì)主題：貴州師范大學(xué)白云校區(qū)食堂指導(dǎo)老師：聶華賢徐凱所在專業(yè)：計(jì)算機(jī)應(yīng)用技術(shù)所在班級(jí)：08級(jí)組員姓名：楊勝文楊興福楊家權(quán)彭建設(shè)計(jì)時(shí)間：6月21日至7月2日前言對(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)、新游戲的公布、最新的多個(gè)IT動(dòng)態(tài)，涉及等待就業(yè)人才的個(gè)人簡歷，我們都是能夠通過網(wǎng)絡(luò)來獲得。但是什么為這全部的一切提供這個(gè)平臺(tái)的呢。我們又是通過什么來獲取這些消息的呢——對(duì)就是網(wǎng)頁。現(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)頁在這里起著重用的作用。網(wǎng)頁講究的是排版布局，其功效重要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠理解網(wǎng)站提供的信息。網(wǎng)頁設(shè)計(jì)直接面對(duì)的是大量顧客，隨時(shí)都會(huì)反饋回來對(duì)網(wǎng)頁的批評(píng)建議等，能夠根據(jù)實(shí)際狀況進(jìn)行修改，這樣做能夠使使用者用起來更加的方便一、課程實(shí)習(xí)任務(wù)書（一）實(shí)習(xí)目的運(yùn)用所學(xué)的知識(shí)編寫一種網(wǎng)站（二）實(shí)習(xí)題目自主命題（三）實(shí)習(xí)規(guī)定（1）首頁的文獻(xiàn)名必須是index,這是服務(wù)器默認(rèn)的網(wǎng)站首頁，擴(kuò)展名htm或html均可。為了節(jié)省空間和加緊網(wǎng)頁的打開速度，使用的網(wǎng)頁素材體積要盡量的小，圖片普通不要超出50k,

音樂文獻(xiàn)盡量使用mid格式。使用的flash動(dòng)畫不要太多，否則會(huì)使瀏覽者失去耐心；（2）網(wǎng)站欄目構(gòu)造合理，欄目設(shè)立不要過于復(fù)雜；（3）網(wǎng)站導(dǎo)航清晰且全站統(tǒng)一，通過任何一種網(wǎng)頁能夠逐級(jí)返回上一級(jí)欄目直到首頁；（4）網(wǎng)頁布局設(shè)計(jì)合理，網(wǎng)站設(shè)計(jì)符合顧客瀏覽習(xí)慣；

（5）重要文字信息盡量出現(xiàn)在網(wǎng)頁靠前位置；

（6）字體清晰，CSS風(fēng)格協(xié)調(diào)一致；（7）網(wǎng)頁的文獻(xiàn)名盡量使用小寫英文或者拼音，涉及（各文獻(xiàn)夾、網(wǎng)頁文獻(xiàn)、圖片文獻(xiàn)、Flash文獻(xiàn)等等）文獻(xiàn)名及其后綴名，由于服務(wù)器對(duì)大小寫很挑剔；（8）網(wǎng)頁規(guī)模：網(wǎng)頁的深度最少涉及二級(jí)頁面，以5—7個(gè)頁面為適宜；（9）減少圖片或者將圖片分成小塊，讓圖片下載浪費(fèi)更少的時(shí)間

；（10）最多3次點(diǎn)擊可達(dá)成產(chǎn)品具體內(nèi)容頁面；（11）通過網(wǎng)站任何一種網(wǎng)頁不超出3次點(diǎn)擊可達(dá)成站內(nèi)其它任何一種網(wǎng)頁；（12）網(wǎng)站首頁、欄目首頁及產(chǎn)品內(nèi)容頁面都有一定的文字信息量；（13）每個(gè)網(wǎng)頁有獨(dú)立的、可概括闡明該網(wǎng)頁核心內(nèi)容的網(wǎng)頁標(biāo)題（而不是全站或者一種欄目共用一種網(wǎng)頁標(biāo)題）；（14）每個(gè)網(wǎng)頁有獨(dú)立的URL；（15）對(duì)于產(chǎn)品品種多的公司網(wǎng)站，要有合理的產(chǎn)品分頁方式；（四）網(wǎng)頁模版設(shè)計(jì)

（1）重要信息盡量出現(xiàn)在顧客最關(guān)注的位置；

（2）網(wǎng)頁寬度定位適應(yīng)現(xiàn)在主流屏幕分辨率模式；

（3）保持整站CSS風(fēng)格一致；（4）超級(jí)鏈接有下劃線或顏色的明顯批示；

（5）整個(gè)網(wǎng)站中在新窗口打開或原窗口打開網(wǎng)頁的規(guī)則一致；

（6）網(wǎng)站首頁字節(jié)數(shù)不適宜過大；（五）必須克服的問題（1）網(wǎng)站規(guī)劃和欄目設(shè)立要合理：重要體現(xiàn)在欄目設(shè)立不應(yīng)有重疊、交叉、或者欄目名稱意義不明確，容易造成混淆，使得顧客難以發(fā)現(xiàn)需要的信息，避免欄目過于繁多和雜亂、網(wǎng)站導(dǎo)航系統(tǒng)混亂；（2）重要信息完整：公司介紹、聯(lián)系方式、產(chǎn)品分類和具體介紹、產(chǎn)品促銷等是公司網(wǎng)站最基本的信息，公司網(wǎng)站上這些重要信息完整；（3）網(wǎng)頁信息量足夠：涉及兩種狀況：一種頁面上的內(nèi)容，或者將原來一種網(wǎng)頁能夠公布的內(nèi)容不可分為多個(gè)網(wǎng)頁，并且各網(wǎng)頁之間必須有互相鏈接，不需要再次點(diǎn)擊主頁；另首先是盡管內(nèi)容總量不少，但有用的信息少，籠統(tǒng)介紹的內(nèi)容多；（4）欄目層次過深。重要的信息應(yīng)當(dāng)出現(xiàn)在最容易被顧客發(fā)現(xiàn)的位置，應(yīng)盡量縮短信息傳遞的渠道，以使公司信息更加有效地傳遞給顧客；（5）網(wǎng)站有助于促銷：通過網(wǎng)站向訪問者展示產(chǎn)品、對(duì)銷售提供支持，有多個(gè)具體體現(xiàn)方式，如重要頁面的產(chǎn)品圖片、介紹、通過頁面廣告較好體現(xiàn)出企業(yè)形象或者新產(chǎn)品信息、列出銷售機(jī)構(gòu)聯(lián)系方式、銷售網(wǎng)店信息等，或者含有積累內(nèi)部網(wǎng)絡(luò)營銷資源和拓展外部網(wǎng)絡(luò)營銷資源的作用。（六）分組實(shí)習(xí)（1）以小組為單位完畢，1個(gè)主頁面，5-7個(gè)子頁面（2）每個(gè)小組全部同窗討論后，推薦一名同窗為該組組長（3）組長職責(zé)：僅在本次設(shè)計(jì)過程中起組織、統(tǒng)領(lǐng)、協(xié)調(diào)作業(yè)（4）書寫完畢計(jì)劃書由組長牽頭，根據(jù)本組同窗的狀況進(jìn)行合理的分工（七）考核方式總分=書寫設(shè)計(jì)計(jì)劃書占20分+網(wǎng)頁作品占80分（八）實(shí)習(xí)學(xué)時(shí)安排序號(hào)內(nèi)容學(xué)時(shí)1明確設(shè)計(jì)任務(wù)，查閱收集有關(guān)資料82解決設(shè)計(jì)技術(shù)難點(diǎn)，總體設(shè)計(jì)103設(shè)計(jì)網(wǎng)站364撰寫實(shí)習(xí)報(bào)告6（九）實(shí)習(xí)班級(jí)計(jì)應(yīng)（大專）班（十）實(shí)習(xí)時(shí)間6月21日——7月2日（十一）指導(dǎo)教師聶華賢徐凱貴州師范大學(xué)職業(yè)技術(shù)學(xué)院6月18日二、網(wǎng)頁策劃書實(shí)習(xí)地點(diǎn)：機(jī)電實(shí)訓(xùn)樓實(shí)習(xí)時(shí)間：6月21日-------7月2日指導(dǎo)老師：聶華賢徐凱組長：楊勝文組員：楊興福（）、楊勝文（）楊家權(quán)（）、彭建（）網(wǎng)站主題：貴州師范大學(xué)白云校區(qū)食堂網(wǎng)站內(nèi)容設(shè)計(jì)：主頁部分導(dǎo)航涉及主頁、食堂介紹、食堂制度、食品展示、菜譜中心、就餐風(fēng)范、學(xué)生留言、有關(guān)我們。主頁和子頁布局方面大部分由布局表格來完畢，并且主頁LOGO部分、TOP部分、導(dǎo)航條等部分由主頁生成模板應(yīng)用到各個(gè)子頁里。首頁:重要分布有導(dǎo)航條欄、本站新聞（校內(nèi)新聞及食堂新聞）、廣告欄（新菜樣）。食堂介紹:重要由食堂歷史及業(yè)績尚有簡樸的位置介紹。食堂制度:重要是針對(duì)運(yùn)籌食堂周轉(zhuǎn)的廚師及打飯打菜的員工制訂的，方便管理。食品展示：重要是給老師和同窗們更加方便的理解和自由選擇食品。食譜中心:重要是給學(xué)生和餐飲者更直截了當(dāng)?shù)睦斫獾狡渲杏惺裁床?。有關(guān)我們:重要介紹食堂的服務(wù)宗旨等等。就餐風(fēng)范:重要是針對(duì)學(xué)生就餐情景以及對(duì)學(xué)生的調(diào)查及有關(guān)采訪視頻。學(xué)生留言:就是學(xué)生上網(wǎng)心語的歷史統(tǒng)計(jì)。固然里面必定尚有某些娛樂的東西來充實(shí)網(wǎng)站的內(nèi)容。網(wǎng)站的CSS樣式由內(nèi)部和外部CSS樣式構(gòu)成。網(wǎng)站重要由文本、圖片、flash、特效等元素構(gòu)成。組員任務(wù)分派：楊興福、楊勝文重要負(fù)責(zé)主頁、食堂介紹、食堂制度、菜譜中心。楊家權(quán)、彭建重要負(fù)責(zé)食品展示、有關(guān)我們、就餐風(fēng)范、學(xué)生留言以及資料的收集。三、網(wǎng)頁內(nèi)容（設(shè)計(jì)的網(wǎng)頁內(nèi)容）從此進(jìn)入網(wǎng)站（附注：不需要任何設(shè)立，直接進(jìn)入網(wǎng)站進(jìn)行瀏覽）四、實(shí)習(xí)日志6月21日今天是我們網(wǎng)頁實(shí)習(xí)的第一天。我因星期天早上起來上廁所不小心摔一跤，傷到下巴。早上我沒有去機(jī)房，但室友回來說下午不上課。老師交代今天是分組并把主題決定下來，。通過討論，我被任命組長之職，組員有楊興福、楊家權(quán)、彭建。我們組的網(wǎng)頁主題-----師大食堂。6月22日實(shí)習(xí)網(wǎng)頁的第二天，今天的重要任務(wù)是把主題板塊和組員以及組員分派的任務(wù)交給老師，并對(duì)主頁作初步的定義以及分派板塊，給資料的查找和整頓作了鋪墊。6月23日根據(jù)老師給我們的實(shí)習(xí)內(nèi)容及時(shí)間安排，實(shí)習(xí)時(shí)間照常進(jìn)行，早上八點(diǎn)十分到機(jī)房，下午自己安排。有電腦的同窗就是宿舍做，沒有電腦的同窗要用電腦就到機(jī)房找空機(jī)子。我和楊興福負(fù)責(zé)首頁、食堂簡、食堂制度和菜譜中心。楊家權(quán)和彭建負(fù)責(zé)食品展示、有關(guān)我們、學(xué)生留言及資料的查找。根據(jù)任務(wù)的分派狀況。下午，我和楊興福給主頁作了討論，并對(duì)主頁的布置及色彩的調(diào)節(jié)作了對(duì)比。楊家權(quán)和彭建到食堂尋找資料，并進(jìn)行拍照和攝影。6月24日根據(jù)昨天和楊興福的討論，主頁布置與色彩調(diào)節(jié)得已經(jīng)差不多了，現(xiàn)在需要的是PS、FLASH方面的某些知識(shí)來補(bǔ)貼。楊家權(quán)和彭建昨天在食堂拍照拍下來某些場景的圖片和有關(guān)單位許可證書。早上，在我們的建議下，老師給我們講了某些有關(guān)PS方面的知識(shí)，我們就現(xiàn)學(xué)現(xiàn)用。我們收集的資料局限性，下午四個(gè)人又在校園里的四個(gè)食堂來回尋找資料，直到七點(diǎn)沒人就餐了才回宿舍整頓資料。6月25日實(shí)習(xí)第一周的最后一天，四天的查找和整頓資料，一定存在或碰到諸多問題。今天聶老師和徐老師專門給我們解決制作網(wǎng)頁碰到的有關(guān)問題，并給我們說了每組做網(wǎng)頁需要注意和需要修改的地方。我們組碰到的問題是需要時(shí)間去咨詢和查找有關(guān)資料，但我覺得這些問題都是我們自己的問題了。6月28日今天是實(shí)習(xí)第二周的第一天，通過一周的查找和整頓資料，已經(jīng)準(zhǔn)備的差不多了。現(xiàn)在重要是把分派的有關(guān)內(nèi)容做好，我今天重要的任務(wù)是把“食堂制度”頁面布置和制作某些有關(guān)的按鈕，F(xiàn)LASH動(dòng)畫。6月29日今天做“食堂制度”網(wǎng)頁，重要是用布局表格來完畢的，我覺得布局表格比框架和其它的好布局的多，它能夠隨意調(diào)節(jié)，讓它成為你想要的效果。對(duì)導(dǎo)航條和按鈕以及FLASH動(dòng)畫的制作有了初步的認(rèn)識(shí)。6月30日按原計(jì)劃進(jìn)行，昨天把“食堂制度”做的差不多了，今天的任務(wù)是把“菜譜中心”解決掉。通過五個(gè)小時(shí)的艱辛奮戰(zhàn)，終于弄好了，基本的布局和和色彩調(diào)配都感覺不錯(cuò)。今天吃飯?zhí)貏e香。7月1日今天是要檢查網(wǎng)站進(jìn)度，由于他們做的部分有的還沒有交給我，沒有連接好。早上六點(diǎn)半就起來忙了，始終都九點(diǎn)過才去機(jī)房。還好，其它組的也還沒有弄好。十一點(diǎn)開始介紹各組的網(wǎng)站及內(nèi)容，看到其它組做的都不錯(cuò)，感覺他們尚有諸多地方值得我們?nèi)W(xué)習(xí)和討教。老師還特意交代，明天十點(diǎn)鐘之前必須把實(shí)習(xí)報(bào)告全部交上。五、總結(jié)（一）在兩周網(wǎng)頁設(shè)計(jì)實(shí)習(xí)過程中，我有一下體會(huì)：1、整體性好：一種網(wǎng)站強(qiáng)調(diào)的就是一種整體，只有圍繞一種統(tǒng)一的目的設(shè)計(jì)就是成功的。2、網(wǎng)站形象突出：一種符合美的原則的網(wǎng)頁是能夠使網(wǎng)站的形象得到最大程度的提高的。3、頁面用色協(xié)調(diào)，布局符合形式美的規(guī)定：布局有條理，充足運(yùn)用美的形式，是網(wǎng)頁富有可觀賞性，提高檔次。固然雅俗共賞是人人都追求的。（二）將所學(xué)內(nèi)容融入現(xiàn)在和后來工作中實(shí)習(xí)是學(xué)生運(yùn)用所學(xué)知識(shí)實(shí)踐自我的最佳途徑.親身實(shí)踐，而不是閉門造車.實(shí)現(xiàn)了從理論到實(shí)踐再到理論的飛躍。增強(qiáng)了認(rèn)識(shí)問題,分析問題,解決問題的能力。步入社會(huì)打下了良好的基礎(chǔ).同時(shí)還需我們?cè)诤髞淼膶W(xué)習(xí)中用知識(shí)武裝自己,用課本充實(shí)自己，為后來服務(wù)社會(huì)打下更結(jié)實(shí)的基礎(chǔ)!網(wǎng)頁設(shè)計(jì)跟學(xué)習(xí)別的東西同樣，也需要愛好，所謂的愛好也不是三分鐘熱度，是一種執(zhí)著。學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要耐心，如果沒有耐心，就學(xué)不好網(wǎng)頁設(shè)計(jì)，應(yīng)為當(dāng)你碰到一種問題時(shí)，如果不能立刻得到問題的答案，你可能需要很長時(shí)間去解決，我就碰到過一種問題，用了很長時(shí)間才解決。學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不停的學(xué)習(xí)，由于設(shè)計(jì)網(wǎng)頁的軟件在不停的更新，因此我們要不停的學(xué)習(xí)并且學(xué)習(xí)網(wǎng)頁設(shè)計(jì)不要掉入技術(shù)的陷阱，如果你的網(wǎng)頁設(shè)計(jì)技術(shù)一流，并且對(duì)軟件的掌握程度已經(jīng)達(dá)成一定水平，但是你設(shè)計(jì)的網(wǎng)頁確不堪目睹，這是由于網(wǎng)頁設(shè)計(jì)是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的“邊沿科學(xué)”不僅涉及到美學(xué)，心理學(xué)，平面構(gòu)成，色彩搭配等平面設(shè)計(jì)的方面的知識(shí)，還涉及到html、javascript、css、asp、php等編程語言技術(shù)方面的知識(shí).只有綜合運(yùn)用多個(gè)知識(shí)，才干設(shè)計(jì)出視聽特效,動(dòng)感十足，富于個(gè)性的web頁面，才干全方面呈現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功效.。但對(duì)于我們現(xiàn)在所學(xué)的知識(shí)只能做靜態(tài)的網(wǎng)頁，講究的美觀。兩個(gè)周的實(shí)習(xí)將結(jié)束，其中的酸甜苦辣我會(huì)在此后的日子里不