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