2017網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告怎么寫(xiě)， 以下是unjs小編精心整理的相關(guān)內(nèi)容，希望對(duì)大家有所幫助!

2017網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(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ì)。

網(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)站主題：因?yàn)樽约簩?duì)普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計(jì)一個(gè)旅游網(wǎng)站。

2.定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗(yàn)一下的共鳴。于是在網(wǎng)頁(yè)設(shè)計(jì)上面，根據(jù)普羅旺斯夢(mèng)幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊：

1]首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。

2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。

3]正文的框架設(shè)置 (橫向因素和縱向因素交錯(cuò))

在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫(huà)出了大體的欄目和板塊。

4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。

二.網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備

1.資料的搜集：由于個(gè)人的愛(ài)好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁(yè)背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫(huà)等。

2.熟悉制作工具軟件：

主頁(yè)制作的基本條件有：

硬件：

一臺(tái)電腦(64MB以上內(nèi)存，當(dāng)然越大越好啦);可以撥號(hào)上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;軟件：

HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點(diǎn)介紹 Dreamweaver;

圖像處理軟件：常用的有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)頁(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)媒體的電子化,給用戶(hù)提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁(yè)面瀏覽更高層次的需求,例如收集信息,數(shù)據(jù)傳 遞,數(shù)據(jù)存儲(chǔ)以及系統(tǒng)維護(hù)等.自己還有許多要學(xué)習(xí)的地方。

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

畢業(yè)后，我來(lái)到了社會(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)頁(yè)廣告，然后掛在我們的網(wǎng)站上，以此達(dá)到商業(yè)推廣的目的，類(lèi)似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。

我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過(guò)photoshop切片，然后導(dǎo)入dreamweaver進(jìn)行排版，(排版主要使用css+div)，并進(jìn)一步的加以制作，完善美化，如加入js代碼，或透明flash，因?yàn)榫W(wǎng)頁(yè)是用css+div進(jìn)行排版的，所以在最后一步的時(shí)候，我們還需要進(jìn)行瀏覽器測(cè)試，因?yàn)閏ss+div排版方式有一個(gè)最大的缺點(diǎn)就是：瀏覽器不兼容的問(wèn)題，典型的如：ie與fireworks，因?yàn)楦鞣N瀏覽器使用的協(xié)議不同，所以會(huì)導(dǎo)致頁(yè)面在最終瀏覽的時(shí)候有一些小問(wèn)題，如：頁(yè)面混亂，圖片、文字之間的距離過(guò)大或過(guò)小，頁(yè)面不美觀等等，做為一個(gè)新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問(wèn)題，所在我很感謝他，當(dāng)每天我們做完網(wǎng)頁(yè)后，都會(huì)在代碼頁(yè)面加入注釋代碼，在里面寫(xiě)上每個(gè)人姓名的漢語(yǔ)拼間和工作日期，這樣方便月底做統(tǒng)計(jì)工作，公司領(lǐng)導(dǎo)會(huì)根據(jù)每個(gè)人的工作數(shù)量進(jìn)行獎(jiǎng)勵(lì)，每做一個(gè)頁(yè)面會(huì)有2塊的提成，雖然少點(diǎn)，但是積少成多，也是很可觀的。

二、初來(lái)公司的時(shí)候

(一)初級(jí)考試

初來(lái)公司的時(shí)候，我們經(jīng)過(guò)了初期考試，培訓(xùn)，與最終考試三個(gè)階段，在接到公司讓我面試的電話后，我來(lái)到了xx公司，因?yàn)橐�干的是網(wǎng)頁(yè)設(shè)計(jì)，所以要有一個(gè)小測(cè)驗(yàn)，技術(shù)總監(jiān)要求我們?cè)诰W(wǎng)上自找圖片和文字，做一個(gè)簡(jiǎn)單的頁(yè)面，要求是：什么樣的頁(yè)面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說(shuō)實(shí)話，從畢業(yè)后，有一段時(shí)間沒(méi)有寫(xiě)代碼了，剛一上機(jī)，還有點(diǎn)生疏，但是憑借在學(xué)樣扎實(shí)的學(xué)習(xí)功底，我很快就恢復(fù)了自己的英雄本色，將html代碼寫(xiě)的很熟練，做了一個(gè)左右分欄的頁(yè)面，沒(méi)什么太大難度，技術(shù)總監(jiān)看了以后，說(shuō)不錯(cuò)，讓我三天后參加培訓(xùn)，合格扣就可以正式上班了。

(二)三天的培訓(xùn)工作

三天后，我來(lái)到了公司，一看，來(lái)參加培訓(xùn)的人有很多，大概在十多個(gè)人左右，其實(shí)所謂的培訓(xùn)，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時(shí)干的活，做一些廣告網(wǎng)頁(yè)，這些網(wǎng)頁(yè)都是靜態(tài)的，沒(méi)什么難度。我后來(lái)發(fā)現(xiàn)，自己在這些人當(dāng)中，還是較較者，心里優(yōu)勢(shì)還挺好的。

(三)最后的考核

三天的培訓(xùn)后，我們迎來(lái)了最后的考核，合格的人會(huì)被留下，并得到一份為期一個(gè)月的實(shí)習(xí)合同，然后會(huì)在根據(jù)你在實(shí)習(xí)期的表現(xiàn)決定你的去留問(wèn)題,最優(yōu)秀的人會(huì)轉(zhuǎn)正，得到很優(yōu)厚的待遇。

考核的內(nèi)容，就是在公司的商務(wù)網(wǎng)站上任選一個(gè)頁(yè)面，然后在規(guī)定的時(shí)間內(nèi)做完，我還不錯(cuò)，技術(shù)比較熟練，是第四個(gè)做完的。當(dāng)我們把網(wǎng)頁(yè)做完后由這家公司的經(jīng)理進(jìn)行審核，最后的結(jié)果是，最先做完的前8個(gè)人可以有底薪加提成，每人頁(yè)面的提成是2元錢(qián)，而后面做完的，只有提成，沒(méi)有底薪，他們的提成是每個(gè)頁(yè)面5元錢(qián)，最后的幾個(gè)人就被淘汰了，制度雖有點(diǎn)不近人情，但是剛畢業(yè)的學(xué)生能忍也就忍了，就這樣，我們每個(gè)人得到了一份一個(gè)月的臨時(shí)合同，正式開(kāi)始了實(shí)習(xí)工作。

三、正式工作

我們每天的上班時(shí)間是從早上8:30分到下午的17:00，這是我見(jiàn)過(guò)最有激情的一些人了，年紀(jì)輕輕，干勁十足，來(lái)了以后就工作，連平時(shí)聊天的內(nèi)容也和本行業(yè)分不開(kāi)，我喜歡他(她)們，回為是實(shí)習(xí)期，所以每天做的數(shù)量沒(méi)有太大要求，但是每個(gè)人都玩命似的干活，抓緊時(shí)間做網(wǎng)頁(yè)，我們做的網(wǎng)頁(yè)是比較簡(jiǎn)單的從上到下式的網(wǎng)頁(yè)，通過(guò)css+div排版，這樣在后期瀏覽器兼容測(cè)試中，就好做的很多了，文字與圖片之間就不會(huì)有太多的麻煩，我干的很不錯(cuò)，不過(guò)有些追求精致，我做網(wǎng)頁(yè)的速度慢了很多，最初每天只能做3--4個(gè)網(wǎng)頁(yè)，這對(duì)于我來(lái)說(shuō)是不能接受的，后來(lái)我改變了工作方法，我第次工作的時(shí)候，先訂下計(jì)劃，比如今天做多少網(wǎng)頁(yè)，然后我將要做的所有網(wǎng)頁(yè)，先做好排版，這時(shí)的網(wǎng)頁(yè)雖然排過(guò)版，但是不美觀，因?yàn)闆](méi)有進(jìn)行美化工作，然后我會(huì)在下午的時(shí)間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會(huì)更快，我相信自己。

四、業(yè)余的生活

每天的工作都是是很快的，有時(shí)感覺(jué)時(shí)間過(guò)的很快，想停都停不住，早上出去的時(shí)候，見(jiàn)的是太陽(yáng)，晚上下班后看到的是即將落日的夕陽(yáng)或者是星星，每天就這么快的過(guò)去了，每個(gè)工作日結(jié)束后，我都會(huì)在下班后步行一段時(shí)間，去附近的圖書(shū)城充會(huì)電，或者放松一下，找一些我喜歡的書(shū)，看上幾個(gè)小時(shí)。

五、工作心得體會(huì)

實(shí)習(xí)期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過(guò)這次工作，我得到的最大體會(huì)就是，如果一個(gè)人在社會(huì)上沒(méi)有一技之長(zhǎng)，那他是沒(méi)有辦法很好的活下來(lái)的，只有不斷的加強(qiáng)自身專(zhuān)業(yè)技能學(xué)習(xí)才行。所以，尊敬的老師，我會(huì)在業(yè)余時(shí)間好好學(xué)習(xí)，加強(qiáng)自己的專(zhuān)業(yè)能力，使自己變得更強(qiáng)，只有這樣才能上到為國(guó)家、為社會(huì)做出貢獻(xiàn)，下到為自己、為父母、為學(xué)校交出一份滿(mǎn)意的答卷。

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