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

-網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告一、實(shí)習(xí)目的?

讓學(xué)生理解網(wǎng)站的制作流程和基本技法；?

學(xué)會(huì)站點(diǎn)的規(guī)劃與創(chuàng)立，能自己創(chuàng)立個(gè)人網(wǎng)站和簡(jiǎn)樸的公司網(wǎng)站；?

掌握靜態(tài)網(wǎng)頁(yè)的制作技術(shù)；?

理解動(dòng)態(tài)網(wǎng)頁(yè)的制作技術(shù)，理解與數(shù)據(jù)庫(kù)的鏈接及簡(jiǎn)樸的數(shù)據(jù)解決。?

培養(yǎng)學(xué)生的動(dòng)手能力、綜合應(yīng)用能力和團(tuán)體合作能力。二、實(shí)習(xí)規(guī)定?

準(zhǔn)時(shí)、按地參加實(shí)習(xí)，恪守實(shí)習(xí)紀(jì)律，恪守實(shí)習(xí)場(chǎng)地的制度；?

愛(ài)惜實(shí)習(xí)場(chǎng)地的全部實(shí)習(xí)設(shè)備，講究公共衛(wèi)生；?

做好實(shí)習(xí)筆記和實(shí)習(xí)記載，切實(shí)掌握實(shí)習(xí)的每項(xiàng)內(nèi)容；?

認(rèn)真填寫(xiě)好實(shí)習(xí)報(bào)告、實(shí)習(xí)總結(jié)。三、實(shí)習(xí)形式1、重要復(fù)習(xí)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)；2、應(yīng)用所學(xué)設(shè)計(jì)網(wǎng)站，可分小組進(jìn)行。 一實(shí)驗(yàn)過(guò)程資料的收集.熟悉制作軟件.構(gòu)建站點(diǎn)框架.打開(kāi)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ò)這六個(gè)月的學(xué)習(xí)實(shí)習(xí)中和老師的指導(dǎo)下以大量明晰的操作環(huán)節(jié)和典型的應(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è)用的軟件是Dreamweaver,banner軟件.Dreamweaver大大加速了網(wǎng)絡(luò)時(shí)代電子交易應(yīng)用中的項(xiàng)目交付.它提供了網(wǎng)頁(yè)和表單的動(dòng)態(tài)生成到公司級(jí)的解決方案，如電子商店，庫(kù)存管理系統(tǒng)和公司內(nèi)部局域網(wǎng)的數(shù)據(jù)庫(kù)應(yīng)用等功效.例如，網(wǎng)頁(yè)上很流行的陰影和立體按紐等效果，只需單擊一下就能夠制作完畢.固然，其最方便之處是，它能夠?qū)D象切割，圖象映射，懸停按紐，圖象翻轉(zhuǎn)等效果直接生成HTML代碼，或者嵌入到現(xiàn)有的網(wǎng)頁(yè)中，或者作為單獨(dú)的網(wǎng)頁(yè)出現(xiàn).主圖是一種網(wǎng)頁(yè)的門面，它能體現(xiàn)出這個(gè)網(wǎng)頁(yè)的整體風(fēng)格.制作網(wǎng)頁(yè),首先是擬定主題,通過(guò)再三考慮,就做了個(gè)有關(guān)中國(guó)的網(wǎng)站,平時(shí)也總是瀏覽類似的網(wǎng)站,對(duì)這些尚有些理解,于是擬定主題,做某些類似的網(wǎng)站,但考慮到,現(xiàn)在網(wǎng)絡(luò)上好多類似的網(wǎng)站,但有些內(nèi)容不適合我們大學(xué)生閱讀,對(duì)于我們來(lái)說(shuō)有點(diǎn)不實(shí)際,根據(jù)這種狀況,最后決定建立一種簡(jiǎn)樸的中國(guó)介紹和有關(guān)的事跡網(wǎng)站,專門介紹某些即使用,又便宜的小秘笈.于是網(wǎng)站主題確立.然后是整體規(guī)劃，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，中國(guó)介紹，中國(guó)歷史，顧客登錄注冊(cè)頁(yè)面留言，再加入個(gè)別網(wǎng)站等，每一部分又分幾小部分，內(nèi)容比較充足，多樣.再后是收集資料與素材，大量瀏覽有關(guān)網(wǎng)站，收集有關(guān)中國(guó)的某些事跡歷史圖片，好的文章和圖片等，尚有參考某些好的網(wǎng)站的布局，特色，顏色搭配，背景圖等.再后是設(shè)計(jì)網(wǎng)頁(yè)圖片，用flash制作網(wǎng)頁(yè)的banner.再后是建立站點(diǎn)。再后是制作網(wǎng)頁(yè)了，使用dreamweaver制作.首頁(yè)內(nèi)容精彩豐富，簡(jiǎn)潔明快，語(yǔ)言幽默，通俗易懂.頁(yè)面可愛(ài)清爽.首頁(yè)重要是導(dǎo)航作用.首頁(yè)制作時(shí)，時(shí)刻考慮著網(wǎng)頁(yè)的基本原則:統(tǒng)一，連貫，分割，對(duì)比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，一種網(wǎng)站強(qiáng)調(diào)的就是一種整體，只有圍繞一種統(tǒng)一的目的所做的設(shè)計(jì)才是成功的；連貫，頁(yè)面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁(yè)有動(dòng)有靜，顏色不同，形成對(duì)比，不呆板，富有憤怒；顏色各異，但又不同之中又相似，渾然一體.并且制作過(guò)程中，不忘下列原則:簡(jiǎn)潔實(shí)用:這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將顧客所要想得到的信息傳送給他就是最佳的，因此要去掉全部的冗余的東西.使用方便:同個(gè)是相一致的，滿足使用者的規(guī)定，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功效美；頁(yè)面用色協(xié)調(diào)，布局符合形式美的規(guī)定:布局有條理，充足運(yùn)用美的形式，是網(wǎng)頁(yè)富有可觀賞性，提高檔次.固然雅俗共賞是人人都追求的.運(yùn)用我們所學(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ì)，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不誠(chéng)實(shí)，通過(guò)再三調(diào)試，整頓，加了好多表格，終于滿意了，很是麻煩，想請(qǐng)問(wèn)老師，為什么會(huì)出現(xiàn)這種狀況啊，尚有怎么解決啊，不用這樣重復(fù)調(diào)節(jié)的方法，尚有什么好方法??？尚有，在最超鏈接過(guò)程中，明明在頁(yè)面屬性里設(shè)立的是超鏈接的文字是原色，點(diǎn)擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了諸多研究，實(shí)驗(yàn)，終于懂得怎么回事了，原來(lái)應(yīng)當(dāng)對(duì)文字所在的單元格整體做鏈接，而不是只選中文字做鏈接.尚有，這次的網(wǎng)站大部分用的是表格，層用的極少，由于它太靈活了，不好控制，用的極少.再后，是網(wǎng)頁(yè)的上傳與公布，用ftp將制作好的網(wǎng)站上傳。制作過(guò)程中，才發(fā)現(xiàn)，原來(lái)自己懂的太少了，好多不懂得的地方，才趕快查書(shū)，開(kāi)始的時(shí)候只是會(huì)建立模版，可不會(huì)應(yīng)用，操作，可這樣要修改模版可就麻煩了，要一種網(wǎng)頁(yè)一種的修改，于是趕快上網(wǎng)學(xué)習(xí)有關(guān)內(nèi)容，閱覽書(shū)籍，最后才懂得文獻(xiàn)這有個(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)題也是類似相似.現(xiàn)在想想，自己所會(huì)的東西太少了，現(xiàn)在做的網(wǎng)站只是某些簡(jiǎn)樸的網(wǎng)站，看到了某些出名的網(wǎng)站開(kāi)發(fā)出的網(wǎng)頁(yè)，不僅欄目?jī)?nèi)容豐富，信息量大，并且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返.以我們的經(jīng)驗(yàn)，現(xiàn)在的軟件的功效日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的.因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏.需在加以刻苦鉆研及學(xué)習(xí)，不停開(kāi)拓視野，增強(qiáng)自己的實(shí)習(xí)操作技能，為后來(lái)能做出杰出的網(wǎng)頁(yè)而努力.同窗告訴我，要做好網(wǎng)頁(yè)，一定要學(xué)從C++,JAVA,php，asp，數(shù)據(jù)庫(kù).后來(lái)要學(xué)的實(shí)在是太多了，并且我也很喜歡這方面，在后來(lái)的日子里，會(huì)努力填充自己，豐富自己的.但愿后來(lái)有不懂的地方，老師能多多指點(diǎn).在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、公布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用.因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要構(gòu)成部分，從而倍受人們的重視.對(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è)人簡(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í)代的時(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è)在這里起著重要的作用.公司網(wǎng)站在公司的網(wǎng)絡(luò)營(yíng)銷當(dāng)中占有及其重要的地位，只要是涉及網(wǎng)絡(luò)宣傳的公司，都應(yīng)當(dāng)建立屬于自己的個(gè)性公司網(wǎng)站.他不僅能夠讓公司在網(wǎng)絡(luò)上展示自己的產(chǎn)品，增進(jìn)實(shí)際銷售的增加，更能夠通過(guò)一根網(wǎng)線，向目的客戶展示公司本身的形象.對(duì)于公司網(wǎng)站設(shè)計(jì)的觀點(diǎn)，偏重網(wǎng)站的形象設(shè)計(jì)，即在功效務(wù)實(shí)、體系完善的狀況下，重點(diǎn)結(jié)合公司理念打造網(wǎng)站的形象.Logo就能較好的體現(xiàn)公司的形象.公司標(biāo)志(Logo)是指用于代表公司形象的獨(dú)特的、故意義的圖案，是公司形象識(shí)別當(dāng)中最核心的環(huán)節(jié)，可用于與公司形象有關(guān)的全部環(huán)節(jié).由于公司標(biāo)志所處的特殊地位，決定了其不能夠隨意更換，因此能否設(shè)計(jì)一種有內(nèi)涵、有文化、便于識(shí)別的標(biāo)志，并建立有關(guān)的應(yīng)用系統(tǒng)，關(guān)乎到公司久遠(yuǎn)的發(fā)展，不容小視.建設(shè)網(wǎng)站的普通過(guò)程涉及:前期內(nèi)容確立、網(wǎng)站架構(gòu)搭建、創(chuàng)意策劃、設(shè)計(jì)、網(wǎng)站建設(shè).網(wǎng)站的功效版塊普通分為首頁(yè)、新聞部分、產(chǎn)品部分、信息交流部分、定制系統(tǒng)、零碎頁(yè)面等.根據(jù)不同的公司需求，各網(wǎng)站的功效版塊數(shù)量、布局、構(gòu)造各異.網(wǎng)頁(yè)設(shè)計(jì)跟學(xué)習(xí)別的東西同樣，也需要愛(ài)好，所謂的愛(ài)好也不是三分鐘熱度，是一種執(zhí)著.學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)需要耐心，如果沒(méi)有耐心，就學(xué)不好網(wǎng)頁(yè)設(shè)計(jì)，應(yīng)為當(dāng)你碰到一種問(wèn)題時(shí)，如果不能立刻得到問(wèn)題的答案，你可能需要很長(zhǎng)時(shí)間去解決，我就碰到過(guò)一種問(wèn)題，用了很長(zhǎng)時(shí)間才解決.學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不停的學(xué)習(xí)，由于設(shè)計(jì)網(wǎng)頁(yè)的軟件在不停的更新，因此我們要不停的學(xué)習(xí)并且學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)不要掉入技術(shù)的陷阱，如果你的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)一流，并且對(duì)軟件的掌握程度已經(jīng)達(dá)成一定水平，但是你設(shè)計(jì)的網(wǎng)頁(yè)確不堪目睹，這是由于網(wǎng)頁(yè)設(shè)計(jì)是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的"邊沿科學(xué)."不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識(shí),還涉及到html,javascript,css,asp,php等編程語(yǔ)言技術(shù)方面的知識(shí).只有綜合運(yùn)用多個(gè)知識(shí),才干設(shè)計(jì)出視聽(tīng)特效,動(dòng)感十足,富于個(gè)性的web頁(yè)面,才干全方面呈現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功效.并且我認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)應(yīng)當(dāng)重視實(shí)用性，由于它是讓人瀏覽的，是顧客能夠撫摸，能夠評(píng)論，能夠交互的.因此我倡導(dǎo)簡(jiǎn)樸的美.視覺(jué)形象識(shí)別即我們普通所說(shuō)的VI，與BI一起用于深化體現(xiàn)公司理念，同時(shí)也受到BI的影響.所謂視覺(jué)形象識(shí)別，就是指能夠被目的客戶通過(guò)視覺(jué)來(lái)認(rèn)知與公司有關(guān)的一切事物，從最基礎(chǔ)的公司標(biāo)志、吉祥物、原則色到公司日常業(yè)務(wù)中的信紙、服裝、名片等等，在將其系統(tǒng)化后來(lái)就形成了公司的視覺(jué)形象識(shí)別系統(tǒng).視覺(jué)形象識(shí)別系統(tǒng)在整套CIS中處在最表層的位置，其中全部的設(shè)計(jì)都將與目的客戶發(fā)生直接的接觸.網(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è)中，一種共同的特點(diǎn)就是網(wǎng)頁(yè)的整體架構(gòu)十分的清晰明了，便于顧客瀏覽網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型1、首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例.2、另首先就應(yīng)當(dāng)考慮導(dǎo)航條的設(shè)立了.3、正文的框架設(shè)立圖象我運(yùn)用網(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)畫(huà)，動(dòng)態(tài)特效.可是總碰到這樣那樣的問(wèn)題，但在同窗的協(xié)助和自己探索的狀況下完畢了這個(gè)實(shí)習(xí)的成果.看到了某些出名的網(wǎng)站開(kāi)發(fā)出的網(wǎng)頁(yè)，不僅欄目?jī)?nèi)容豐富，信息量大，并且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返.以我們的經(jīng)驗(yàn)，現(xiàn)在的軟件的功效日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的.因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏.虛在加以刻苦鉆研及學(xué)習(xí)，不停開(kāi)拓視野，增強(qiáng)自己的實(shí)習(xí)操作技能，為后來(lái)能做出杰出的網(wǎng)頁(yè)而努力.近