網(wǎng)頁(yè)設計與制作報告
我們眼下的社會(huì )，我們都不可避免地要接觸到報告，報告包含標題、正文、結尾等。一聽(tīng)到寫(xiě)報告馬上頭昏腦漲？以下是小編為大家整理的網(wǎng)頁(yè)設計與制作報告，希望對大家有所幫助。
網(wǎng)頁(yè)設計與制作報告1
實(shí)習報告
一、實(shí)習目的：通過(guò)社會(huì )實(shí)踐，可以把我們在學(xué)校所學(xué)的理論知識，運用到客觀(guān)實(shí)際中去，使自己所有用武之地。以便能夠達到拓展自身的知識面，擴大與社會(huì )的接觸面。
1、了解平面設計在焦作的市場(chǎng)現狀及前景。
2、進(jìn)一步掌握ps，coreldraw，等設計軟件的運用。
3、嘗試把學(xué)校里學(xué)習的平面設計相關(guān)理論運用到實(shí)習過(guò)程中。
4、初探做好平面設計師的方法，熟悉平面設計的方法和程序步驟。
5、培養人際交往與社交能力，為成為平面設計師作準備。
二、實(shí)習時(shí)間：20xx年1月1日—4月30日
三、實(shí)習地點(diǎn)：威美（上海）金融偉德服務(wù)有限公司
四、實(shí)習內容：平面設計
五、實(shí)習總結：
即將面臨大學(xué)畢業(yè)，因為偉德視覺(jué)傳達專(zhuān)業(yè)，想豐富一下自己的知識，所以我找到了一家互聯(lián)網(wǎng)金融公司做UI平面設計，雖然和我所學(xué)的專(zhuān)業(yè)有些差異，但它對于我來(lái)說(shuō)是受益匪淺，我所在的公司威美（上海）金融偉德服務(wù)有限公司，主要是網(wǎng)頁(yè)設計為主，也與繪畫(huà)有所偉德，既然選擇這個(gè)公司，我就要好好去學(xué)，使自己的基礎更牢固，技術(shù)更全面，在大學(xué)里學(xué)的知識卻不知道如何運用，想偉德多個(gè)偉德，因此我非常珍惜這次實(shí)習的機會(huì )，在有限的時(shí)間里加深對繪畫(huà)對設計的了解，找出自身的不足。實(shí)習的內容是學(xué)習網(wǎng)頁(yè)設計（Ps，ai，arp等軟件的使用）。
在實(shí)習過(guò)程中，我深深地感受到作為設計師通常缺乏足夠的對市場(chǎng)的了解和對管理層領(lǐng)導上的溝通，做出的設計作品經(jīng)常會(huì )與市場(chǎng)經(jīng)濟脫節；而作為管理者通常缺乏設計基礎和審美能力，往往為了追求市場(chǎng)效益，過(guò)多地拘束設計師的思維與創(chuàng )新，忽略了設計要素的重要性，造成了設計的'庸俗化。
來(lái)到公司，第一天進(jìn)公司，與經(jīng)理進(jìn)行了簡(jiǎn)單面談后，部門(mén)總監把我分配給偉德經(jīng)理，偉德經(jīng)理是我的直接領(lǐng)導，所有工作由偉德經(jīng)理分布。第一天來(lái)到公司要趕做兩個(gè)網(wǎng)頁(yè)banner，接到文案后就在網(wǎng)絡(luò )上搜集大量banner素材，找了幾個(gè)適合這次文案的banner然后用Photoshop簡(jiǎn)單的修改圖片，第一天沒(méi)有做好，幸好領(lǐng)導說(shuō)第二天晚上再交給他，于是我就乖乖的回家找圖片。說(shuō)實(shí)話(huà)我以前在學(xué)校的時(shí)候也這樣做過(guò)，不過(guò)效果沒(méi)有這么好，因為以前一遇到難的或不懂的就停下來(lái)不做了，而現在在公司，有壓力，有不懂的就問(wèn)，這使我受益匪淺。
后來(lái)，公司要更改域名讓我參與進(jìn)行的VI設計項目，讓我們鍛煉一下自己。公司給了我們一個(gè)設計logo的任務(wù)。一開(kāi)始我們設計出的作品并不能符合主觀(guān)的要求，未能做出很好的方案。市場(chǎng)部總監看過(guò)我的方案后，要我進(jìn)一步去了解公司的性質(zhì)和作用，要做出更加符合機構精神的logo。經(jīng)過(guò)兩天的摸索，我逐漸懂得了一些做logo的技巧和該注意的問(wèn)題，要偉德實(shí)際，要大氣。同時(shí)也意識到了由于在學(xué)校實(shí)際鍛煉的機會(huì )比較少，在軟件操作上不夠純熟。而且對于公司的要求理解不夠透徹。
很幸運，一進(jìn)公司便能參與的APP軟件設計項目之中，正好鍛煉一下自己。由于經(jīng)驗不足，剛開(kāi)始找不到頭緒，不知道該做些什么。在開(kāi)始的時(shí)候，主要還是負責一些比較瑣碎的任務(wù)。還沒(méi)有真正地參與到比較完整的偉德設計之中。經(jīng)過(guò)兩天的磨合，自己有哪些缺點(diǎn)和不足，便知道了一些。在校的時(shí)候由于實(shí)際鍛煉的機會(huì )比較少，所以現在什么都做不好，在軟件操作上還是不夠熟練。而且對于客戶(hù)的要求并不能立即做出反應。
我在工作的鍛煉中學(xué)到了許多課本上無(wú)法學(xué)到的經(jīng)驗，因為在學(xué)校中我們的創(chuàng )意和設計都只局限于作業(yè)之中，但如果在公司里，我們的創(chuàng )意還必須得到客戶(hù)和主管的認同，這是嚴格許多的。我們必須盡量發(fā)揮自己的創(chuàng )意，同時(shí)也要兼顧客戶(hù)的要求和市場(chǎng)的效益。要多與客戶(hù)溝通，多向主管詢(xún)問(wèn)意見(jiàn)，多向身邊同事請教。
通過(guò)這次實(shí)習，在設計方面我感覺(jué)自己有了一定的收獲，開(kāi)始了解掌握了photoshop的小技巧，知道了怎么去制作圓角矩形方塊、高解析制作、保留選取范圍大小、快速隱藏圖層等。這次實(shí)習主要是為了我們今后在工作及業(yè)務(wù)上能力的提高起到了促進(jìn)的作用，增強了我們今后的競爭力，為我們能在以后立足增添了一塊基石。實(shí)習單位的老師也給了我很多機會(huì )參與他們的設計是我懂得了很多以前難以解決的問(wèn)題，將來(lái)偉德設計工作所要面對的問(wèn)題，如與it工程師的配合，以及對市場(chǎng)部的偉德溝通。
這次實(shí)習對我來(lái)說(shuō)受益匪淺，讓我學(xué)會(huì )從客觀(guān)的角度來(lái)審視自己的作品，在審美方面更加成熟。而在公司，與同事相處，讓我學(xué)會(huì )如何別人打交道。與領(lǐng)導交流，讓我學(xué)會(huì )設計師應有的職業(yè)道德。這些經(jīng)驗都讓我得到了成長(cháng)，讓我在以后的工作中更加成熟、更加順利。這次實(shí)習豐富了我在這方面的知識，使我向更深的層次邁進(jìn)，對我在今后的社會(huì )當中立足有一定的促進(jìn)作用，但我也認識到，要想做好這方面的工作單靠這這幾天的實(shí)習是不行的，還需要我在平時(shí)的學(xué)習和工作中一點(diǎn)一點(diǎn)的積累，不斷豐富自己的經(jīng)驗才行。我面前的路還是很漫長(cháng)的，需要不斷的努力和奮斗才能真正地走好。
網(wǎng)頁(yè)設計與制作報告2
一、實(shí)習目的
�。ㄒ唬z驗自己是不是真的適合這個(gè)職業(yè)
鑒于自己對未來(lái)的職業(yè)生涯的規劃更傾向于設計，這和自己所學(xué)的專(zhuān)業(yè)不是十分有聯(lián)系，所以我希望在實(shí)習的過(guò)程里思考自己未來(lái)是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。
�。ǘ┰趯�(shí)踐中查漏補缺
在學(xué)校學(xué)習的網(wǎng)站建設知識僅僅停留在平時(shí)的作業(yè)里，并沒(méi)有得到充分的運用。希望可以藉由這次實(shí)習，好好鞏固書(shū)面知識。在實(shí)際運用中通過(guò)發(fā)現問(wèn)題，解決問(wèn)題對知識進(jìn)行查漏補缺。
�。ㄈ┰诠ぷ髦写蚰プ约�
由于學(xué)校和社會(huì )是截然不同的生活、學(xué)習、工作氛圍，在工作中我們不可以像在學(xué)校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實(shí)習里，和同事上司的相處中獲得這方面的成長(cháng)。
二、實(shí)習內容
�。ㄒ唬⿲�(shí)習主要內容
廣州xxxx有限公司是一個(gè)研發(fā)和銷(xiāo)售智能寄存柜的公司。它的產(chǎn)品在展示和銷(xiāo)售這兩個(gè)環(huán)節很需宣傳冊、企業(yè)網(wǎng)站等作為一個(gè)推廣媒介。我實(shí)習的主要內容就是配合網(wǎng)絡(luò )部去完成網(wǎng)站建設的工作，涉及前臺的外觀(guān)設計和后臺的代碼編寫(xiě)，以及宣傳冊的設計。
1、負責設計公司整個(gè)企業(yè)網(wǎng)站的頁(yè)面部分，根據網(wǎng)頁(yè)設計師或客戶(hù)所提供的主題要求和思路框架來(lái)設計出整個(gè)網(wǎng)站。
1）使用Photoshop、AI等圖片處理軟件設計、處理和制作網(wǎng)站上需要的圖片
2）使用DIV+CSS樣式及基礎的HTML語(yǔ)言做頁(yè)面布局的排版
3）使用Photoshop對網(wǎng)頁(yè)進(jìn)行配色及排版設計
4）編寫(xiě)CSS代碼使網(wǎng)站頁(yè)面無(wú)論是在IE瀏覽器里還是在FF瀏覽器上正常顯示
2、負責網(wǎng)站的幾個(gè)主體模塊的文案撰寫(xiě)和后臺編輯
1）在已有的文案上配合網(wǎng)站架構進(jìn)行提煉和歸納整理
2）使用Photoshop對文案進(jìn)行概念配圖
3）在后臺將文案部分合理配色排版
4）按照網(wǎng)站架構在后臺錄入所有產(chǎn)品資料
�。ǘ┕ぷ鬟^(guò)程
在公司的2個(gè)多月里，我的工作都是由負責整個(gè)網(wǎng)站文案架構的曹經(jīng)理分配監督的。確認實(shí)習機會(huì )前的面試的時(shí)候也是由他負責的。面試的時(shí)候他并沒(méi)有過(guò)多的考察我在網(wǎng)站制作上的技術(shù)問(wèn)題。更多的從我對網(wǎng)站設計方面的配色排版的現有審美以及做事的認真細致程度去考察的。從一開(kāi)始我就以踏實(shí)認真的態(tài)度對待每一項他交付給我的任務(wù)。下面我挑選一些讓我收獲很多，學(xué)習很多，影響我很多，讓我回想起來(lái)都是歷歷在目的事情重點(diǎn)說(shuō)一下。
1、經(jīng)理讓我按照網(wǎng)頁(yè)設計師提供的jpg稿變成div和css 。
1）這個(gè)任務(wù)簡(jiǎn)單來(lái)說(shuō)就是架構網(wǎng)頁(yè)框架和完善里面的文本主體。里面涉及很多文本，我覺(jué)得既然有具體的設計稿就一定保存有文案，所以咨詢(xún)了經(jīng)理是否有必要花這部分時(shí)間去打文本。經(jīng)理的回復是很有必要。他的意見(jiàn)是，讓我重新輸入文本可以幫助檢查錯誤，同時(shí)可以讓我更熟悉公司的產(chǎn)品和網(wǎng)站的主要內容，對我后面的工作有幫助。頓時(shí)知道，一個(gè)實(shí)習生想到的東四是多么的膚淺，對經(jīng)理工作上的態(tài)度更是肅然起敬。
2）因為經(jīng)理沒(méi)想要讓實(shí)習生負責過(guò)于復雜的事情，在這部分工作中設計的div和css的內容并沒(méi)有很復雜，需要的就是要注重細節。但實(shí)際上自己做事遠沒(méi)有自已一開(kāi)始想象的那么能夠靜下心地考慮大局。只要想到一個(gè)覺(jué)得挺好的排版我就一下子全部套用了，以至于最后通過(guò)多次檢查，發(fā)現這個(gè)排版有瑕疵的時(shí)候又要重頭再來(lái)。這些經(jīng)歷都讓我體會(huì )到比起表面的工作速度，有前面深思熟慮的慢節奏才能造就最終的高效率。所以一開(kāi)始在用css排版的時(shí)候其實(shí)應該多做幾個(gè)版本仔細做對比，看清楚哪個(gè)更合適才確定的。
2、經(jīng)理讓我設計幾個(gè)欄目對應的banner圖片
1）由于自己并沒(méi)有專(zhuān)門(mén)學(xué)過(guò)banner規范和設計方面的專(zhuān)業(yè)知識，有的只是審美方面的一些小體會(huì )。接手這個(gè)工作需要花大量的時(shí)間去學(xué)習和參考。一開(kāi)始略略覺(jué)得壓力大，但是覺(jué)得經(jīng)理讓我去做，就是相信我的能力。所以我也沒(méi)有慌，按照自己的節奏和需要邊學(xué)邊做。
從整體了解主題：自己找了多個(gè)類(lèi)似的企業(yè)網(wǎng)站作參考，通過(guò)總結企業(yè)網(wǎng)站中，幾個(gè)主要的欄目在網(wǎng)站上具體意義，體會(huì )這對應的幾個(gè)欄目banner的設計意義。思考配色與構圖：對整個(gè)內容有了一了解后，便要思考作品的色彩和具體的構圖，先用筆畫(huà)出草圖，有時(shí)候也會(huì )直接在腦海里構思。除了從公司的角度，圍繞要傳達的東西去設計，我也充分意識到要轉換身份從用戶(hù)的角度出發(fā)，怎樣才可以更吸引人�？傮w來(lái)說(shuō)就是除了審美上的設計，也考慮很多目的性。
查找素材：素材這個(gè)問(wèn)題我總結了一種思路，電腦里下載一些專(zhuān)業(yè)的“科技信息”圖庫。另外配合專(zhuān)業(yè)在線(xiàn)圖庫網(wǎng)站（通常是國外站點(diǎn)）+Google，百度圖片等搜索引擎進(jìn)行即使的素材查找。再加上自己平時(shí)積累的素材，選擇是非常大的。最后就是不斷地觀(guān)察對比最終效果，看哪幾張banner圖片更適合整體網(wǎng)站。
2）最終banner圖片并沒(méi)有全都采用我設計的，有一些還是因為不夠大氣被撤下來(lái)了。一開(kāi)始我還挺灰心，覺(jué)得自己的付出沒(méi)有得到認可。但是我知道當初經(jīng)理就是感覺(jué)可以給我試一下，才給我這個(gè)機會(huì )去讓我發(fā)揮一下的，所以我好好學(xué)習了別人的圖片，看自己的和別人的差別在哪里，不浪費這次嘗試性地努力。
3、經(jīng)理讓我參考舊網(wǎng)站單獨做一個(gè)公司簡(jiǎn)介的頁(yè)面
1）我知道經(jīng)理的意思是重新排版成符合網(wǎng)站的配色。這樣對我來(lái)說(shuō)其實(shí)很簡(jiǎn)單。但是我從舊網(wǎng)站了解到公司簡(jiǎn)介那篇文案比較累贅，如果想要瀏覽網(wǎng)站的用戶(hù)肯停留在這個(gè)頁(yè)面多幾秒，或者因為這個(gè)公司簡(jiǎn)介的頁(yè)面而更信任這個(gè)公司的產(chǎn)品，更有沖動(dòng)訂個(gè)公司的寄存柜就要在文案的內容上下功夫，就要在表現上更生動(dòng)，讓人看著(zhù)不會(huì )覺(jué)得文字流水賬，很煩躁。
于是在經(jīng)理沒(méi)有給我嚴格期限的時(shí)候，我選擇了按照自己的思路去修改文案，把多余的文字刪掉，根據公司的優(yōu)勢修改出精簡(jiǎn)的幾點(diǎn)，變得更有條理更有重點(diǎn)。這只是對文案的初步處理，接著(zhù)根據幾個(gè)要點(diǎn)用Photoshop處理幾張概念配圖出來(lái)，將公司寄存柜的技術(shù)水平之領(lǐng)先，應用領(lǐng)域之眾多，銷(xiāo)售范圍之巨大等等用更生動(dòng)形象的方式表現。從設想到思考中間的問(wèn)題到最后的完成，花的時(shí)間雖然多，但是最終的效果得到了經(jīng)理的肯定，對網(wǎng)站的宣傳作用起到了很好的幫助，這都是值得的`。
三、實(shí)習體會(huì )
做了2個(gè)月的網(wǎng)頁(yè)設計和編輯的實(shí)習生，終于體會(huì )到網(wǎng)頁(yè)設計并非只是圖文混排的那點(diǎn)事。當你真正的去努力的創(chuàng )造了之后，經(jīng)常被別人一眼就否定了。這才真正明白一個(gè)好的網(wǎng)頁(yè)不只是效果華麗還要多從用戶(hù)的角度去考慮問(wèn)題。通過(guò)實(shí)習，我不僅將自己在學(xué)校學(xué)過(guò)的東西通過(guò)實(shí)踐進(jìn)步一鞏固，也通過(guò)向公司的人請教學(xué)到很多工作上的技巧，更通過(guò)實(shí)習體會(huì )到很多沒(méi)有人會(huì )教授給你的東西。工作是人生活的重要部分，是我們畢業(yè)生必須面對的。就算是遇到困難，我也會(huì )用平常的心態(tài)實(shí)際看待問(wèn)題，不說(shuō)“不可能”，而是冷靜下來(lái)思考如何處理并付諸于實(shí)踐。
在實(shí)習的日子，我學(xué)習到了很多如果沒(méi)有這次經(jīng)歷，就不會(huì )有的細膩體會(huì )。
�。ㄒ唬┥羁谈惺艿绞裁词钦嬲募毿�
其實(shí)在高中甚至到大學(xué)，老師都總是強調“細心”，對于細心什么的我以前自我感覺(jué)還挺不錯的。但是當老師在斤斤計較一個(gè)標點(diǎn)符號或者花時(shí)間可以渲染“細心”的重要性的時(shí)候我就覺(jué)得好小題大做那時(shí)的我覺(jué)得“細心”是你可以刻意去營(yíng)造的狀態(tài)。包括經(jīng)理對我強調細致的時(shí)候我也是這樣想的。我覺(jué)得只要想到考試的時(shí)候或者處理工作的事情的時(shí)候去跟自己說(shuō)細心點(diǎn)就好了。但是在這個(gè)實(shí)習的過(guò)程里，因為無(wú)意和粗心犯下的錯誤，才讓我明白老師反復說(shuō)的話(huà)到底意義在哪里。往往一些不好的后果或者沒(méi)有必要的錯誤，正正是在你認為不用細心和沒(méi)有想過(guò)要去細心的行為后出現的。這才是我們?yōu)槭裁匆B成這個(gè)習慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養成習慣，以細心認真的態(tài)度對待。
�。ǘ┲鲃�(dòng)思考的重要性
從學(xué)校走向社會(huì )，首要面臨的問(wèn)題便是角色轉換的問(wèn)題。從一個(gè)學(xué)生轉化為一個(gè)單位人，一個(gè)單位人工作要考慮的問(wèn)題就是如何發(fā)揮自己最大的價(jià)值為單位創(chuàng )造效益。做事要主動(dòng)一點(diǎn)，這不是指一直主動(dòng)問(wèn)上司有什么事做，而是在別人交付你任務(wù)的時(shí)候自己主動(dòng)想一下怎么做才更好，而不是把自己當一個(gè)機器人一樣。就像做公司簡(jiǎn)介頁(yè)面的時(shí)候，我把自己做得效果給經(jīng)理看的時(shí)候，經(jīng)理說(shuō)“你真的很用心，很負責”，“你做的公司簡(jiǎn)介那個(gè)頁(yè)面，讓我感觸很深”。
網(wǎng)頁(yè)設計與制作報告3
課題名稱(chēng)為：網(wǎng)頁(yè)設計制作方法及其在餐飲行業(yè)中的應用舉例
基本任務(wù)與要求：
階段工作計劃：
開(kāi)題報告：
1. 選題背景（含國內外相關(guān)研究綜述及評價(jià)）與意義
選題背景：互聯(lián)網(wǎng)始于1969年的美國，又稱(chēng)因特網(wǎng)。最初用于軍事連接，之后由于計算機的增多，以及各種連接協(xié)議的規范化，互聯(lián)網(wǎng)逐漸發(fā)展起來(lái)，成為日常生活中人們與外界交流信息的重要工具，可以說(shuō)，信息時(shí)代的基礎就是互聯(lián)網(wǎng)。在中國，截至20xx年12月底，中國網(wǎng)民數量突破5億，達到5.13億，全年新增網(wǎng)民5580萬(wàn)�；ヂ�(lián)網(wǎng)普及率較上年底提升4個(gè)百分點(diǎn)，達到38.3%。（數據來(lái)自國家互聯(lián)網(wǎng)絡(luò )信息中心），隨著(zhù)網(wǎng)民的逐漸增加，網(wǎng)頁(yè)制作以及網(wǎng)頁(yè)設計技術(shù)的日趨完善，網(wǎng)頁(yè)已經(jīng)被運用到人們日常生活中的方方面面，越來(lái)越多的人甚至公司開(kāi)始學(xué)習制作屬于自己的個(gè)性化網(wǎng)頁(yè)，這成為信息時(shí)代最重要的宣傳方式。
國內外對此課題的研究著(zhù)重分為兩個(gè)方面，網(wǎng)頁(yè)制作以及網(wǎng)頁(yè)設計，但是兩者同時(shí)又是密不可分的，因為，設計需要建立在目前的制作技術(shù)之上，而制作又需要遵守設計所構建的框架，兩者相輔相成，缺一不可，而國內外對此的研究通常都在兩方面有兼顧，但是大部分課題都是只對一個(gè)小問(wèn)題或者一個(gè)小型框架，或者只是粗略講一下相關(guān)的技術(shù)或者技巧，對兩者同時(shí)進(jìn)行一個(gè)綜合性概述的暫時(shí)還沒(méi)有。
意義：在互聯(lián)網(wǎng)初期，大部分網(wǎng)頁(yè)設計師都只知道如何去制作網(wǎng)站，知道如何去實(shí)現什么樣的功能，但是在這個(gè)信息化的社會(huì )，如何讓你的網(wǎng)頁(yè)變得更好看，更直觀(guān)明了的表達信息，如何從眾多的網(wǎng)頁(yè)之中脫穎而出，這就需要更強的網(wǎng)頁(yè)設計技術(shù)了，而新的網(wǎng)頁(yè)制作技術(shù)例如HTML5以及CSS3的運用也給設計師們帶來(lái)了更好的施展空間，該課題會(huì )先對網(wǎng)頁(yè)設計制作技術(shù)進(jìn)行一個(gè)概述，讓讀者了解這些技術(shù)尤其是新技術(shù)的運用，同時(shí)課題還將運用一個(gè)知名餐飲行業(yè)的企業(yè)網(wǎng)站為例，講述網(wǎng)頁(yè)設計制作設計方法的實(shí)際運用，并指出網(wǎng)站設計中體現出的'優(yōu)缺點(diǎn)，最后課題里還會(huì )按照要求設計一個(gè)網(wǎng)站，同樣也是餐飲行業(yè)方面的網(wǎng)站，與知名企業(yè)的網(wǎng)站進(jìn)行對比，加深理解網(wǎng)頁(yè)中設計與制作的關(guān)系。 選題研究的方法與主要內容。
選題研究方法：
文獻研究法：通過(guò)調查與網(wǎng)頁(yè)設計制作相關(guān)的文獻，對其進(jìn)行一個(gè)綜合性的了解，同時(shí)吸收文獻中對網(wǎng)頁(yè)設計制作的獨特見(jiàn)解，加入自身的理解，從而達到一個(gè)更高的高度
探索性研究：利用自身已經(jīng)學(xué)習過(guò)的網(wǎng)頁(yè)設計制作方面的知識，以及在網(wǎng)頁(yè)美學(xué)上的經(jīng)驗，綜合探索，得出屬于自己的獨特經(jīng)驗
信息研究方法：通過(guò)對網(wǎng)絡(luò )上各種教程以及著(zhù)名網(wǎng)站等實(shí)例樣本進(jìn)行收集、傳遞、加工和整理來(lái)獲得知識，并將其用于實(shí)踐，在實(shí)踐中進(jìn)行檢驗，從而糾正理論
經(jīng)驗總結法：通過(guò)對制作實(shí)際網(wǎng)站中的實(shí)際情況，進(jìn)行歸納、分析，并且將這種經(jīng)驗進(jìn)行系統化整理 描述性研究法：將網(wǎng)上已有的網(wǎng)頁(yè)制作的經(jīng)驗、理論以及規律甚至是小技巧等等通過(guò)自己的理解，并且給予實(shí)地驗證，最后系統性敘述并解釋出來(lái)
主要內容：論文主要分為四部分，第一部分是開(kāi)題報告部分，講述選題背景以及對國內外相關(guān)研究進(jìn)行一個(gè)綜述，并指出論文的研究意義；緊接著(zhù)第二部分對國內外在網(wǎng)頁(yè)設計制作方面技術(shù)進(jìn)行了一個(gè)綜合性的分析；第三部分，我將選取國內一個(gè)知名餐飲行業(yè)的網(wǎng)站，對其進(jìn)行網(wǎng)頁(yè)設計制作技術(shù)方面進(jìn)行分析評價(jià)，并在其中闡述自己的理論，論證優(yōu)缺點(diǎn)；最后，我將自己設計一個(gè)有關(guān)于餐飲行業(yè)的網(wǎng)站，并將其與第三部分中選擇的知名餐飲行業(yè)網(wǎng)站進(jìn)行對比，取長(cháng)補短，達到實(shí)際驗證自身理論的效果。研究條件、擬解決的主要問(wèn)題和預期結果。
研究條件：網(wǎng)頁(yè)在21世紀的應用已經(jīng)十分普遍，但是大部分研究都是只針對某一小部分，并且大部分研究都是對設計和制作沒(méi)有一個(gè)系統的概念，缺乏對這一方面的一個(gè)綜合性概述，所以這次課題研究具有以下幾個(gè)條件：
1、具有研究性：該研究區域尚未被大量探索過(guò)
2、研究過(guò)程中所需的條件均已滿(mǎn)足：國內外相關(guān)研究已經(jīng)有很多，大多數知名餐飲網(wǎng)站也開(kāi)始重視網(wǎng)站進(jìn)行銷(xiāo)售和宣傳
3、具備研究該課題的設備、場(chǎng)地或者環(huán)境等：網(wǎng)頁(yè)設計制作所需要的物質(zhì)成本只是充足的信息來(lái)源，而互聯(lián)網(wǎng)已經(jīng)滿(mǎn)足了這個(gè)條件
擬解決的主要問(wèn)題：
1.對網(wǎng)頁(yè)設計制作技術(shù)的收集以及歸納、整理
2.對網(wǎng)頁(yè)設計制作技術(shù)的理解、實(shí)際應用及論證
3.自主設計一個(gè)網(wǎng)站，避免出現知名餐飲行業(yè)中的缺點(diǎn)設計
預期結果：
初期：收集整理網(wǎng)頁(yè)設計制作方面的資料，包括文獻，各種教程，以及國內外知名網(wǎng)站，對各種設計制作方法進(jìn)行系統性的整理，其中著(zhù)重介紹新技術(shù)的運用，例如HTML5、CSS3以及設備移動(dòng)互聯(lián)化帶來(lái)的新交互方式的運用
中期：選取一個(gè)有代表性的知名餐飲網(wǎng)站，對其進(jìn)行網(wǎng)頁(yè)設計以及網(wǎng)頁(yè)制作方面的評價(jià)，指出設計中的優(yōu)點(diǎn)和缺點(diǎn)，并進(jìn)行詳細分析，針對缺點(diǎn)設計提出自己的想法，并做出實(shí)際設計，從而驗證自己的理論，或者舉出實(shí)例進(jìn)行對比論證。
后期：自行設計餐飲網(wǎng)站進(jìn)行對比分析，建立自己的設計理論，并與中期的評價(jià)進(jìn)行對應驗證，在實(shí)踐得到大量的經(jīng)驗，從而對整篇課題進(jìn)行一個(gè)重新檢驗，最后反復檢查論文，完成論文。
網(wǎng)頁(yè)設計與制作報告4
實(shí)習目的：熟悉和掌握計算機網(wǎng)頁(yè)設計的基本技巧及網(wǎng)頁(yè)制作相關(guān)工具軟件等內容。培養我們利用計算機進(jìn)行商務(wù)網(wǎng)頁(yè)設計的基本思路和應用開(kāi)發(fā)能力，提高我們的計算機文化素質(zhì)。
網(wǎng)頁(yè)是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們在這個(gè)不足0。1平米的空間內投資達數百萬(wàn)美元。網(wǎng)頁(yè)對公司的影響比簡(jiǎn)單的電子商務(wù)增收方法大得多；網(wǎng)頁(yè)也是公司對外的臉面。WEB站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門(mén)，人們可以沿著(zhù)搜索引擎其他WEB站點(diǎn)的鏈接，繞過(guò)主頁(yè)而進(jìn)入WEB的深層。
一、網(wǎng)站的整體規劃
1、討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個(gè)旅游網(wǎng)站。
2、定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁(yè)設計上面，根據普羅旺斯夢(mèng)幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3、確定欄目和板塊：
�。�1）首先要考慮整個(gè)網(wǎng)頁(yè)的長(cháng)和寬，以及長(cháng)度和寬度之間的比例。
�。�2）其次就應該考慮導航條的設置了。
�。�3）正文的框架設置（橫向因素和縱向因素交錯）
在瀏覽了很多精美的旅游網(wǎng)站之后，再結合自己的想法，我先在草紙上畫(huà)出了大體的欄目和板塊。
�。�4）網(wǎng)站的整體風(fēng)格和創(chuàng )意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線(xiàn)，目的務(wù)必使瀏覽者留下映像。
二、網(wǎng)頁(yè)制作的前期策劃與準備
1、資料的搜集：由于個(gè)人的愛(ài)好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著(zhù)就搜集了一些有夢(mèng)幻效果的網(wǎng)頁(yè)背景，FIASH源代碼、小圖標和一些GIF的動(dòng)畫(huà)等。
2、熟悉制作工具軟件：
主頁(yè)制作的基本條件有：
硬件：
一臺電腦（64mb以上內存，當然越大越好啦）；可以撥號上網(wǎng)；如果你有條件的話(huà)，建議：配置掃描儀，這將大大方便圖像和文字的輸入；
軟件：
html編輯軟件：常用的有frontpage、hotdog等，本文重點(diǎn)介紹dreamweaver；
圖像處理軟件：常用的有photoshop、flash、fireworks等；
文件上傳軟件：常用的有cuteftp、wsftp等。
三、網(wǎng)頁(yè)制作
真的是萬(wàn)事開(kāi)頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規格，一下子把其他內容的框架擠開(kāi)；插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了；插入的flash不能產(chǎn)生效果�？傊畣�(wèn)題一籮筐。實(shí)踐出真知，原來(lái)自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書(shū)管里借了幾本網(wǎng)頁(yè)制作方面的'書(shū)籍來(lái)參考。
在對基本知識有了詳細的了解之后，做起東西來(lái)就得心應手多了，知道引導頁(yè)能過(guò)加映像之后，我決定為我的網(wǎng)頁(yè)設計一個(gè)引導頁(yè)。
然后是主頁(yè)和二級頁(yè)面的設置。要注意，網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上，因為它們太大了，但可以用圖象軟件進(jìn)行轉換，比如office 97的照片編輯器。把準備在主頁(yè)上出現的圖象放進(jìn)相應的目錄里后。
在一步一步的邊學(xué)邊做的過(guò)程中，看著(zhù)心中的東西一點(diǎn)一點(diǎn)的出來(lái)，真的很有成就感。雖然自己的網(wǎng)頁(yè)技術(shù)還差的遠，但是回顧一下這周真的學(xué)到了很多的東西。
四、網(wǎng)頁(yè)的調試
之前把作過(guò)的東西放到u盤(pán)里，發(fā)生過(guò)圖片顯示不出來(lái)的狀況，還好即使找到了解救的方法，把源文件和web頁(yè)面放到一起這樣就算路徑改變的話(huà)也不會(huì )影響頁(yè)面的效果。
總結：在www上，不論你是資產(chǎn)上億的大公司，還是捉襟見(jiàn)肘的窮學(xué)生，只要你建立了自己的網(wǎng)頁(yè)，你們的地位就是平等的。經(jīng)過(guò)這周的相關(guān)學(xué)習，我了解到網(wǎng)頁(yè)設計與制作是一門(mén)龐大的工程。網(wǎng)站的反饋與評價(jià)網(wǎng)站要注意經(jīng)常維護更新內容、保持內容的新鮮，不要做好就放到服務(wù)器永遠不變了，只有不斷地補充、更新內容、才能夠吸引瀏覽者。維護更新時(shí)可以充分利用dream weaver提供的模板和庫技術(shù)，以提高工作效率。一個(gè)真正的網(wǎng)站，不僅應該實(shí)現傳統媒體的電子化，給用戶(hù)提供需要的內容、而且還應該做更多的事情、完成比頁(yè)面瀏覽更高層次的需求，例如收集信息，數據傳遞，數據存儲以及系統維護等。自己還有許多要學(xué)習的地方。
網(wǎng)頁(yè)設計與制作報告5
為此學(xué)校為我們進(jìn)入社會(huì )實(shí)習前為我們組織一次為期兩個(gè)月的校內實(shí)習。在學(xué)校組織的這次校內實(shí)習，讓我們在進(jìn)入社會(huì )之前，提前體驗了一下將來(lái)在社會(huì )上的工作情況，給我們提前積累一些社會(huì )經(jīng)驗，通過(guò)本次的實(shí)習讓我們更加熟練網(wǎng)頁(yè)的制作，并創(chuàng )新的以網(wǎng)絡(luò )作為平臺，結合網(wǎng)絡(luò )運用制作了各類(lèi)網(wǎng)頁(yè)。這包括了我們專(zhuān)業(yè)所學(xué)習的所有內容，這次實(shí)習不緊是對我們過(guò)去學(xué)習成果的總結驗證，更是一次學(xué)習上的創(chuàng )新與進(jìn)步。在這次校內實(shí)習過(guò)程中，不管在知識掌握上，還是知識運用實(shí)踐體驗方面我都得到了很大的收獲。
網(wǎng)頁(yè)設計與制作的實(shí)習是鍛煉我們實(shí)踐能力的重要環(huán)節，是對我們實(shí)際工作能力的具體習練和考察過(guò)程。隨著(zhù)科學(xué)技術(shù)發(fā)展的日新月異，網(wǎng)頁(yè)設計制作已經(jīng)成為當今計算機應用中空前活躍的領(lǐng)域，在生活中可以說(shuō)得是無(wú)處不在。因此作為二十一世紀的大學(xué)來(lái)說(shuō)掌握網(wǎng)頁(yè)設計制作的技術(shù)和能力是十分重要的。
這次實(shí)習，我為自己家鄉的一個(gè)概況做一個(gè)網(wǎng)頁(yè)。我是來(lái)自大理，大理作為一座旅游城市，擁有眾多的旅游風(fēng)景點(diǎn)，所以我選擇了為我家鄉的旅游做一個(gè)網(wǎng)頁(yè)。
首先我要做的就是要選擇好題目和網(wǎng)頁(yè)的風(fēng)格，之后我就分步驟準備在制作網(wǎng)頁(yè)前所要做好的準備工作。我瀏覽了大理旅游網(wǎng)的一些特點(diǎn)，借鑒這些網(wǎng)頁(yè)的優(yōu)秀之處，不好的地方在自己的網(wǎng)頁(yè)上加以改良，從而使自己的網(wǎng)頁(yè)更加美觀(guān)。
做好這些準備工作之后我希望能在最短的時(shí)間內做到最好的效果。接下來(lái)的步驟就是準備素材，搜集與主題相關(guān)的文字、圖像、動(dòng)畫(huà)、音樂(lè )等資料。在準備素材的過(guò)程中我用到了dreamweaver、photoshop等工具。再是設計網(wǎng)頁(yè)的內容結構、目錄結構和鏈接結構，設計首頁(yè)及其頁(yè)面的版式結構。然后創(chuàng )建本地網(wǎng)頁(yè)，建立網(wǎng)頁(yè)的目錄結構。制作首頁(yè)、二級子頁(yè)、內容頁(yè)，創(chuàng )建超級鏈接。最后就是測試與瀏覽網(wǎng)頁(yè)，如果還有什么不理想的地方再改進(jìn)，改進(jìn)后再預覽，如此反復，最后達到預期的效果！
在設計的過(guò)程中遇到的問(wèn)題，可以說(shuō)是困難重重，這畢竟是第一次獨自設計網(wǎng)頁(yè)、制作網(wǎng)頁(yè)，難免會(huì )遇到過(guò)各種各樣的問(wèn)題，同時(shí)在設計的過(guò)程中發(fā)現了自己的不足之處，對以前所學(xué)過(guò)的知識理解得不夠深刻，掌握得不夠牢固，比如說(shuō)拖動(dòng)層的設置，時(shí)間軸與層的顯示與隱藏的綜合應用，浮動(dòng)導航欄的定位等。在CSS的具體應用還不是和很熟練，沒(méi)有能完全達到自己預期的效果，還好通過(guò)老師的細心指導才能達到最終效果？？通過(guò)這次網(wǎng)頁(yè)設計與制作實(shí)習，把以前所學(xué)過(guò)的知識重新溫回顧這次課程設計，至今我仍感慨頗多。的.確，從選題到開(kāi)始制作，從理論到實(shí)踐，在實(shí)習兩個(gè)月的日子里，可以說(shuō)得是苦多于甜，但是可以學(xué)到很多很多的東西，同時(shí)不僅可以鞏固了以前所學(xué)過(guò)的知識，而且學(xué)到了很多在書(shū)本上所沒(méi)有學(xué)到過(guò)的知識。通過(guò)這次課程設計使我懂得了理論與實(shí)際相結合是很重要的，只有理論知識是遠遠不夠的，只有把所學(xué)的理論知識與實(shí)踐相結合起來(lái)，從理論中得出結論，才能真正為掌握技術(shù)，從而提高自己的實(shí)際動(dòng)手能力和獨立思考的能力。
這次實(shí)習為我提供了與眾不同的學(xué)習方法和學(xué)習體會(huì )，從書(shū)本中面對現實(shí)，為我將來(lái)走上社會(huì )打下了扎實(shí)的基礎。從實(shí)踐操作中，我總結出一些屬于自己的實(shí)踐經(jīng)驗，社會(huì )是不會(huì )要一個(gè)一無(wú)是處的人的。作為信息與計算科學(xué)專(zhuān)業(yè)的學(xué)生，現在我能做的就是吸取知識，提高自身的綜合素質(zhì)，提高自己的創(chuàng )新能力和合作能力等，自己有了能力，到時(shí)候才會(huì )是“車(chē)到山前必有路”。我相信在不久的未來(lái)，會(huì )有屬于我自己的一片天空！
這次課程設計在驗收之后終于順利完成了，在設計中遇到了很多的技術(shù)問(wèn)題，最后在老師的辛勤指導下，終于游刃而解。同時(shí)，在老師的身上我學(xué)得到很多實(shí)用的知識，在這我再次我表示深深地感謝！同時(shí)，對給過(guò)我幫助的所有同學(xué)表示忠心的感謝！
網(wǎng)頁(yè)設計與制作報告6
一、實(shí)習目的
實(shí)習目的是，通過(guò)UI設計相關(guān)工作崗位實(shí)習使我了解以后再UI設計相關(guān)工作崗位工作的特點(diǎn)、性質(zhì)，學(xué)習體驗UI設計相關(guān)崗位工作的實(shí)際情況，學(xué)習與積累工作經(jīng)驗，為以后真正走上UI設計相關(guān)工作崗位做好崗前準備。
同時(shí)通過(guò)UI設計相關(guān)工作崗位的實(shí)習，熟悉實(shí)際工作過(guò)程的運作體系和管理流程，把自己所學(xué)UI設計工作崗位理論知識應用于實(shí)際，鍛煉UI設計工作崗位業(yè)務(wù)能力和社會(huì )交際實(shí)踐能力，并在工作中學(xué)習UI設計相關(guān)工作崗位的新知識，對自己所學(xué)的知識進(jìn)行總結并提升，以指導未來(lái)在UI設計相關(guān)工作崗位的學(xué)習重點(diǎn)和發(fā)展方向。
二、實(shí)習時(shí)間
20xx年03月01日～20xx年06月15日
�。ㄐ薷某勺约篣I設計相關(guān)工作崗位實(shí)習時(shí)間）
三、實(shí)習地點(diǎn)
蘇州市經(jīng)濟開(kāi)發(fā)區江南大道
�。ㄐ薷某勺约篣I設計工作崗位實(shí)習地點(diǎn)）
四、實(shí)習單位
江蘇省蘇杭偉德集團（修改成自己UI設計相關(guān)工作崗位實(shí)習單位）
此處可以繼續添加具體你UI設計工作崗位實(shí)習單位的詳細介紹
五、實(shí)習主要內容
我很榮幸進(jìn)入江蘇省蘇杭偉德集團（修改成自己UI設計相關(guān)工作崗位實(shí)習單位）開(kāi)展UI設計崗位實(shí)習。為了更好地適應從沒(méi)有UI設計崗位工作經(jīng)驗到一個(gè)具備完善業(yè)務(wù)水平的工作人員，實(shí)習單位主管領(lǐng)導首先給我們分發(fā)UI設計相關(guān)工作崗位從業(yè)相關(guān)知識材料進(jìn)行一些基礎知識的自主學(xué)習，并安排專(zhuān)門(mén)的老前輩對UI設計崗位所涉及的相關(guān)知識進(jìn)行專(zhuān)項偉德。
在實(shí)習過(guò)程，單位安排的`了杜老師作為實(shí)習指導，杜老師是位非常和藹親切的人，他偉德UI設計相關(guān)工作崗位領(lǐng)域工作已經(jīng)有二十年。他先帶領(lǐng)我們熟悉實(shí)習工作環(huán)境和UI設計相關(guān)工作崗位的工作職責和業(yè)務(wù)內容，之后他親切的和我們交談偉德實(shí)習工作具體性質(zhì)以及UI設計相關(guān)工作崗位容易遇到的問(wèn)題。杜老師帶領(lǐng)我們認識實(shí)習單位的其他工作人員，并讓我們虛心地向這些辛勤地在UI設計相關(guān)工作崗位上的前輩學(xué)習，在遇到不懂得問(wèn)題后要積極請教前輩。畢竟是人生第一次在UI設計工作崗位上，所以真正掌握這一份工作是需要一個(gè)過(guò)程的。一開(kāi)始我對實(shí)際UI設計崗位的工作內容比較陌生，都不太清楚自己的工作范圍和職責，對實(shí)習單位的情況也不太了解，不過(guò)杜老師會(huì )告訴我該怎樣處理自己在UI設計崗位上遇到的問(wèn)題。慢慢的我也就熟悉了自己的UI設計崗位工作內容，在UI設計崗位上的一些棘手問(wèn)題也能自己獨立解決，每天把工作做得井井有條。
在單位實(shí)習期間，我偉德的UI設計工作崗位相關(guān)的工作之外，還負責協(xié)助其他部門(mén)的日常工作，包括制定計劃，利用新學(xué)習的UI設計相關(guān)工作崗位業(yè)務(wù)知識處理相關(guān)文書(shū)。
六、實(shí)習總結
對于第一次在UI設計相關(guān)工作崗位的的我來(lái)說(shuō)，還沒(méi)有足夠的社會(huì )經(jīng)驗。經(jīng)過(guò)了這半年來(lái)的UI設計相關(guān)工作崗位實(shí)習，我學(xué)到了很多，感悟了很多。特別是在實(shí)習單位領(lǐng)導和UI設計工作崗位的相關(guān)同事的關(guān)心和指導下，認真完成領(lǐng)導交付的工作，和同事之間能夠通力合作，關(guān)系相處融洽而和睦。在工作中積極學(xué)習新知識、技能，注重自身發(fā)展和進(jìn)步，我學(xué)會(huì )了很多UI設計相關(guān)工作崗位理論實(shí)踐技能，增加了UI設計相關(guān)工作崗位相關(guān)工作經(jīng)驗�，F將這兩個(gè)月UI設計崗位實(shí)習工作遇到的困難及心得總結如下：
低調地做人，高調地做事。我到UI設計崗位工作以后，要知道自己能否勝任這份工作，不在于掌握了多少UI設計相關(guān)工作崗知識。
網(wǎng)頁(yè)設計與制作報告7
在經(jīng)濟迅速發(fā)展的今天，Internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì )發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁(yè)制作專(zhuān)用周是實(shí)習，讓我們把平時(shí)所學(xué)知識運用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習使我獲得了更多的新知識同時(shí)也使我使我認識到了自己在學(xué)習上的許多不足，下面就談?wù)勎以诒敬螌?zhuān)用周的主要感受。
一、網(wǎng)站整體規劃，要做網(wǎng)頁(yè)的第一步便是做網(wǎng)站的整體規劃這主要包括四個(gè)方面的內容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對服裝的網(wǎng)頁(yè)比較關(guān)心，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。
2.定位網(wǎng)站的CI形象�！耙追啤敝哺袊幕�，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊，又有現代自然人文氣息的特色品牌�！耙住奔词侨�，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展�！胺啤蓖ǚ�，是生機、是個(gè)性、是春意盎然、是自強不息，是對人性深度的一種挖掘�！吧钊缁�，自在快樂(lè )”是YIFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè )的生活方式。這也便是我網(wǎng)站的CI形象。
3.確定欄目和板塊。
于時(shí)間的關(guān)系在本次我準備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級頁(yè)面。分別設計了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍色做背景顏色來(lái)映襯我網(wǎng)頁(yè)的主打色綠色。
2.網(wǎng)站的整體風(fēng)格和創(chuàng )意。
整個(gè)網(wǎng)站的創(chuàng )意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達這張自然之美、和諧之美。
二、網(wǎng)頁(yè)制作的前期策劃與準備，在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁(yè)我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁(yè)觀(guān)察其網(wǎng)頁(yè)的布局、顏色搭配、欄目、板塊等方面的內容，同時(shí)也搜集了一些對我有用的資料。在搜索資料最困難的便是動(dòng)態(tài)圖片的搜集，動(dòng)態(tài)圖片其gif格式的還是好保存，但是要搜集flash動(dòng)態(tài)圖片就相對較難了。我用了一天的時(shí)間來(lái)搜集我的flash都不太成功，不過(guò)還搜到了可以換自己圖片的代碼。在開(kāi)始時(shí)我根本就不知道flash是怎樣搜索，不過(guò)經(jīng)過(guò)三次像老實(shí)詢(xún)問(wèn)我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過(guò)程之中我發(fā)現了自己的許多不足之處，最關(guān)鍵就是平時(shí)對知識的掌握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平時(shí)不夠認真和努力的表現。通過(guò)這次的教訓在以后我一定會(huì )做得更好，爭取不范類(lèi)似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁(yè)主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因為在平時(shí)上課是老師帶領(lǐng)我們運用過(guò)。所以我還可以正常的運用，但是出現的.問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現了我學(xué)習方面的缺點(diǎn)，它是我平時(shí)不夠認真的具體表現。
三、網(wǎng)頁(yè)制作，這便進(jìn)入我該次的主題了具體制作流程如下。
1.構建站點(diǎn)框架。
在我打開(kāi)Dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁(yè)制作時(shí)可以方便的使用。
2.設計主頁(yè)及二級頁(yè)面。
在主頁(yè)我設首頁(yè)制作時(shí)，時(shí)刻考慮著(zhù)網(wǎng)頁(yè)的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務(wù)，美容美體，一個(gè)網(wǎng)站強調的就是一個(gè)整體，只有圍繞一個(gè)統一的目標所做的設計才是成功的；連貫，頁(yè)面之間關(guān)系連貫，統成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁(yè)有動(dòng)有靜，色彩呼應，搭配協(xié)調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過(guò)程中，不忘以下原則：
簡(jiǎn)潔實(shí)用:這是非常重要的，網(wǎng)絡(luò )特殊環(huán)境下，盡量以最高效率的方式將用戶(hù)所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個(gè)是相一致的，滿(mǎn)足使用者的要求，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功能美；頁(yè)面用色協(xié)調，布局符合形式
美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁(yè)富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。
交互式強:發(fā)揮網(wǎng)絡(luò )的優(yōu)勢，是每個(gè)使用者都參與到其中來(lái)，這樣的設計才能算成功的設計。這樣的網(wǎng)頁(yè)才算真正的美的設計。每個(gè)子頁(yè)都設有上導航欄，便于瀏覽和跳轉。3個(gè)二級網(wǎng)頁(yè)制作時(shí)，使用的是表格，每一個(gè)頁(yè)面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁(yè)的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁(yè)的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁(yè)都是為凸顯我主題而服務(wù)。
3.實(shí)現網(wǎng)頁(yè)間的鏈接。
我的鏈接按鈕主要有四個(gè)“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個(gè)網(wǎng)頁(yè)。鏈接的過(guò)程其實(shí)很簡(jiǎn)單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁(yè)單擊確定便可以了。
4.向靜太網(wǎng)頁(yè)插入動(dòng)態(tài)效果。
在這一階段我遇到了許多的問(wèn)題，主要是我在主頁(yè)插入我的flash的時(shí)候，開(kāi)是我將帶碼粘貼到我的網(wǎng)頁(yè)上可是在瀏覽網(wǎng)頁(yè)的時(shí)候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁(yè)插入了flash。而在其它的二級網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。
四、網(wǎng)頁(yè)的調試
在做完網(wǎng)站才發(fā)現，怎么所有的圖片素材并不是在一個(gè)文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對應一個(gè)文件夾。制作過(guò)程中，才發(fā)現，原來(lái)自己懂的太少了，好多不知道的地方，才趕緊查書(shū)，開(kāi)始的時(shí)候只是會(huì )建立模版，可不會(huì )應用。而對于動(dòng)態(tài)flash的插入我更是問(wèn)題多多，開(kāi)始是我對代碼基本上是不懂，這就是自己學(xué)校上的問(wèn)題，當真正開(kāi)始運用的時(shí)候在向老師提問(wèn)。
這只是在制作過(guò)程中出現一些問(wèn)題，其它問(wèn)題也是類(lèi)似相同�，F在想想，自己所會(huì )的東西太少了，現在做的網(wǎng)站只是一些簡(jiǎn)單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開(kāi)發(fā)出的網(wǎng)頁(yè)，不僅欄目?jì)热葚S富，信息量大，而且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁(yè)來(lái)看可以反映出學(xué)習的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習，不斷開(kāi)拓視野，增強自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。同時(shí)我也希望能夠有更多的類(lèi)似動(dòng)手練習，讓我們在實(shí)踐之中來(lái)學(xué)習知識。因為我覺(jué)得實(shí)踐不僅能夠提高我們的學(xué)習興趣它更能夠提高我們的動(dòng)手能力增強我們的技術(shù)性。
網(wǎng)頁(yè)設計與制作報告8
畢業(yè)后，我來(lái)到了社會(huì )這個(gè)匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時(shí)我自己也更深的理解了，家長(cháng)和學(xué)校老師對我們的殷切希望，在社會(huì )實(shí)習的這段日子，我吃了些苦，受了些罪，可是整個(gè)人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了�，F將我的實(shí)習情況匯報如下：
一、實(shí)習工作介紹
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠(chǎng)家提供的信息，然后由網(wǎng)絡(luò )的技術(shù)人員，將商家的信息做成網(wǎng)頁(yè)廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類(lèi)似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò )部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過(guò)photoshop切片，然后導入dreamweaver進(jìn)行排版，（排版主要使用css+div），并進(jìn)一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網(wǎng)頁(yè)是用css+div進(jìn)行排版的，所以在最后一步的時(shí)候，我們還需要進(jìn)行瀏覽器測試，因為css+div排版方式有一個(gè)最大的缺點(diǎn)就是：瀏覽器不兼容的問(wèn)題，典型的如：ie與fireworks，因為各種瀏覽器使用的協(xié)議不同，所以會(huì )導致頁(yè)面在最終瀏覽的時(shí)候有一些小問(wèn)題，如：頁(yè)面混亂，圖片、文字之間的距離過(guò)大或過(guò)小，頁(yè)面不美觀(guān)等等，做為一個(gè)新人，我在有些方面的`技術(shù)還很不成熟，所以在技術(shù)總監張偉的幫助下，解決了很多問(wèn)題，所在我很感謝他，當每天我們做完網(wǎng)頁(yè)后，都會(huì )在代碼頁(yè)面加入注釋代碼，在里面寫(xiě)上每個(gè)人姓名的漢語(yǔ)拼間和工作日期，這樣方便月底做統計工作，公司領(lǐng)導會(huì )根據每個(gè)人的工作數量進(jìn)行獎勵，每做一個(gè)頁(yè)面會(huì )有2塊的提成，雖然少點(diǎn)，但是積少成多，也是很可觀(guān)的。
二、初來(lái)公司的時(shí)候
�。ㄒ唬┏跫壙荚�
初來(lái)公司的時(shí)候，我們經(jīng)過(guò)了初期考試，培訓，與最終考試三個(gè)階段，在接到公司讓我面試的電話(huà)后，我來(lái)到了xx公司，因為要干的是網(wǎng)頁(yè)設計，所以要有一個(gè)小測驗，技術(shù)總監要求我們在網(wǎng)上自找圖片和文字，做一個(gè)簡(jiǎn)單的頁(yè)面，要求是：什么樣的頁(yè)面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說(shuō)實(shí)話(huà)，從畢業(yè)后，有一段時(shí)間沒(méi)有寫(xiě)代碼了，剛一上機，還有點(diǎn)生疏，但是憑借在學(xué)樣扎實(shí)的學(xué)習功底，我很快就恢復了自己的英雄本色，將html代碼寫(xiě)的很熟練，做了一個(gè)左右分欄的頁(yè)面，沒(méi)什么太大難度，技術(shù)總監看了以后，說(shuō)不錯，讓我三天后參加培訓，合格扣就可以正式上班了。
�。ǘ┤斓呐嘤柟ぷ�
三天后，我來(lái)到了公司，一看，來(lái)參加培訓的人有很多，大概在十多個(gè)人左右，其實(shí)所謂的培訓，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時(shí)干的活，做一些廣告網(wǎng)頁(yè)，這些網(wǎng)頁(yè)都是靜態(tài)的，沒(méi)什么難度。我后來(lái)發(fā)現，自己在這些人當中，還是較較者，心里優(yōu)勢還挺好的。
(三)最后的考核
三天的培訓后，我們迎來(lái)了最后的考核，合格的人會(huì )被留下，并得到一份為期一個(gè)月的實(shí)習合同，然后會(huì )在根據你在實(shí)習期的表現決定你的去留問(wèn)題,最優(yōu)秀的人會(huì )轉正，得到很優(yōu)厚的待遇。
考核的內容，就是在公司的商務(wù)網(wǎng)站上任選一個(gè)頁(yè)面，然后在規定的時(shí)間內做完，我還不錯，技術(shù)比較熟練，是第四個(gè)做完的。當我們把網(wǎng)頁(yè)做完后由這家公司的經(jīng)理進(jìn)行審核，最后的結果是，最先做完的前8個(gè)人可以有底薪加提成，每人頁(yè)面的提成是2元錢(qián)，而后面做完的，只有提成，沒(méi)有底薪，他們的提成是每個(gè)頁(yè)面5元錢(qián)，最后的幾個(gè)人就被淘汰了，制度雖有點(diǎn)不近人情，但是剛畢業(yè)的學(xué)生能忍也就忍了，就這樣，我們每個(gè)人得到了一份一個(gè)月的臨時(shí)合同，正式開(kāi)始了實(shí)習工作。
三、正式工作
我們每天的上班時(shí)間是從早上8:30分到下午的17:00，這是我見(jiàn)過(guò)最有激情的一些人了，年紀輕輕，干勁十足，來(lái)了以后就工作，連平時(shí)聊天的內容也和本行業(yè)分不開(kāi)，我喜歡他（她）們，回為是實(shí)習期，所以每天做的數量沒(méi)有太大要求，但是每個(gè)人都玩命似的干活，抓緊時(shí)間做網(wǎng)頁(yè)，我們做的網(wǎng)頁(yè)是比較簡(jiǎn)單的從上到下式的網(wǎng)頁(yè)，通過(guò)css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會(huì )有太多的麻煩，我干的很不錯，不過(guò)有些追求精致，我做網(wǎng)頁(yè)的速度慢了很多，最初每天只能做3--4個(gè)網(wǎng)頁(yè)，這對于我來(lái)說(shuō)是不能接受的，后來(lái)我改變了工作方法，我第次工作的時(shí)候，先訂下計劃，比如今天做多少網(wǎng)頁(yè)，然后我將要做的所有網(wǎng)頁(yè)，先做好排版，這時(shí)的網(wǎng)頁(yè)雖然排過(guò)版，但是不美觀(guān)，因為沒(méi)有進(jìn)行美化工作，然后我會(huì )在下午的時(shí)間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會(huì )更快，我相信自己。
四、業(yè)余的生活
每天的工作都是很快的，有時(shí)感覺(jué)時(shí)間過(guò)的很快，想停都停不住，早上出去的時(shí)候，見(jiàn)的是太陽(yáng)，晚上下班后看到的是即將落日的夕陽(yáng)或者是星星，每天就這么快的過(guò)去了，每個(gè)工作日結束后，我都會(huì )在下班后步行一段時(shí)間，去附近的圖書(shū)城充會(huì )電，或者放松一下，找
一些我喜歡的書(shū)，看上幾個(gè)小時(shí)。
五、工作心得體會(huì )
實(shí)習期結束后，我和其它同事得到了正式合同并留在了這家公司，通過(guò)這次工作，我得到的最大體會(huì )就是，如果一個(gè)人在社會(huì )上沒(méi)有一技之長(cháng)，那他是沒(méi)有辦法很好的活下來(lái)的，只有不斷的加強自身專(zhuān)業(yè)技能學(xué)習才行。所以，尊敬的老師，我會(huì )在業(yè)余時(shí)間好好學(xué)習，加強自己的專(zhuān)業(yè)能力，使自己變得更強，只有這樣才能上到為國家、為社會(huì )做出貢獻，下到為自己、為父母、為學(xué)校交出一份滿(mǎn)意的答卷。
網(wǎng)頁(yè)設計與制作報告9
這次實(shí)習內容包括網(wǎng)站原型設計及Photoshop切片技術(shù)在網(wǎng)頁(yè)整體設計時(shí)的應用； “DIV+CSS”頁(yè)面布局技術(shù);設計電子購物商城主頁(yè)。我深深體會(huì )到，做好主頁(yè)，并不是一件容易的事，網(wǎng)頁(yè)的選題、內容采集整理、圖片的處理、頁(yè)面的排版設置、背景及其整套網(wǎng)頁(yè)的色調等很多東西。不過(guò)能懂得基本的框架和思路，這一點(diǎn)在以后的工作過(guò)程中是非常有幫助的。
通過(guò)這次實(shí)習，我也總結出來(lái)一些網(wǎng)站建設的基本流程。
制作網(wǎng)頁(yè)，首先是確定主題。
網(wǎng)上購物系統發(fā)布平臺為顧客提供了各種商品、供求信息瀏覽、查詢(xún)，購買(mǎi)等功能，全面的為顧客提供服務(wù)，幫助顧客更多的了解本網(wǎng)站的動(dòng)態(tài)信息，提供最新動(dòng)態(tài)通知。要求系統具有以下功能：
�。�1）用戶(hù)登錄注冊。
�。�2）提供類(lèi)別導航，購物推薦，熱銷(xiāo)商品，加入購物車(chē)等
�。�3）提供會(huì )員注冊
�。�4）提供管理員后臺管理入口。管理員通過(guò)本頁(yè)面登錄后臺管理程序。
�。�5）通過(guò)后臺對各類(lèi)信息進(jìn)行管理和審核。
�。�6）對網(wǎng)站會(huì )員信息進(jìn)行管理和審核。審核注冊本網(wǎng)站的會(huì )員，對其進(jìn)行管理。
�。�7）友情鏈接。設置相關(guān)的友情鏈接頁(yè)面。
主頁(yè)的設計是整個(gè)網(wǎng)站的靈魂，構思導航欄的分類(lèi)，然后是整體規劃，每一個(gè)版塊都有其個(gè)性，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁(yè)，小店簡(jiǎn)介，產(chǎn)品展示，售后服務(wù)，友情鏈接這幾個(gè)板塊，再加入個(gè)別網(wǎng)站等，每一部分又分為幾個(gè)小部分，內容比較充分，多樣。確定導航欄的各個(gè)分了標題之后對于建立二級子網(wǎng)頁(yè)尤為重要。
主頁(yè)的導航設計好后，接下來(lái)就是對主頁(yè)導航欄的各個(gè)內容進(jìn)行資料的收集，在網(wǎng)上多轉轉，看到什么漂亮的網(wǎng)頁(yè)，把它保存起來(lái)，作為以后自己設計主頁(yè)時(shí)的參考。另外，還包括搜集美化主頁(yè)可能要用到的各種材料，如背景、小動(dòng)畫(huà)圖標等等。你可以在硬盤(pán)上建一個(gè)文件夾，下分“圖片、聲音、動(dòng)畫(huà)”等文件夾，養成上網(wǎng)時(shí)看到有創(chuàng )意、新鮮的圖像，就按鼠標右鍵存入你硬盤(pán)相應文件夾的習慣，時(shí)間一長(cháng)你就有擁有了一個(gè)可觀(guān)的圖庫，等做主頁(yè)時(shí)隨手拈來(lái)或加以修改就成你自己的東西了。我們再對大量收集的資料進(jìn)行篩選，得到最合適的導航內容的資料。
網(wǎng)站建設中如果大量運用模板，對于建立網(wǎng)站提供便利同時(shí)也減少了大量的工序。主頁(yè)的設計應以醒目?jì)?yōu)先，應該令人一目了然，勿堆砌太多不必要的細節，或使畫(huà)面過(guò)于復雜。頁(yè)面給人的第一觀(guān)感最為重要。網(wǎng)上商城系統采用了敏捷開(kāi)發(fā)的設計思想，我們對整個(gè)系統主要分成了2個(gè)大模塊，即前臺交易模塊和后臺管理模塊。而其中各個(gè)模塊我們又進(jìn)行了進(jìn)一步的細分，如前臺交易模塊又分為注冊會(huì )員、商品瀏覽、查詢(xún)商品、購買(mǎi)商品等；后臺管理模塊則包括對用戶(hù)的管理、商品管理和銷(xiāo)售管理。使得整個(gè)系統具有易用性、個(gè)性化、跨平臺等特點(diǎn)，同時(shí)又保證交易數據的安全、穩定、快速和完整，使其運行得高速、安全、穩定。
商品管理模塊，管理員對商品信息的管理主要包括商品以及對商品類(lèi)別的.查詢(xún)、添加、刪除、修改等操作。
訂單管理模塊，用戶(hù)選擇滿(mǎn)意的商品會(huì )進(jìn)行下訂單操作，同時(shí)會(huì )進(jìn)行確認訂單、付款等操作，但同時(shí)也會(huì )存在未確定訂單、未付款等操作。
網(wǎng)頁(yè)的迷人之處之一，要算它上面能點(diǎn)綴許多漂亮的圖片。精美的圖片設計，可以使自己的網(wǎng)頁(yè)增輝不少，令人過(guò)目不忘。圖片的內容應有一定的實(shí)際作用，忌虛飾浮夸，同時(shí)還要注意與文字的顏色搭配。最佳的圖像集美觀(guān)與資訊于一身。
由于在網(wǎng)上用瀏覽器瀏覽任何主頁(yè)時(shí)，都能查看到該主頁(yè)制作時(shí)所編寫(xiě)的絕大部分網(wǎng)頁(yè)編程源代碼。因此，如果你想知道并掌握一些優(yōu)秀的主頁(yè)采用的設計技巧，試著(zhù)將其源代碼調出來(lái)仔細揣摩，并模仿著(zhù)一步一步去實(shí)現。
通過(guò)這次實(shí)習，我學(xué)到了很多有價(jià)值的東西。雖然我不能完成網(wǎng)站設計的過(guò)程，把設計中散亂的網(wǎng)頁(yè)鏈接成框架體系，但至少使平時(shí)學(xué)到的知識點(diǎn)有了提高。我感受最深的是：想要最好一個(gè)網(wǎng)站，素材和技能都十分重要。好的素材需要多放面查找資料的，可以從圖書(shū)、網(wǎng)站和新聞上查找的。好的技能需要不斷的實(shí)踐，經(jīng)常鍛煉。只有擁有好的素材和精湛的技能才可以做出最精湛的網(wǎng)頁(yè)。
【網(wǎng)頁(yè)設計與制作報告】相關(guān)文章：