網(wǎng)頁(yè)設(shè)計(jì)師個(gè)人年終報(bào)告（12篇范文）

篇一 網(wǎng)頁(yè)設(shè)計(jì)師個(gè)人年終報(bào)告

網(wǎng)頁(yè)設(shè)計(jì)師個(gè)人年終報(bào)告

在設(shè)計(jì)上

過(guò)去在對(duì)網(wǎng)頁(yè)設(shè)計(jì)的理念比較空泛的，做設(shè)計(jì)的多而出現(xiàn)平乏，很多時(shí)候基本上沒(méi)有好好的靜下來(lái)想想設(shè)計(jì)，只是整天在電腦旁的不停的copy，設(shè)計(jì)那時(shí)對(duì)我而言就是不停的復(fù)制過(guò)程。在xx年里，在業(yè)務(wù)不多的情況下，沉下心認(rèn)真去想設(shè)計(jì)的真正的含義與表現(xiàn)。通過(guò)幾個(gè)案例，讓我認(rèn)識(shí)到，在紙上的圖片再怎么新穎與美麗，不能做出來(lái)也是徒勞。設(shè)計(jì)，施工一個(gè)也不能少。特別是網(wǎng)頁(yè)設(shè)計(jì)軟件應(yīng)用技巧上需要加強(qiáng)學(xué)習(xí)。

在業(yè)務(wù)上

xx年我基本上都在漢口工作，漢口店沒(méi)有武昌超市的絕對(duì)的優(yōu)勢(shì)，漢口店在外等于失去了超市的僻護(hù)，在客源上比較少，只能和外面的裝飾公司一比高下，我們所能做的就是不能放過(guò)任何一個(gè)來(lái)咨訊的客戶(hù)，讓他們?cè)诘谝淮闻c我們交流中就留下深刻的映象。同樣的一個(gè)訂單，同樣的一個(gè)合同，我們漢口店的同事付出更多，因?yàn)槊恳粋€(gè)客源對(duì)于我們都來(lái)之不宜。也許是這樣的心態(tài)讓我們對(duì)每個(gè)客戶(hù)都服務(wù)周到，但是也滋長(zhǎng)了部分不良的刁民，我認(rèn)識(shí)到服務(wù)的到位，并不是對(duì)客戶(hù)任何要求的惟命是從。

在心態(tài)上

在xx年主要體現(xiàn)在與客戶(hù)交流時(shí)更加的`自信了，面對(duì)某些客戶(hù)的刁專(zhuān)問(wèn)題的回答更加的游刃有余了。在工作心態(tài)的調(diào)整，在每天的工作中總是會(huì)遇到各種各樣的問(wèn)題，這就要考驗(yàn)我的解決事情的能力，與過(guò)去相比，考慮問(wèn)題更加成熟了，不像過(guò)去遇事則亂了。面對(duì)不同的客戶(hù)，如何調(diào)整自己去理解他們的想法，讓他們來(lái)認(rèn)同自己的設(shè)計(jì)理念。希望能在短時(shí)間里自己能培養(yǎng)穩(wěn)健的辦事作風(fēng)，是我2015所追求的。

篇二 大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)習(xí)報(bào)告

大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)習(xí)報(bào)告1

畢業(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)站，公司接收各種廠(chǎ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è)面不美觀(guān)等等，做為一個(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)，但是積少成多，也是很可觀(guān)的。

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

（一）初級(jí)考試

初來(lái)公司的時(shí)候，我們經(jīng)過(guò)了初期考試，培訓(xùn)，與最終考試三個(gè)階段，在接到公司讓我面試的電話(huà)后，我來(lái)到了xx公司，因?yàn)橐傻氖蔷W(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í)話(huà)，從畢業(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ò)版，但是不美觀(guān)，因?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)意的答卷。

大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)習(xí)報(bào)告2

我第一次步入了社會(huì)，從此開(kāi)始了面對(duì)社會(huì)、工作的生活。剛剛走入社會(huì)的我是一個(gè)性格有些內(nèi)向的人，面對(duì)陌生的人，我不善言辭，不會(huì)給自己的外表進(jìn)行很好的包裝，不適合做那些銷(xiāo)售、接待的工作，只有技術(shù)類(lèi)的工作，少說(shuō)多干的活適合我，這個(gè)我很清楚?，F(xiàn)在，中國(guó)每年都有很多畢業(yè)的大學(xué)生找不到工作，我也不例外，所以，這第一次實(shí)習(xí)工作肯定不會(huì)太好找，但是相反，我的運(yùn)氣還不錯(cuò)。找到了一份網(wǎng)頁(yè)設(shè)計(jì)的'工作?，F(xiàn)將我在工作中的情況報(bào)告如下。

一、工作介紹

我工作的這家公司，從事網(wǎng)站開(kāi)發(fā)工作的，公司在技術(shù)團(tuán)隊(duì)這部分是比較正規(guī)的，一般是五到六人為一個(gè)小組，小組中有明確分工，有負(fù)責(zé)聯(lián)系客戶(hù)接恰生意的，有專(zhuān)門(mén)做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺(tái)、后臺(tái)開(kāi)發(fā)，我在學(xué)校主要做的是后臺(tái)開(kāi)發(fā)，當(dāng)然前臺(tái)設(shè)計(jì)工作也還算熟練，但不是很精通。我們這個(gè)小組一般接下的活都是一些小型網(wǎng)站的開(kāi)發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當(dāng)一部分的，只需要通過(guò)cms軟件就可以進(jìn)行開(kāi)發(fā)。但是有個(gè)別的網(wǎng)站開(kāi)發(fā)時(shí)，我們還是需要進(jìn)行一些手寫(xiě)代碼工作的。

二、開(kāi)發(fā)技術(shù)

做為一個(gè)剛畢業(yè)的大學(xué)生，我的知識(shí)儲(chǔ)備肯定有不足的地方，畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒(méi)有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。

在大學(xué)里對(duì)一個(gè)學(xué)生來(lái)說(shuō)什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個(gè)世界上，知識(shí)在發(fā)展，人類(lèi)在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識(shí)儲(chǔ)備總會(huì)有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會(huì)知識(shí)快速掌握，只有這樣才能占據(jù)主動(dòng)，減少被動(dòng)情況的尷尬發(fā)生，通過(guò)二個(gè)星期的時(shí)間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點(diǎn)上班，晚17:30下班，中午休息一個(gè)半小時(shí)，每周還有兩天假期。我利用業(yè)余時(shí)間，抓緊學(xué)習(xí)，將工作中所需要的技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí)，其實(shí)這些東西在學(xué)校的時(shí)候就接觸過(guò)，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)該多學(xué)點(diǎn)，但好在我都有學(xué)過(guò)，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說(shuō)：flash，公司要求技術(shù)人員會(huì)做flash，flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的，可是后來(lái)在分析就業(yè)情況時(shí)，分析錯(cuò)了方向，以為這東西沒(méi)有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說(shuō)記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫(kù)這些東西我都學(xué)過(guò)，只是實(shí)踐能力稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的。通過(guò)這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我終于可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。

像我這個(gè)組常用的是css+div排版，后臺(tái)使用php技術(shù)進(jìn)行開(kāi)發(fā)，服務(wù)器平臺(tái)采用，linu+apache+mysql+php,這種 lamp組合，我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版，這種方式簡(jiǎn)單但是已經(jīng)有些過(guò)時(shí)了，現(xiàn)在大部分網(wǎng)站都開(kāi)始了重新構(gòu)架，所以都采用css+div進(jìn)行網(wǎng)頁(yè)排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺(tái)開(kāi)發(fā)部分，我們使用php來(lái)進(jìn)行開(kāi)發(fā)，我的工作是手寫(xiě)一些小模塊。或者用javascript寫(xiě)一些特效小代碼。

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

一實(shí)驗(yàn)?zāi)康?/p>

1．學(xué)習(xí)html語(yǔ)言和dreamweaver，frontpage等工具

2．掌握在本地環(huán)境下運(yùn)用asp技術(shù)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的電子商務(wù)網(wǎng)站

二實(shí)驗(yàn)的方法和原理

三實(shí)驗(yàn)過(guò)程

1.資料的搜集。

組長(zhǎng)分配任務(wù)，大家從網(wǎng)站上搜集各種關(guān)于手機(jī)的資料。

2.熟悉制作軟件。

做網(wǎng)頁(yè)主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對(duì)dremweaver、photoshop相對(duì)比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過(guò)。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。

3.構(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)效果

四實(shí)驗(yàn)心得

在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持三周的網(wǎng)頁(yè)制作專(zhuān)用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足。

近三個(gè)星期的實(shí)訓(xùn)將要結(jié)束，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁(yè)過(guò)程中，我學(xué)到了新的美化網(wǎng)頁(yè)的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁(yè)這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對(duì)我來(lái)說(shuō)有不少，我自己感覺(jué)在知識(shí)、技能等方面都有了不少的收獲?？傮w來(lái)說(shuō)這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。

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

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

一實(shí)驗(yàn)?zāi)康?/p>

1．學(xué)習(xí)html語(yǔ)言和dreamweaver，frontpage等工具

2．掌握在本地環(huán)境下運(yùn)用asp技術(shù)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的電子商務(wù)網(wǎng)站

二、實(shí)驗(yàn)的方法和原理

三、實(shí)驗(yàn)過(guò)程

1、資料的搜集。

組長(zhǎng)分配任務(wù)，大家從網(wǎng)站上搜集各種關(guān)于手機(jī)的資料。

2、熟悉制作軟件。

做網(wǎng)頁(yè)主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對(duì)dremweaver、photoshop相對(duì)比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過(guò)。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的`缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。

3、構(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)效果

四、實(shí)驗(yàn)心得

在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持三周的網(wǎng)頁(yè)制作專(zhuān)用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)習(xí)中做到真正的學(xué)以致用而不只是紙上談兵。通過(guò)本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足。

近三個(gè)星期的實(shí)訓(xùn)將要結(jié)束，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁(yè)過(guò)程中，我學(xué)到了新的美化網(wǎng)頁(yè)的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁(yè)這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對(duì)我來(lái)說(shuō)有不少，我自己感覺(jué)在知識(shí)、技能等方面都有了不少的收獲?？傮w來(lái)說(shuō)這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。

篇五 大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的社會(huì)實(shí)踐報(bào)告

大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的社會(huì)實(shí)踐報(bào)告

今年暑假我留在學(xué)校，與學(xué)校冰點(diǎn)工作室的幾位成員一起為外面一家小公司做一個(gè)關(guān)于武漢咨詢(xún)方面的網(wǎng)站。我貫穿在整個(gè)過(guò)程，從客戶(hù)前期的接洽，到網(wǎng)站后期的維護(hù)，在這個(gè)過(guò)程中我學(xué)到了很多在學(xué)校很難學(xué)到東西。對(duì)于網(wǎng)站的制作流程也有了整體的把握。

籌劃期：

一個(gè)成功的個(gè)人網(wǎng)站，先期的準(zhǔn)備工作是很重要的，好的開(kāi)始等于成功的一半。在這一階段有兩個(gè)主要的問(wèn)題需要考慮站點(diǎn)的定位：主題的選擇對(duì)今后的發(fā)展方向有決定性的影響，考慮好做什么內(nèi)容就要努力做出特色。若前期沒(méi)有籌劃好，做到后來(lái)才到處改，會(huì)耗費(fèi)大量的人力物力。還不如開(kāi)始就確定好網(wǎng)站的.方向。

建設(shè)期：

選好了方向，就要為目標(biāo)而努力了。對(duì)一個(gè)成功的站長(zhǎng)來(lái)說(shuō)，熟練掌握網(wǎng)頁(yè)設(shè)計(jì)和圖形處理的技巧是必須的，但經(jīng)驗(yàn)是在實(shí)戰(zhàn)中獲得的，初學(xué)者也不必因此而畏懼退縮，多多練習(xí)才會(huì)有提高。網(wǎng)站建設(shè)最重要的莫過(guò)于兩個(gè)問(wèn)題：設(shè)計(jì)和內(nèi)容，素材的準(zhǔn)備是日積月累的結(jié)果，在這里側(cè)重談一談設(shè)計(jì)。

1、設(shè)計(jì)的要求：

第一、導(dǎo)航清晰，布局合理，層次分明，頁(yè)面的鏈接層次不要太深，盡量讓用戶(hù)用最短的時(shí)間找到需要的資料；

第二、風(fēng)格統(tǒng)一：保持統(tǒng)一的風(fēng)格，有助于加深訪(fǎng)問(wèn)者對(duì)你的網(wǎng)站的印象。要實(shí)現(xiàn)風(fēng)格的統(tǒng)一，不一定要把每個(gè)欄目做得一模一樣，舉個(gè)例子來(lái)說(shuō)，你可以嘗試讓導(dǎo)航條樣式統(tǒng)一，各個(gè)欄目采用不同的色彩搭配，在保持風(fēng)格統(tǒng)一的同時(shí)為網(wǎng)站增加一些變化；

第三、色彩和諧、重點(diǎn)突出：在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美觀(guān)的頁(yè)面；

第四、界面清爽：要吸引訪(fǎng)問(wèn)者長(zhǎng)時(shí)間的停留在你的網(wǎng)站，千萬(wàn)不能讓用戶(hù)第一眼就感覺(jué)壓抑。大量的文字內(nèi)容要使用舒服的背景色，前景文字和背景之間要對(duì)比鮮明，這樣訪(fǎng)問(wèn)者瀏覽時(shí)眼睛才不致疲勞。適當(dāng)?shù)牧舭卓梢宰尳缑娓逅?/p>

第五、堅(jiān)持原創(chuàng)：剛開(kāi)始學(xué)做主頁(yè)時(shí)，適當(dāng)模仿別人的優(yōu)秀設(shè)計(jì)是可取的，但模仿絕不等同于抄襲，一定要把握好其中的尺度。設(shè)計(jì)是這樣，內(nèi)容的選取也是如此，多一些原創(chuàng)的內(nèi)容，你的主頁(yè)才會(huì)帶有更多的個(gè)性色彩。

2、技術(shù)運(yùn)用中要注意的一些事項(xiàng)：

第一、明確技術(shù)是為設(shè)計(jì)服務(wù)的，不要沉迷于技術(shù)的運(yùn)用，堅(jiān)決摒棄那些華而不實(shí)的特效；

第二、先為站點(diǎn)定義好統(tǒng)一的外部css，內(nèi)部頁(yè)面都調(diào)用這個(gè)css，這樣不但可以讓你的網(wǎng)頁(yè)在瀏覽器改變?cè)O(shè)置時(shí)不變形，還有助于保持整個(gè)站點(diǎn)的風(fēng)格統(tǒng)一，并且方便修改；

第三、不要打開(kāi)過(guò)多的新窗口，每個(gè)鏈接都會(huì)打開(kāi)不同的新窗口尤其讓人反感；

第四、圖象的制作要兼顧大小和美觀(guān)，圖片和文字的混排、圖片的合理壓縮可以讓頁(yè)面美觀(guān)而且文件小巧。即使是個(gè)性十足的設(shè)計(jì)站點(diǎn)，浪費(fèi)太多的時(shí)間在頁(yè)面下載上也會(huì)令人生厭。

至于后期的維護(hù)和網(wǎng)站的宣傳，那就要考慮到網(wǎng)站投入的費(fèi)用了！

篇六 網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題報(bào)告

網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題報(bào)告范本

一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁(yè)的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個(gè)方面的內(nèi)容。

1.討論網(wǎng)站的主題。

網(wǎng)站整體規(guī)劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平時(shí)我也對(duì)服裝的網(wǎng)頁(yè)比較關(guān)心，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁(yè)。

2.定位網(wǎng)站的ci形象。

“易菲”植根中國(guó)文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對(duì)人性寬度的一種拓展?！胺啤蓖ǚ?，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對(duì)人性深度的一種挖掘。“生活如花，自在快樂(lè)”是yifini易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂(lè)的生活方式。這也便是我網(wǎng)站的ci形象。

3.確定欄目和板塊。

于時(shí)間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁(yè)：一張主頁(yè)三張二級(jí)頁(yè)面。分別設(shè)計(jì)了“時(shí)尚首頁(yè)、時(shí)尚衣秀、推薦產(chǎn)品、潮流信息”等四個(gè)欄目。在這四張頁(yè)面中我打算都用淡藍(lán)色做背景顏色來(lái)映襯我網(wǎng)頁(yè)的主打色綠色。

4.網(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)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來(lái)表達(dá)這張自然之美、和諧之美。

二、網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備，在本階級(jí)主要有兩方面的工作。

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è)的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時(shí)也搜集了一些對(duì)我有用的資料。在搜索資料最困難的便是動(dòng)態(tài)圖片的搜集，動(dòng)態(tài)圖片其gif格式的還是好保存，但是要搜集flash動(dòng)態(tài)圖片就相對(duì)較難了。我用了一天的時(shí)間來(lái)搜集我的flash都不太成功，不過(guò)還搜到了可以換自己圖片的代碼。在開(kāi)始時(shí)我根本就不知道flash是怎樣搜索，不過(guò)經(jīng)過(guò)三次像老實(shí)詢(xún)問(wèn)我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過(guò)程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時(shí)對(duì)知識(shí)的掌握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平時(shí)不夠認(rèn)真和努力的表現(xiàn)。通過(guò)這次的教訓(xùn)在以后我一定會(huì)做得更好，爭(zhēng)取不范類(lèi)似錯(cuò)誤。

2.熟悉制作軟件。

做網(wǎng)頁(yè)主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對(duì)dremweaver、photoshop相對(duì)比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過(guò)。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問(wèn)題還是有很多。有很多不懂如何操作，只有通過(guò)在次去看書(shū)才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。

三、網(wǎng)頁(yè)制作，這便進(jìn)入我該次的主題了具體制作流程如下。

1.構(gòu)建站點(diǎn)框架。

在我打開(kāi)dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁(yè)制作時(shí)可以方便的使用。

2.設(shè)計(jì)主頁(yè)及二級(jí)頁(yè)面。

在主頁(yè)我設(shè)首頁(yè)制作時(shí)，時(shí)刻考慮著網(wǎng)頁(yè)的基本原則：統(tǒng)一，連貫，分割，對(duì)比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的;連貫，頁(yè)面之間關(guān)系連貫，統(tǒng)成一體;每版內(nèi)容都自成一體，顏色各異，便于瀏覽;整個(gè)網(wǎng)頁(yè)有動(dòng)有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣;顏色各異，但又不同之中又相同，渾然一體。而且制作過(guò)程中，不忘以下原則：

簡(jiǎn)潔實(shí)用: 這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以效率的方式將用戶(hù)所要想得到的信息傳送給他就是的，所以要去掉所有的冗余的東西。使用方便:同第一個(gè)是相一致的，滿(mǎn)足使用者的要求，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功能美;頁(yè)面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁(yè)富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。

交互式強(qiáng): 發(fā)揮網(wǎng)絡(luò)的優(yōu)勢(shì)，是每個(gè)使用者都參與到其中來(lái)，這樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。這樣的網(wǎng)頁(yè)才算真正的美的設(shè)計(jì)。每個(gè)子頁(yè)都設(shè)有上導(dǎo)航欄，便于瀏覽和跳轉(zhuǎn)。3個(gè)二級(jí)網(wǎng)頁(yè)制作時(shí)，使用的是表格，每一個(gè)頁(yè)面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強(qiáng)了對(duì)比性。在做這些網(wǎng)頁(yè)的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁(yè)的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁(yè)都是為凸顯我主題而服務(wù)。

3.實(shí)現(xiàn)網(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卻不能夠顯示。最后我向老師的請(qǐng)教后終于在老師的幫助下我成功的在我的主頁(yè)插入了flash。而在其它的二級(jí)網(wǎng)頁(yè)我主頁(yè)插入的是一些gif格式的動(dòng)態(tài)圖片。

四、網(wǎng)頁(yè)的調(diào)試

在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個(gè)文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁(yè)全都是一個(gè)網(wǎng)頁(yè)對(duì)應(yīng)一個(gè)文件夾。制作過(guò)程中，才發(fā)現(xiàn)，原來(lái)自己懂的太少了，好多不知道的地方，才趕緊查書(shū)，開(kāi)始的時(shí)候只是會(huì)建立模版，可不會(huì)應(yīng)用。而對(duì)于動(dòng)態(tài)flash的插入我更是問(wèn)題多多，開(kāi)始是我對(duì)代碼基本上是不懂，這就是自己學(xué)校上的問(wèn)題，當(dāng)真正開(kāi)始運(yùn)用的時(shí)候在向老師提問(wèn)。

這只是在制作過(guò)程中出現(xiàn)一些問(wèn)題，其它問(wèn)題也是類(lèi)似相同?，F(xiàn)在想想，自己所會(huì)的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡(jiǎn)單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開(kāi)發(fā)出的網(wǎng)頁(yè)，不僅欄目?jī)?nèi)容豐富，信息量大，而且頁(yè)面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁(yè)來(lái)看可以反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開(kāi)拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)而努力。同時(shí)我也希望能夠有更多的類(lèi)似動(dòng)手練習(xí)，讓我們?cè)趯?shí)踐之中來(lái)學(xué)習(xí)知識(shí)。因?yàn)槲矣X(jué)得實(shí)踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動(dòng)手能力增強(qiáng)我們的技術(shù)性。

篇七 網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)業(yè)大學(xué)生社會(huì)實(shí)踐報(bào)告

網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)業(yè)大學(xué)生社會(huì)實(shí)踐報(bào)告

籌劃期：

一個(gè)成功的個(gè)人網(wǎng)站，先期的準(zhǔn)備工作是很重要的，好的開(kāi)始等于成功的一半。在這一階段有兩個(gè)主要的問(wèn)題需要考慮站點(diǎn)的定位：主題的選擇對(duì)今后的發(fā)展方向有決定性的影響，考慮好做什么內(nèi)容就要努力做出特色。若前期沒(méi)有籌劃好，做到后來(lái)才到處改，會(huì)耗費(fèi)大量的人力物力。還不如開(kāi)始就確定好網(wǎng)站的方向。

建設(shè)期：

選好了方向，就要為目標(biāo)而努力了。對(duì)一個(gè)成功的站長(zhǎng)來(lái)說(shuō)，熟練掌握網(wǎng)頁(yè)設(shè)計(jì)和圖形處理的技巧是必須的，但經(jīng)驗(yàn)是在實(shí)戰(zhàn)中獲得的，初學(xué)者也不必因此而畏懼退縮，多多練習(xí)才會(huì)有提高。網(wǎng)站建設(shè)最重要的莫過(guò)于兩個(gè)問(wèn)題：設(shè)計(jì)和內(nèi)容，素材的準(zhǔn)備是日積月累的結(jié)果，在這里側(cè)重談一談設(shè)計(jì)。

1、設(shè)計(jì)的要求：

第一、導(dǎo)航清晰，布局合理，層次分明，頁(yè)面的鏈接層次不要太深，盡量讓用戶(hù)用最短的時(shí)間找到需要的資料;

第二、風(fēng)格統(tǒng)一：保持統(tǒng)一的風(fēng)格，有助于加深訪(fǎng)問(wèn)者對(duì)你的網(wǎng)站的印象。要實(shí)現(xiàn)風(fēng)格的統(tǒng)一，不一定要把每個(gè)欄目做得一模一樣，舉個(gè)例子來(lái)說(shuō)，你可以嘗試讓導(dǎo)航條樣式統(tǒng)一，各個(gè)欄目采用不同的色彩搭配，在保持風(fēng)格統(tǒng)一的同時(shí)為網(wǎng)站增加一些變化;

第三、色彩和諧、重點(diǎn)突出：在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美觀(guān)的頁(yè)面;

第四、界面清爽：要吸引訪(fǎng)問(wèn)者長(zhǎng)時(shí)間的停留在你的網(wǎng)站，千萬(wàn)不能讓用戶(hù)第一眼就感覺(jué)壓抑。大量的文字內(nèi)容要使用舒服的背景色，前景文字和背景之間要對(duì)比鮮明，這樣訪(fǎng)問(wèn)者瀏覽時(shí)眼睛才不致疲勞。適當(dāng)?shù)?留白可以讓界面更清爽;

第五、堅(jiān)持原創(chuàng)：剛開(kāi)始學(xué)做主頁(yè)時(shí)，適當(dāng)模仿別人的優(yōu)秀設(shè)計(jì)是可取的，但模仿絕不等同于抄襲，一定要把握好其中的尺度。設(shè)計(jì)是這樣，內(nèi)容的選取也是如此，多一些原創(chuàng)的內(nèi)容，你的主頁(yè)才會(huì)帶有更多的個(gè)性色彩;

2、技術(shù)運(yùn)用中要注意的一些事項(xiàng)：

第一、明確技術(shù)是為設(shè)計(jì)服務(wù)的，不要沉迷于技術(shù)的運(yùn)用，堅(jiān)決摒棄那些華而不實(shí)的特效;

第二、先為站點(diǎn)定義好統(tǒng)一的外部css，內(nèi)部頁(yè)面都調(diào)用這個(gè)css，這樣不但可以讓你的網(wǎng)頁(yè)在瀏覽器改變?cè)O(shè)置時(shí)不變形，還有助于保持整個(gè)站點(diǎn)的風(fēng)格統(tǒng)一，并且方便修改;

第三、不要打開(kāi)過(guò)多的新窗口，每個(gè)鏈接都會(huì)打開(kāi)不同的新窗口尤其讓人反感;

第四、圖象的制作要兼顧大小和美觀(guān)，圖片和文字的混排、圖片的合理壓縮可以讓頁(yè)面美觀(guān)而且文件小巧。即使是個(gè)性十足的設(shè)計(jì)站點(diǎn)，浪費(fèi)太多的時(shí)間在頁(yè)面下載上也會(huì)令人生厭;

至于后期的維護(hù)和網(wǎng)站的宣傳，那就要考慮到網(wǎng)站投入的費(fèi)用了!

篇八 最新暑假實(shí)習(xí)報(bào)告:網(wǎng)頁(yè)設(shè)計(jì)

最新暑假實(shí)習(xí)報(bào)告范文:網(wǎng)頁(yè)設(shè)計(jì)

實(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)站，走映像派路線(xiàn)，目的務(wù)必使瀏覽者留下映像。

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

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

2.熟悉制作工具軟件：

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

硬件：

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

軟件：

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à)也不會(huì)影響頁(yè)面的效果。

總結(jié)：在公司里實(shí)習(xí)的這段時(shí)間里，我真正體會(huì)到了團(tuán)隊(duì)的力量。剛得到公司通知說(shuō)我面試通過(guò)，真的很開(kāi)心。在沒(méi)進(jìn)公司的時(shí)候，有很多的憧憬。希望自己可以大干一場(chǎng)，當(dāng)時(shí)感覺(jué)自己有太多可發(fā)現(xiàn)的潛力可以挖掘，就等著有那么一個(gè)人可以發(fā)現(xiàn)自己這么一塊金子。進(jìn)去之后才發(fā)現(xiàn)其實(shí)自己是那么的渺小，千萬(wàn)不要自以為是，比你好的多的多，你沒(méi)有什么了不起的。做人一定要塌實(shí)。沒(méi)有同事們一起的努力，就單靠自己一個(gè)人的力量肯定是做不好事情。特別是在銷(xiāo)售部這樣一個(gè)部門(mén)，更加需要大家的一起努力。

實(shí)習(xí)是每一個(gè)大學(xué)畢業(yè)生必須擁有的一段經(jīng)歷，他使我們?cè)趯?shí)踐中了解社會(huì)，讓我們學(xué)到了很多在課堂上根本就學(xué)不到的知識(shí),也打開(kāi)了視野，長(zhǎng)了見(jiàn)識(shí)，為我們以后進(jìn)一步走向社會(huì)打下堅(jiān)實(shí)的基礎(chǔ)，實(shí)習(xí)是我們把學(xué)到的理論知識(shí)應(yīng)用在實(shí)踐中的一次嘗試。我想，作為一名即將畢業(yè)的大學(xué)生，建立自身的十年發(fā)展計(jì)劃已迫在眉睫，不是嗎?

篇九 網(wǎng)頁(yè)課程設(shè)計(jì)報(bào)告書(shū)

網(wǎng)頁(yè)課程設(shè)計(jì)報(bào)告書(shū)一

網(wǎng)頁(yè)設(shè)計(jì)作為高校設(shè)計(jì)學(xué)專(zhuān)業(yè)的專(zhuān)業(yè)課程，在教學(xué)課程知識(shí)體系的不斷探索和完善中，形成了以藝術(shù)和技術(shù)分別主導(dǎo)的側(cè)重不同而又緊密關(guān)聯(lián)的兩種課程知識(shí)體系。隨著網(wǎng)頁(yè)設(shè)計(jì)理論與方法研究的不斷深入和發(fā)展，人們對(duì)網(wǎng)頁(yè)的產(chǎn)品設(shè)計(jì)的屬性認(rèn)知越來(lái)越明確，對(duì)網(wǎng)頁(yè)設(shè)計(jì)的工作分工更細(xì)致也更專(zhuān)業(yè)，這種認(rèn)知進(jìn)步也應(yīng)該體現(xiàn)于當(dāng)前的高校網(wǎng)頁(yè)設(shè)計(jì)課程的知識(shí)構(gòu)建體系中。

一、網(wǎng)頁(yè)設(shè)計(jì)課程知識(shí)體系的構(gòu)建變遷

1.從代碼知識(shí)到網(wǎng)頁(yè)制作工具知識(shí)的轉(zhuǎn)變

早期，高校網(wǎng)頁(yè)類(lèi)課程的知識(shí)體系構(gòu)建得益于院校的科研優(yōu)勢(shì)，互聯(lián)網(wǎng)的發(fā)展直接促成了計(jì)算機(jī)專(zhuān)業(yè)的開(kāi)設(shè)和網(wǎng)頁(yè)設(shè)計(jì)課程的設(shè)立。20世紀(jì)90年代末，網(wǎng)頁(yè)設(shè)計(jì)課程陸陸續(xù)續(xù)被列入部分高校設(shè)計(jì)類(lèi)專(zhuān)業(yè)課程目錄。面向高校學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)課程內(nèi)容是一種全新的事物，即使面向藝術(shù)類(lèi)專(zhuān)業(yè)，也由計(jì)算機(jī)專(zhuān)業(yè)相關(guān)教師承擔(dān)教學(xué)任務(wù)。各高校、科研院所對(duì)網(wǎng)頁(yè)制作方法不斷探索，并將成果發(fā)布于各種學(xué)術(shù)研究出版物，教學(xué)方面則直接引用案例教學(xué)，教學(xué)內(nèi)容以html知識(shí)為主。由于面向?qū)ο蟮脑O(shè)計(jì)思想在軟件開(kāi)發(fā)中普及，各種不需要用戶(hù)直接面對(duì)代碼的網(wǎng)頁(yè)制作工具相繼誕生，于是，這方面的知識(shí)成為課堂的新內(nèi)容，大大減輕了學(xué)生的記憶負(fù)擔(dān)。2.網(wǎng)頁(yè)制作向網(wǎng)頁(yè)美工的轉(zhuǎn)變網(wǎng)站制作的快速發(fā)展、網(wǎng)頁(yè)制作技術(shù)的傳播，使網(wǎng)站在技術(shù)層面進(jìn)入了同質(zhì)化階段，市場(chǎng)需求開(kāi)始轉(zhuǎn)向頁(yè)面視覺(jué)效果方面的提升。在網(wǎng)頁(yè)設(shè)計(jì)課程中，由于對(duì)網(wǎng)頁(yè)設(shè)計(jì)分工認(rèn)知不足，早期的網(wǎng)頁(yè)設(shè)計(jì)課程時(shí)常將設(shè)計(jì)和制作的名稱(chēng)與授課內(nèi)容混用，沒(méi)有嚴(yán)格區(qū)分，也沒(méi)有明確的網(wǎng)頁(yè)前端設(shè)計(jì)與視覺(jué)設(shè)計(jì)分工。高校網(wǎng)頁(yè)設(shè)計(jì)課程的授課內(nèi)容以網(wǎng)頁(yè)制作技術(shù)為主，以美化頁(yè)面效果為輔。此時(shí)，高校對(duì)于網(wǎng)頁(yè)設(shè)計(jì)課程的視覺(jué)設(shè)計(jì)方面的專(zhuān)業(yè)教學(xué)研究處于摸索階段。之后，隨著時(shí)代的發(fā)展，網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)核心開(kāi)始轉(zhuǎn)變?yōu)橹谱骶哂懈岩曈X(jué)效果的網(wǎng)頁(yè)。3.網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)與網(wǎng)頁(yè)前端設(shè)計(jì)的內(nèi)容分離側(cè)重于設(shè)計(jì)的網(wǎng)頁(yè)設(shè)計(jì)課程知識(shí)體系重構(gòu)從探索、發(fā)展到成熟，經(jīng)歷了較長(zhǎng)的準(zhǔn)備階段。隨著界面設(shè)計(jì)方法和流程理論體系的日益完善，分工協(xié)作機(jī)制日趨成熟，前端設(shè)計(jì)分離后，網(wǎng)頁(yè)設(shè)計(jì)課程的重心確定為符合網(wǎng)頁(yè)制作技術(shù)規(guī)范和條件的頁(yè)面創(chuàng)意表達(dá)、視覺(jué)效果設(shè)計(jì)與優(yōu)化。網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)的探索從傳統(tǒng)的平面設(shè)計(jì)方法尋找切入點(diǎn)，通過(guò)對(duì)網(wǎng)頁(yè)設(shè)計(jì)中的審美需求和各種視覺(jué)構(gòu)成要素（如文字、圖片、顏色等）進(jìn)行分析，結(jié)合人們?cè)跒g覽信息時(shí)的視覺(jué)習(xí)慣，探索網(wǎng)頁(yè)視覺(jué)信息如何被更有效、更合理地表達(dá)。網(wǎng)頁(yè)設(shè)計(jì)教學(xué)重心內(nèi)容在轉(zhuǎn)移到視覺(jué)設(shè)計(jì)之后，該階段還未意識(shí)到網(wǎng)頁(yè)交互設(shè)計(jì)的核心地位。

二、用戶(hù)模式的網(wǎng)頁(yè)之設(shè)計(jì)認(rèn)知構(gòu)建

網(wǎng)頁(yè)設(shè)計(jì)的本質(zhì)是用戶(hù)的體驗(yàn)設(shè)計(jì)。網(wǎng)站作為互聯(lián)網(wǎng)非可觸形態(tài)的產(chǎn)品，對(duì)其認(rèn)知的構(gòu)建包含產(chǎn)品屬性認(rèn)知與服務(wù)屬性認(rèn)知兩個(gè)層面的內(nèi)容。1.網(wǎng)頁(yè)設(shè)計(jì)是一種產(chǎn)品設(shè)計(jì)設(shè)計(jì)是一門(mén)交叉學(xué)科，網(wǎng)頁(yè)本身也是一種產(chǎn)品。網(wǎng)頁(yè)設(shè)計(jì)最初被視作平面領(lǐng)域的設(shè)計(jì)，而鏈接交互是網(wǎng)頁(yè)設(shè)計(jì)有別于平面設(shè)計(jì)的基本特征。網(wǎng)頁(yè)設(shè)計(jì)存在交互性，使其具有交互設(shè)計(jì)可用性與易用性體驗(yàn)的內(nèi)在要求，適用于工業(yè)產(chǎn)品的基本設(shè)計(jì)流程。2.網(wǎng)頁(yè)設(shè)計(jì)是一種服務(wù)設(shè)計(jì)服務(wù)設(shè)計(jì)層面，各種網(wǎng)頁(yè)交互體驗(yàn)、視聽(tīng)信息、線(xiàn)上內(nèi)容服務(wù)與線(xiàn)下互動(dòng)等，是網(wǎng)站向用戶(hù)提供服務(wù)的設(shè)計(jì)組成部分。作為一種廣義的產(chǎn)品形態(tài)，網(wǎng)頁(yè)設(shè)計(jì)與傳統(tǒng)的實(shí)物形態(tài)的工業(yè)產(chǎn)品設(shè)計(jì)有一定區(qū)別，更傾向于體驗(yàn)的系統(tǒng)化設(shè)計(jì)。隨著互聯(lián)網(wǎng)向物聯(lián)網(wǎng)的可用技術(shù)研究與拓展，基于智能化網(wǎng)絡(luò)的服務(wù)設(shè)計(jì)將成為跨越線(xiàn)上線(xiàn)下的主流設(shè)計(jì)形態(tài)。3.網(wǎng)頁(yè)頁(yè)面信息設(shè)計(jì)是關(guān)系網(wǎng)頁(yè)設(shè)計(jì)品質(zhì)的深度設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)作為一種信息量龐大的互聯(lián)網(wǎng)單元，從工效學(xué)角度來(lái)看，網(wǎng)站信息本身也擔(dān)負(fù)著面對(duì)用戶(hù)、有效傳遞信息的功能和任務(wù)，在具體的設(shè)計(jì)活動(dòng)中，表現(xiàn)為對(duì)信息的設(shè)計(jì)。信息設(shè)計(jì)具有多學(xué)科交叉性、空間多維性、時(shí)間流動(dòng)性等基本特征，信息設(shè)計(jì)的目的是為了提高信息的可理解度和可閱讀性。優(yōu)質(zhì)的網(wǎng)頁(yè)信息設(shè)計(jì)可以降低用戶(hù)獲取信息的時(shí)間和精力成本，提升頁(yè)面信息獲取體驗(yàn)。

三、基于用戶(hù)模型的網(wǎng)頁(yè)設(shè)計(jì)課程的知識(shí)體系構(gòu)建

網(wǎng)頁(yè)設(shè)計(jì)的本質(zhì)是對(duì)體驗(yàn)的設(shè)計(jì)，即以用戶(hù)為核心思考設(shè)計(jì)方案，研究用戶(hù)在訪(fǎng)問(wèn)網(wǎng)站時(shí)的需求是網(wǎng)頁(yè)課程設(shè)計(jì)任務(wù)的基本出發(fā)點(diǎn)。課程內(nèi)容模塊應(yīng)該以回答網(wǎng)頁(yè)設(shè)計(jì)是什么、怎么設(shè)計(jì)、為什么這樣設(shè)計(jì)三個(gè)問(wèn)題為主線(xiàn)，構(gòu)建網(wǎng)頁(yè)設(shè)計(jì)課程的知識(shí)體系。1.課程的基本目標(biāo)掌握網(wǎng)站項(xiàng)目與網(wǎng)頁(yè)制作的基本設(shè)計(jì)流程，培養(yǎng)設(shè)計(jì)項(xiàng)目管理和組織能力；掌握用戶(hù)需求研究分析的基本方法，對(duì)用戶(hù)體驗(yàn)和需求研究有較為敏銳的洞察力；掌握網(wǎng)站交互原型相關(guān)的設(shè)計(jì)方法與工具；掌握網(wǎng)頁(yè)視覺(jué)設(shè)計(jì)方法和設(shè)計(jì)規(guī)范；了解目前網(wǎng)頁(yè)前端設(shè)計(jì)的相關(guān)技術(shù)和工具。2.知識(shí)體系與模塊組成（1）設(shè)計(jì)方法教學(xué)內(nèi)容模塊設(shè)計(jì)方法教學(xué)內(nèi)容模塊主要為了解決面對(duì)具體問(wèn)題時(shí)設(shè)計(jì)師怎樣展開(kāi)分析研究工作并確定設(shè)計(jì)執(zhí)行方案。網(wǎng)頁(yè)設(shè)計(jì)方法主要分為項(xiàng)目流程設(shè)計(jì)與管理、網(wǎng)站策劃方法與規(guī)范、用戶(hù)體驗(yàn)研究、交互原型設(shè)計(jì)方法等，讓學(xué)生通過(guò)貫穿整個(gè)課堂教學(xué)的項(xiàng)目流程設(shè)計(jì)和每個(gè)流程的具體設(shè)計(jì)方法的實(shí)踐，掌握基本的設(shè)計(jì)理論。（2）軟件工具教學(xué)內(nèi)容模塊軟件工具教學(xué)內(nèi)容在形式方面包括課堂內(nèi)的指導(dǎo)和課堂外的自學(xué)兩個(gè)部分。鑒于設(shè)計(jì)軟件的頻繁更新和新的設(shè)計(jì)軟件不斷涌現(xiàn)，教師必須培養(yǎng)學(xué)生自學(xué)工具的主動(dòng)意識(shí)以適應(yīng)社會(huì)需求。在工具種類(lèi)方面，包括圖形處理工具、交互原型工具和代碼工具三類(lèi)。第一類(lèi)是圖形處理工具，其中常見(jiàn)的photoshop、illustrator等圖形設(shè)計(jì)軟件，已經(jīng)在前置課程中基本完成學(xué)習(xí)。第二類(lèi)是交互原型制作工具，常見(jiàn)的工具有墨刀、axure等。第三類(lèi)是代碼編輯工具，選擇較多，作為對(duì)網(wǎng)頁(yè)前端知識(shí)的入門(mén)介紹部分，在本課程中以介紹為主。（3）設(shè)計(jì)經(jīng)驗(yàn)教學(xué)內(nèi)容模塊設(shè)計(jì)經(jīng)驗(yàn)教學(xué)以啟發(fā)式案例實(shí)踐為主，按照網(wǎng)站項(xiàng)目設(shè)計(jì)的流程需要，設(shè)定不同層次、不同要求的設(shè)計(jì)實(shí)踐任務(wù)作為課程結(jié)課的考核內(nèi)容。學(xué)生通過(guò)案例的練習(xí)能從優(yōu)秀作品中學(xué)到設(shè)計(jì)經(jīng)驗(yàn)，從具體的案例模仿中獲得設(shè)計(jì)的成就感。網(wǎng)頁(yè)設(shè)計(jì)課程案例教學(xué)同時(shí)也是對(duì)網(wǎng)頁(yè)設(shè)計(jì)方法的實(shí)踐驗(yàn)證，有助于學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)方法的理解和體會(huì)。結(jié)語(yǔ)任何一種技術(shù)變革，都可能讓網(wǎng)頁(yè)設(shè)計(jì)出現(xiàn)新的藝術(shù)形態(tài)，前端依然是課程必須了解的知識(shí)。目前，就設(shè)計(jì)藝術(shù)角度而言，網(wǎng)頁(yè)設(shè)計(jì)課程的內(nèi)容以交互和視覺(jué)設(shè)計(jì)為基礎(chǔ)，在信息設(shè)計(jì)層面也有較大的提升空間，設(shè)計(jì)途徑也已經(jīng)拓展到用戶(hù)的視覺(jué)、行為、聲音和邏輯等方面。網(wǎng)頁(yè)設(shè)計(jì)課程的知識(shí)體系構(gòu)建必須以產(chǎn)品的視角，讓學(xué)生更深刻、更完整地理解用戶(hù)模式下的網(wǎng)頁(yè)設(shè)計(jì)藝術(shù)。

網(wǎng)頁(yè)課程設(shè)計(jì)報(bào)告書(shū)二

隨著現(xiàn)代化科技的發(fā)展，計(jì)算機(jī)已經(jīng)成為人們生活中的重要組成部分，網(wǎng)頁(yè)瀏覽的形式已經(jīng)代替以往書(shū)籍瀏覽的形式，也正因?yàn)槿绱司W(wǎng)頁(yè)的設(shè)計(jì)與布局尤為重要。科學(xué)合理的網(wǎng)頁(yè)設(shè)計(jì)布局不但能夠帶給人們美感，并且還能使人們?cè)跒g覽的過(guò)程中內(nèi)心放松。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的概念主要包括網(wǎng)頁(yè)設(shè)計(jì)布局的整體造型以及網(wǎng)頁(yè)設(shè)計(jì)布局頁(yè)面的尺寸。頁(yè)面設(shè)計(jì)的整體造型指的就是網(wǎng)頁(yè)設(shè)計(jì)中的布局形狀，其中最常見(jiàn)的形狀有三角形、圓形等，也有部分計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)采用綜合體的形狀，在頁(yè)面的選擇上，大多是根據(jù)網(wǎng)站自身的特點(diǎn)來(lái)選擇的。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)的尺寸也較為多樣化，在計(jì)算機(jī)使用過(guò)程中，常常由于客觀(guān)影響造成屏幕的分辨率以及尺寸的影響，但由于是客觀(guān)因素?zé)o法改變，在瀏覽器自帶的功能上，對(duì)于瀏覽過(guò)程中網(wǎng)頁(yè)的增大與減小都能夠借助瀏覽器工具欄中的相應(yīng)功能解決。計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的布局與計(jì)算機(jī)的發(fā)展有著直接的聯(lián)系，并且影響網(wǎng)站的瀏覽量，目前最為常見(jiàn)的布局分為同字型布局、標(biāo)題正文型布局、綜合框架型布局、封面型布局以及flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網(wǎng)頁(yè)的美感，并且在現(xiàn)代網(wǎng)頁(yè)布局中被廣泛運(yùn)用，以下便是對(duì)五種布局類(lèi)型的詳細(xì)分析。

1.同字型布局

同字型布局主要針對(duì)網(wǎng)頁(yè)布局的內(nèi)容，這種布局其內(nèi)的填充范圍較廣、填充的數(shù)量也較大。在網(wǎng)頁(yè)設(shè)計(jì)布局中，大多都是在網(wǎng)頁(yè)的標(biāo)題欄進(jìn)行網(wǎng)站主體的填充，有的是填充廣告，也有少數(shù)網(wǎng)頁(yè)設(shè)計(jì)布局中填充的形式是小標(biāo)題。在頁(yè)面的兩側(cè)分別布置內(nèi)容，其中網(wǎng)站的信息與動(dòng)態(tài)或是服務(wù)人員以及相應(yīng)的廣告等，在以往網(wǎng)頁(yè)設(shè)計(jì)布局中這部分并沒(méi)有受到重視，因此也是相對(duì)具有價(jià)值的'部分。同字型布局網(wǎng)頁(yè)主要都是從中央位置布置，根據(jù)網(wǎng)頁(yè)內(nèi)容的重點(diǎn)由上到下布局，或是根據(jù)網(wǎng)頁(yè)自身的特點(diǎn)以及相應(yīng)的顏色進(jìn)行布局，也有部分網(wǎng)頁(yè)是根據(jù)其中的細(xì)節(jié)進(jìn)行布局的。在網(wǎng)頁(yè)的下端并不會(huì)進(jìn)行內(nèi)容的布局，就目前網(wǎng)頁(yè)來(lái)看下端也只是網(wǎng)頁(yè)的信息以及登錄方式等。

2.標(biāo)題正文型布局

標(biāo)題正文型布局與同字型布局不同的是標(biāo)題正文型布局并沒(méi)有兩端的布局，其它布局類(lèi)型相似。在頁(yè)面上端的布局中大多都是網(wǎng)頁(yè)的標(biāo)題，其中也有廣告，頁(yè)面的中端是網(wǎng)頁(yè)的主要內(nèi)容以及和重點(diǎn)內(nèi)容，其中中端內(nèi)容中包含同字型布局兩端布局的內(nèi)容，例如，在正標(biāo)題下方是對(duì)網(wǎng)站的簡(jiǎn)訊，之后便是相應(yīng)的附加咨詢(xún)，最為常見(jiàn)的就是天氣信息以及網(wǎng)站的注冊(cè)信息等，在下方便是網(wǎng)站的主要內(nèi)容也就是正文，在正文的布局上，其結(jié)構(gòu)都是簡(jiǎn)單明了的。

3.綜合框架型布局

綜合框架型布局與其它布局相比形式較為復(fù)雜，主要采用框架的形式來(lái)進(jìn)行網(wǎng)頁(yè)的布局，分別在上端、兩端以及下端，網(wǎng)站的主要內(nèi)容都是在框架中進(jìn)行布局的。這種布局形式與其他布局形式相比更具有輪廓性，能夠?qū)⑵渌季种械膬?nèi)容類(lèi)型充分地體現(xiàn)出來(lái)。

4.封面型布局

封面類(lèi)型布局便是字面上的意思，按照書(shū)本頁(yè)面的形式進(jìn)行布局，在封面型布局中大多采用的是圖片，其中圖片篇幅較大。一般在不同種類(lèi)網(wǎng)站的主頁(yè)上大多采用封面型布局，在布局的周?chē)鄳?yīng)的分布著較小以及較為簡(jiǎn)單的信息，此種信息所采用的形式都是超鏈接的形式，例如，最為常見(jiàn)的qq空間，其主頁(yè)便采用封面型布局的形式，采用此種布局的主要目的就是能夠凸顯網(wǎng)頁(yè)自身的特點(diǎn)，能夠吸引使用者的目光的同時(shí)，對(duì)其功能更加一目了然方便操作。

5.flash型布局

flash型布局與頁(yè)面布局較為相似，flash型布局與頁(yè)面型布局唯一不同的便是在頁(yè)面的布局過(guò)程中采用更多的flash，其中包含聲音以及動(dòng)畫(huà)的形式，因此與封面型布局相比在聲音上更能給人們帶來(lái)聽(tīng)覺(jué)上的享受，除了聽(tīng)覺(jué)上的享受外在視覺(jué)上flash型布局也能夠給人們帶來(lái)相應(yīng)的震撼效果。例如，在現(xiàn)代最為常見(jiàn)的游戲頁(yè)面上，采用的都是flash型布局，尤其是在登錄的界面或是在進(jìn)入游戲過(guò)程中的等待界面，在現(xiàn)代科技的發(fā)展中，也有少數(shù)網(wǎng)頁(yè)在主頁(yè)布局的過(guò)程中采用flash型布局，以此提高網(wǎng)頁(yè)的瀏覽量?？偠灾?jì)算機(jī)時(shí)代已經(jīng)到來(lái)，網(wǎng)頁(yè)設(shè)計(jì)布局已經(jīng)成為重要的發(fā)展趨勢(shì)，網(wǎng)頁(yè)設(shè)計(jì)布局并沒(méi)有固定的格式，做一種形式設(shè)計(jì)的過(guò)程中主要根據(jù)個(gè)人的審美，因此想要在網(wǎng)頁(yè)的設(shè)計(jì)布局中增添其美感，首先就要對(duì)美有更深刻的了解，合理的運(yùn)用到網(wǎng)頁(yè)的布局中，使人們?cè)诰W(wǎng)頁(yè)的瀏覽中獲取所需信息的同時(shí)還能夠帶來(lái)相應(yīng)的視覺(jué)享受。

篇十 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告1000字

實(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)站，走映像派路線(xiàn)，目的務(wù)必使瀏覽者留下映像。

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

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

2.熟悉制作工具軟件：

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

硬件：

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

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)換，比如office97的照片編輯器。把準(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à)也不會(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í)的地方。

篇十一 2023年網(wǎng)頁(yè)設(shè)計(jì)師辭職報(bào)告

敬愛(ài)的領(lǐng)導(dǎo)：

你好!

經(jīng)過(guò)多日思考，最后我還是決定辭職了。雖然是美術(shù)院校的藝術(shù)設(shè)計(jì)專(zhuān)業(yè)畢業(yè)的，但是感覺(jué)自已的創(chuàng)作能力并不是很強(qiáng)，也不具有良好的美術(shù)功底與創(chuàng)意能力，沒(méi)有做出幾個(gè)比較理想的網(wǎng)頁(yè)設(shè)計(jì)/平面設(shè)計(jì)的作品。來(lái)公司已經(jīng)兩年了，說(shuō)實(shí)在的，也真的學(xué)了不少的東西，然而畢竟it行業(yè)的發(fā)展是相當(dāng)?shù)难杆?，自已的步伐總是慢了一步，再加上我?duì)編程比較感興趣，也想往這一方面發(fā)展。范文寫(xiě)作說(shuō)到工資待遇初級(jí)美工確實(shí)很低，比初級(jí)的程序員低多了，想要拿高一點(diǎn)的工資這也是另外一個(gè)辭職的原因。

最后，愿公司蒸蒸日上，再創(chuàng)佳績(jī)。

此致

敬禮!

匯報(bào)人：

日期：xx年x月x日

篇十二 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告

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

一、實(shí)訓(xùn)意義

網(wǎng)頁(yè)設(shè)計(jì)與制作綜合實(shí)訓(xùn)是教學(xué)過(guò)程中重要的實(shí)踐性教學(xué)環(huán)節(jié)、它是根據(jù)專(zhuān)業(yè)教學(xué)計(jì)劃的要求、在教師的指導(dǎo)下對(duì)學(xué)生進(jìn)行網(wǎng)頁(yè)制作專(zhuān)業(yè)技能的訓(xùn)練，培養(yǎng)學(xué)生綜合運(yùn)用理論知識(shí)分析和解決實(shí)際問(wèn)題的能力，實(shí)現(xiàn)由理論知識(shí)向操作技能的培養(yǎng)過(guò)程、因此加強(qiáng)實(shí)踐教學(xué)環(huán)節(jié)，搞好實(shí)訓(xùn)教學(xué)，對(duì)實(shí)現(xiàn)本專(zhuān)業(yè)的培養(yǎng)目標(biāo)，提高學(xué)生的綜合素質(zhì)有著重要的作用。

二、實(shí)訓(xùn)目的

1、通過(guò)綜合實(shí)訓(xùn)進(jìn)一步鞏固，深化和加強(qiáng)學(xué)生的理論知識(shí)于專(zhuān)業(yè)技能。

（1）掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu)，目錄結(jié)構(gòu)，鏈接結(jié)構(gòu)的方法。

（2）熟練掌握網(wǎng)頁(yè)制作軟件dreamweaver8和基本操作和使用技能。

（3）掌握頁(yè)面的整體控制和頭部?jī)?nèi)容設(shè)置的方法。

（4）熟練掌握網(wǎng)頁(yè)頁(yè)面布局的各種方法。

（5）熟練掌握在網(wǎng)頁(yè)中輸入，設(shè)置標(biāo)題和正文文字的方法。

（6）熟練掌握在網(wǎng)頁(yè)中插入圖像，flash動(dòng)畫(huà)和背景音樂(lè)的方法。

（7）熟練建立各種形式的超級(jí)鏈接的方法。

（8）掌握表單網(wǎng)頁(yè)制作方法。

（9）掌握網(wǎng)頁(yè)特效制作方法。

（10）掌握網(wǎng)站測(cè)試的方法。

2、訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力，充分培養(yǎng)和提高學(xué)生的動(dòng)手能力，學(xué)會(huì)通過(guò)網(wǎng)站、書(shū)籍、素材光盤(pán)等方式收集所需的文字資料、圖像資料、flash動(dòng)畫(huà)和網(wǎng)頁(yè)特效等。

3、培養(yǎng)學(xué)生運(yùn)用所學(xué)的理論知識(shí)和技能解決網(wǎng)站開(kāi)發(fā)過(guò)程中所遇到的實(shí)際問(wèn)題的能力及基本工作素質(zhì)。

4、培養(yǎng)學(xué)生理論聯(lián)系實(shí)際的工作作風(fēng)，嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨(dú)立工作的能力，樹(shù)立自信心。

三、實(shí)訓(xùn)步驟

1、定義站點(diǎn)

2、設(shè)定網(wǎng)頁(yè)屬性和文本格式

3、從大到小把結(jié)構(gòu)設(shè)計(jì)好

4、輸入主要內(nèi)容并進(jìn)行排版

5、檢查并保存

四、實(shí)訓(xùn)心得

兩周的實(shí)訓(xùn)轉(zhuǎn)瞬即逝，在這短暫的時(shí)間里，我們?cè)诶蠋煹闹笇?dǎo)和幫助下，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)與制作有了進(jìn)一步的了解。

在這兩周內(nèi)，同學(xué)們每天都按時(shí)完成老師留下的作業(yè)，對(duì)于自己以前不理解的東西，通過(guò)老師的重新講解、指導(dǎo)和自己的練習(xí)，對(duì)其有了很好的了解；對(duì)于我們看不懂的一些內(nèi)容，通過(guò)與同學(xué)協(xié)商和聽(tīng)老師的講解來(lái)理解并掌握它。在這兩周的實(shí)訓(xùn)里，我發(fā)現(xiàn)了許多自己以前沒(méi)有注意到的問(wèn)題，在flash制作方面，有很多是自己以前沒(méi)注意過(guò)的，通過(guò)老師的講解和同學(xué)的幫助，我了解到一些新的東西并對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作有了更深的興趣，如falsh制作與運(yùn)用、網(wǎng)站的基本制作、超鏈接的設(shè)置等；我們對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作方面的知識(shí)有了一定的認(rèn)識(shí)，為我們以后對(duì)網(wǎng)站的學(xué)習(xí)和運(yùn)用有很大的幫助。

通過(guò)實(shí)訓(xùn)，我們把網(wǎng)頁(yè)設(shè)計(jì)與制作中涉及到的理論和實(shí)踐更好的結(jié)合起來(lái)，我對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作這本書(shū)有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增強(qiáng)，使我們了解到無(wú)論做什么事都要有足夠的耐心，還要認(rèn)真細(xì)心。在做題時(shí)要對(duì)自己做過(guò)得東西進(jìn)行仔細(xì)的檢查，同時(shí)也使我了解到同學(xué)之間要相互協(xié)作、共同努力。

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

前言

dreamweaver是美國(guó)macromedia公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。dreamweaver、flash以及在dreamweaver之后推出的針dreamweaver對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)圖像設(shè)計(jì)的fireworks，三者被macromedia公司稱(chēng)為dreamteam(夢(mèng)之隊(duì))，足見(jiàn)市場(chǎng)的反響和macromedia公司對(duì)它們的自信。說(shuō)到dreamweaver我們應(yīng)該了解一下網(wǎng)頁(yè)編輯器的發(fā)展過(guò)程，隨著互聯(lián)網(wǎng)(internet)的家喻戶(hù)曉，html技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁(yè)編輯器，從網(wǎng)頁(yè)編輯器基本性質(zhì)可以分為所見(jiàn)即所得網(wǎng)頁(yè)編輯器和非所見(jiàn)即所得網(wǎng)頁(yè)編輯器（則原始代碼編輯器），兩者各有千秋。所見(jiàn)則所得網(wǎng)頁(yè)編輯器的優(yōu)點(diǎn)就是直觀(guān)性，使用方便，容易上手，您在所見(jiàn)即所得網(wǎng)頁(yè)編輯器進(jìn)行網(wǎng)頁(yè)制作和在word中進(jìn)行文本編輯不會(huì)感到有什么區(qū)別，但它同時(shí)也存在著致命的弱點(diǎn)?，F(xiàn)如今，數(shù)以萬(wàn)計(jì)的網(wǎng)站以網(wǎng)頁(yè)的方式提供了豐富、精彩的信息。在人類(lèi)社會(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ò)上的“代言人”。

1．對(duì)靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)的認(rèn)識(shí)

1.1網(wǎng)頁(yè)設(shè)計(jì)介紹

從文件的角度來(lái)說(shuō)，一個(gè)網(wǎng)頁(yè)就是一個(gè)html文件。當(dāng)瀏覽者輸入一個(gè)網(wǎng)址或單擊某個(gè)鏈接后，在瀏覽器中顯示出來(lái)的就是一個(gè)網(wǎng)頁(yè)。一般網(wǎng)頁(yè)上都會(huì)有文本、圖片等信息，而復(fù)雜一些的網(wǎng)頁(yè)上還會(huì)有聲音、視頻、動(dòng)畫(huà)等多媒體內(nèi)容，為網(wǎng)頁(yè)增添了豐富的色彩和動(dòng)感。靜態(tài)網(wǎng)頁(yè)是指網(wǎng)頁(yè)文件中沒(méi)有程序，只有html代碼，一般以.html或.htm為后綴名的網(wǎng)頁(yè)，靜態(tài)網(wǎng)站內(nèi)容不會(huì)在制作完成后發(fā)生變化，任何人訪(fǎng)問(wèn)都顯示一樣的內(nèi)容。網(wǎng)站是一系列邏輯上可以視為一個(gè)整體的網(wǎng)頁(yè)集合，是許多相關(guān)網(wǎng)頁(yè)有機(jī)結(jié)合而組成的一個(gè)信息服務(wù)中心。對(duì)于小型網(wǎng)站，是指帶有一定主題的多個(gè)網(wǎng)頁(yè)集合；對(duì)于大型網(wǎng)站還包含數(shù)據(jù)庫(kù)和服務(wù)器端應(yīng)用程序等如新浪、網(wǎng)易、搜狐等門(mén)戶(hù)網(wǎng)站。在構(gòu)成網(wǎng)站的眾多網(wǎng)頁(yè)中，有一個(gè)頁(yè)面比較特殊，稱(chēng)為首頁(yè)，即網(wǎng)站的第一個(gè)頁(yè)面。動(dòng)態(tài)網(wǎng)頁(yè)是指網(wǎng)頁(yè)文件不僅具有html標(biāo)記，而且還含有程序代碼，并使用數(shù)據(jù)庫(kù)連接。動(dòng)態(tài)網(wǎng)頁(yè)能根據(jù)不同的時(shí)間，不同的來(lái)訪(fǎng)者顯示不同的內(nèi)容，動(dòng)態(tài)網(wǎng)站更新方便，一般在后臺(tái)直接更新。

1.2網(wǎng)頁(yè)設(shè)計(jì)及網(wǎng)頁(yè)布局技術(shù)

網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素。一個(gè)網(wǎng)頁(yè)是否精彩與網(wǎng)頁(yè)布局有著重要關(guān)系。常見(jiàn)的網(wǎng)頁(yè)布局類(lèi)型有“國(guó)”字型、“匡”字型、“三”字型、“川”字型等。其他類(lèi)型的有：標(biāo)題文本型，封面型，flash型，框架型。可以用表格的形式講一個(gè)頁(yè)面分成幾個(gè)單元格，通過(guò)單元格的合并拆分，對(duì)網(wǎng)頁(yè)進(jìn)行布局，單元格就相當(dāng)于是一塊紙，在紙上寫(xiě)的東西單元格里都可以容得下。通過(guò)設(shè)置單元格的長(zhǎng)寬對(duì)頁(yè)面進(jìn)行布局。框架對(duì)網(wǎng)頁(yè)進(jìn)行布局有很多優(yōu)點(diǎn)網(wǎng)頁(yè)結(jié)構(gòu)清晰，易于維護(hù)和更新。方便用戶(hù)瀏覽網(wǎng)頁(yè)，采用滾動(dòng)條，可節(jié)省頁(yè)面空間，使網(wǎng)頁(yè)風(fēng)格保持統(tǒng)一；css作為網(wǎng)頁(yè)設(shè)計(jì)中的一種重要技術(shù)，具有以下優(yōu)點(diǎn)：，表現(xiàn)和內(nèi)容相分離，提高頁(yè)面瀏覽速度，易于維護(hù)和修改，應(yīng)用apdiv創(chuàng)建網(wǎng)頁(yè)，網(wǎng)頁(yè)清晰，易于分塊。應(yīng)用表單創(chuàng)建網(wǎng)頁(yè)，應(yīng)用行為創(chuàng)建網(wǎng)頁(yè)。

1.3靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)要點(diǎn)

用框架對(duì)網(wǎng)頁(yè)進(jìn)行布局時(shí)有很多缺點(diǎn)：網(wǎng)頁(yè)內(nèi)容無(wú)法被大多數(shù)搜索引擎搜索到，不被低版本瀏覽器支持，樣式陳舊，無(wú)法滿(mǎn)足個(gè)性化設(shè)置，難以實(shí)現(xiàn)不同框架中各元素的精確對(duì)齊。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中使用css樣式表，主要有以下兩種方式，內(nèi)部css樣式表，外部css樣式表，應(yīng)用庫(kù)創(chuàng)建網(wǎng)頁(yè)時(shí)：對(duì)于站點(diǎn)訪(fǎng)問(wèn)者和開(kāi)發(fā)人員而言，使用交互式網(wǎng)頁(yè)www.具有更多用途，使訪(fǎng)問(wèn)者可以快速方便地在一個(gè)內(nèi)容豐富的網(wǎng)站上查找信息，后臺(tái)管理者可以收集、保存和分析站點(diǎn)訪(fǎng)問(wèn)者提供的數(shù)據(jù)，，后臺(tái)管理者可以對(duì)內(nèi)容不斷變化的網(wǎng)站進(jìn)行更新。靜態(tài)網(wǎng)頁(yè)每個(gè)網(wǎng)頁(yè)都有一個(gè)固定的url，且網(wǎng)頁(yè)url以.htm、.html、.shtml等常見(jiàn)形式為后綴，而不含有“?”;網(wǎng)頁(yè)內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無(wú)論是否有用戶(hù)訪(fǎng)問(wèn)，每個(gè)靜態(tài)網(wǎng)頁(yè)的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的，也就是說(shuō)，靜態(tài)網(wǎng)頁(yè)是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁(yè)都是一個(gè)獨(dú)立的文件;靜態(tài)網(wǎng)頁(yè)的內(nèi)容相對(duì)穩(wěn)定，因此容易被搜索引擎檢索;靜態(tài)網(wǎng)頁(yè)沒(méi)有數(shù)據(jù)庫(kù)的支持，在網(wǎng)站制作和維護(hù)方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁(yè)制作方式比較困難;靜態(tài)網(wǎng)頁(yè)的交互性較差，在功能方面有較大的限制。

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

為期四個(gè)星期的實(shí)訓(xùn)就這樣結(jié)束了。這學(xué)期的實(shí)訓(xùn)是我在南工院的最后一次實(shí)訓(xùn)，所以我很重視，也很認(rèn)真。當(dāng)然，在本次實(shí)訓(xùn)中我也學(xué)會(huì)了許多編程方面的知識(shí)，這些知識(shí)的積累是非常重要的。

本次實(shí)訓(xùn)的主要目的是讓我們來(lái)做一個(gè)網(wǎng)上商城，通過(guò)了解asp的框架以及結(jié)構(gòu)，熟悉asp、net應(yīng)用程序的運(yùn)行環(huán)境及開(kāi)發(fā)平臺(tái)和其內(nèi)置對(duì)象的屬性以及其方法，以及其界面的設(shè)計(jì)代碼讓整個(gè)系統(tǒng)能正常的運(yùn)行，通過(guò)寫(xiě)每個(gè)頁(yè)面的功能實(shí)現(xiàn)代碼，讓我們鞏固了之前學(xué)的知識(shí)，又有進(jìn)一步的加深對(duì)語(yǔ)言學(xué)習(xí)的印象，最終能夠?qū)崿F(xiàn)網(wǎng)上購(gòu)物的一系列流程。我們小組主要應(yīng)用asp、net設(shè)計(jì)一個(gè)網(wǎng)上圖書(shū)商城，完成對(duì)數(shù)據(jù)庫(kù)的基本操作。根據(jù)所安排的課題項(xiàng)目，設(shè)計(jì)出一個(gè)結(jié)構(gòu)基本完整，具備一定應(yīng)用功能的網(wǎng)上圖書(shū)商城。要求具有一定的內(nèi)容，程序界面使用asp、net的web控件，可以完成會(huì)員的圖書(shū)瀏覽、數(shù)據(jù)檢索、登陸、注冊(cè)、購(gòu)書(shū)、修改會(huì)員的各種信息等。

我本人主要負(fù)責(zé)網(wǎng)上書(shū)城首頁(yè)、詳細(xì)頁(yè)面的設(shè)計(jì)。其中首頁(yè)實(shí)現(xiàn)的功能主要有：圖書(shū)的展示、新書(shū)上架、圖書(shū)搜索、會(huì)員登陸、圖書(shū)詳細(xì)情況的調(diào)用。另外，我還設(shè)計(jì)制作了數(shù)據(jù)庫(kù)中的圖書(shū)信息表。其中首頁(yè)的搭建過(guò)程還是比較繁瑣的，需要考慮的內(nèi)容太多，而且還要做得美觀(guān)簡(jiǎn)潔，工作量是蠻大的。經(jīng)過(guò)此次實(shí)訓(xùn)，使我比較全面、系統(tǒng)的了解和熟悉asp的各種工具的使用，各種不同的效果的做法，為我們以后的學(xué)習(xí)和工作打下了堅(jiān)實(shí)的基礎(chǔ)。以前沒(méi)有學(xué)懂的一些東西，在這個(gè)實(shí)習(xí)過(guò)程中我基本把它們弄懂了，可以說(shuō)這是對(duì)我所學(xué)知識(shí)的復(fù)習(xí)和深化。對(duì)于難點(diǎn)的克服，我除了請(qǐng)教老師、詢(xún)問(wèn)同學(xué)外，課后也找了一些相關(guān)書(shū)籍看了看，在實(shí)訓(xùn)的過(guò)程中真的學(xué)了很多知識(shí)，受益匪淺。

其實(shí)，實(shí)訓(xùn)不僅僅是為了讓同學(xué)們完成任務(wù)而展開(kāi)的學(xué)習(xí)計(jì)劃，更是要培養(yǎng)學(xué)生的學(xué)習(xí)能力和精神。我也深刻認(rèn)識(shí)到：在學(xué)習(xí)過(guò)程中密切聯(lián)系生活和工程實(shí)際，激發(fā)學(xué)習(xí)的求知欲，培養(yǎng)我們的科學(xué)精神和創(chuàng)新精神；培養(yǎng)學(xué)習(xí)對(duì)待工作和學(xué)習(xí)要耐心、細(xì)心和一絲不茍、精益求精的職業(yè)習(xí)慣等精神和素養(yǎng)是十分重要的。

實(shí)訓(xùn)結(jié)束了，很感謝田曉敏和楊正翔兩位老師一個(gè)月來(lái)對(duì)我的悉心指導(dǎo)，感謝小組同學(xué)的互相鼓勵(lì)與支持，也感謝班級(jí)其他同學(xué)對(duì)我的幫助。如果沒(méi)有每一個(gè)人的辛苦努力與付出，我不可能完成自己的任務(wù)，也不可能取得如此好的成績(jī)，在此，我對(duì)所有付出過(guò)努力的老師、同學(xué)道一聲誠(chéng)摯的謝意：謝謝你們！

天高任鳥(niǎo)飛，海闊憑魚(yú)躍。人生的道路上還有很多考驗(yàn)等待著我們，我們要勇敢的向前大步邁進(jìn)。

加油吧，為我們的理想！

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

這是我的第一次實(shí)訓(xùn)，然而當(dāng)一個(gè)大學(xué)生第一次踏足這個(gè)社會(huì)，或許會(huì)覺(jué)得彷徨，畢竟年輕的我們，有16年都是在學(xué)校中度過(guò)的，再加上不斷的聽(tīng)聞實(shí)訓(xùn)、招聘的社會(huì)有多殘酷有多現(xiàn)實(shí)，但是其實(shí)只要我們?cè)敢馓こ龅谝徊剑跎俨慌禄?，大膽去闖吧，還是有公司能夠包容我們。所以抱著不怕辛苦，耐心向?qū)W的心情，我還是決定闖一闖，畢竟大學(xué)這個(gè)亞社會(huì)和真實(shí)的社會(huì)真的差太多太多了，在實(shí)訓(xùn)中，得到任何與自己專(zhuān)業(yè)相關(guān)的'知識(shí)，規(guī)劃自己以后將要實(shí)現(xiàn)的目標(biāo)，學(xué)會(huì)如何在公司里處理人事關(guān)系，協(xié)調(diào)合作等等。然而實(shí)訓(xùn)后，發(fā)現(xiàn)自己仍在在所學(xué)的知識(shí)上欠缺完整性和技能的熟悉，實(shí)訓(xùn)是一件很有意義的事，是大學(xué)生踏入社會(huì)前減少在社會(huì)上碰壁的好方法。

實(shí)訓(xùn)內(nèi)容與過(guò)程

回顧這一個(gè)月來(lái)的實(shí)訓(xùn)生活是一件很值得紀(jì)念的事，這是我第一次在外實(shí)訓(xùn)，第一次在網(wǎng)上投簡(jiǎn)歷能收到回復(fù)。對(duì)于我們這樣的藝術(shù)設(shè)計(jì)學(xué)生，我深刻的體會(huì)到單單是學(xué)校教的遠(yuǎn)遠(yuǎn)不夠，學(xué)校教的很籠統(tǒng)，很抽象，很大概，如果可以，我希望這個(gè)專(zhuān)業(yè)的師弟師妹們，有空多多到圖書(shū)館充實(shí)自己，靜下心來(lái)充分自學(xué)。在外實(shí)訓(xùn)前，第一件事是把自己賣(mài)出去，包裝自己，所以簡(jiǎn)歷很重要，務(wù)必屬實(shí)，因?yàn)槟阌卸嗌賰芍?，閱人無(wú)數(shù)的人事主管和老板在面試的交談中很快就能從你各方面行為和語(yǔ)言中找到答案。既然要面試，衣服當(dāng)然要穿正裝，其實(shí)我也想的只是大二實(shí)訓(xùn)期沒(méi)有大三的三個(gè)月那么長(zhǎng)，就那么一個(gè)月。這樣短期的工作其實(shí)根本沒(méi)有什么公司愿意招聘，所以我感覺(jué)到萬(wàn)分榮幸能夠進(jìn)到這一支專(zhuān)業(yè)的創(chuàng)業(yè)團(tuán)隊(duì)，真的是一件了不起的事，而且這個(gè)崗位與我學(xué)習(xí)的和自己喜愛(ài)的科目對(duì)的很準(zhǔn)，我自己也十分樂(lè)于這份工作。

記得剛開(kāi)始的一個(gè)多星期，公司并沒(méi)有讓我馬上投入工作，因?yàn)楫?dāng)時(shí)對(duì)產(chǎn)品了解不熟悉，要從學(xué)校的圈子走出來(lái)到商業(yè)模式去還是有點(diǎn)顧慮，但是當(dāng)你接觸到這商業(yè)化的東西，你會(huì)發(fā)現(xiàn)，學(xué)校的東西遠(yuǎn)遠(yuǎn)不足。所以一般公司會(huì)進(jìn)行些培訓(xùn)，很感激william楊，他提供了很多設(shè)計(jì)的書(shū)籍給我自學(xué)閱讀，可惜在我深刻讀完《瞬間之美--web界面設(shè)計(jì)如果讓用戶(hù)心動(dòng)》(點(diǎn)擊跳到本人的讀書(shū)筆記)一書(shū)后，就再也很難抽取一點(diǎn)時(shí)間來(lái)閱讀了。

在接下來(lái)的這個(gè)月里，除了必要的培訓(xùn)以熟悉公司及其產(chǎn)品知識(shí)外，我也開(kāi)始忙碌起來(lái)，因?yàn)楫a(chǎn)品的第一個(gè)內(nèi)部版本需要再x月x日這個(gè)好日子發(fā)布。剛開(kāi)始的兩個(gè)星期，因?yàn)閷?duì)產(chǎn)品并不熟悉，一直以來(lái)在學(xué)校設(shè)計(jì)的作品都很“學(xué)?！钡巧虡I(yè)設(shè)計(jì)比較少，出頭設(shè)計(jì)的時(shí)候真的抓破頭腦，因?yàn)榱?xí)慣了學(xué)校的生活，習(xí)慣了客戶(hù)給要求按照客戶(hù)的想法去做。至于什么叫很學(xué)校呢，就是一種填鴨式的，根據(jù)參考去模仿設(shè)計(jì)，然而在社會(huì)上涉及很多版權(quán)問(wèn)題，所以商業(yè)上的設(shè)計(jì)基本上都是原創(chuàng)或者參考過(guò)后進(jìn)行大幅度的提高審美設(shè)計(jì)，其次因?yàn)樯婕吧虡I(yè)利益，在商業(yè)的角度上，商業(yè)的資金來(lái)源是客戶(hù)，所以他們的需求來(lái)源于客戶(hù)，注重用戶(hù)感受的設(shè)計(jì)，是一個(gè)好設(shè)計(jì)。其實(shí)設(shè)計(jì)是件看起來(lái)簡(jiǎn)單，但是操作起來(lái)卻感覺(jué)很漫長(zhǎng)的一件事情，每一個(gè)細(xì)節(jié)自己不斷的琢磨推敲，自己就會(huì)讓工作時(shí)間變長(zhǎng)，效率變低，卻又希望哪天能像那些設(shè)計(jì)家門(mén)隨心所欲的設(shè)計(jì)出自己喜歡，人們喜歡，客戶(hù)滿(mǎn)意的東西。設(shè)計(jì)來(lái)源與生活，應(yīng)用于生活，我還需要多多積累。

x月x日這個(gè)內(nèi)部版本中，我主要的工作就是設(shè)計(jì)界面，然后photoshop切圖，然后繼續(xù)傻傻的使用習(xí)慣的notepad2++手寫(xiě)html和css。經(jīng)歷這樣的蠢事之后，我決定還是回到dreamweaver的懷抱，因?yàn)楫吘怪R(shí)不夠強(qiáng)，在兼容性方面還需要有dreamweaver來(lái)實(shí)時(shí)的告訴我，以提高我的工作效率。期間william楊還多次與我熟悉，很感激他們都關(guān)心我，提醒我應(yīng)該有自己的就業(yè)方向，3年5年xx年的計(jì)劃，說(shuō)長(zhǎng)不長(zhǎng)說(shuō)短不短的大學(xué)2年已經(jīng)過(guò)去了。我應(yīng)該有怎樣的人生，我有想過(guò)，但卻還沒(méi)如此認(rèn)真的付出著。我想起老板那句，你喜歡設(shè)計(jì)?你覺(jué)得設(shè)計(jì)適合你嗎?我真的很需要考慮我的以后，但目前設(shè)計(jì)還是我喜歡的事情，我也愿意身心的投入到其中，有時(shí)候可以不必得到回報(bào)，只是為了滿(mǎn)足我小小的心靈。

當(dāng)x月x日一過(guò)，為慶祝產(chǎn)品大賣(mài)，公司還組織爬山活動(dòng)，然而平常我們?cè)谏钌街行蒺B(yǎng)學(xué)習(xí)的多，爬山的少。爬山是鍛煉毅力的一種好方法，工作之余不能忘了生活，忘了自然。這次高強(qiáng)度的爬山活動(dòng)從下午3點(diǎn)一直爬到了晚上10點(diǎn)多才下到山腳，經(jīng)歷的時(shí)間之長(zhǎng)，讓我感受到一個(gè)人在公司里，不僅要有強(qiáng)硬的專(zhuān)業(yè)知識(shí)，還需要強(qiáng)壯的身體支撐來(lái)效益公司，而下山mk的那段話(huà)，真的讓我感受到他們很關(guān)心我，因?yàn)楫吘顾麄兌际沁^(guò)來(lái)人，謝謝他們的指導(dǎo)。

產(chǎn)品的初步版本確定之后，就要開(kāi)始慢慢的改進(jìn)了。william作為產(chǎn)品經(jīng)理，不僅要領(lǐng)導(dǎo)著整個(gè)團(tuán)隊(duì)，還要協(xié)調(diào)工作的進(jìn)度。他會(huì)制作出甘特圖，通知每個(gè)人需要做什么事情，大概需要多長(zhǎng)時(shí)間來(lái)完成。在其中，我會(huì)不時(shí)的停滯，因?yàn)槟承┬ug會(huì)導(dǎo)致我去轉(zhuǎn)牛角尖，而這樣會(huì)導(dǎo)致拖慢整個(gè)進(jìn)度，然而在這個(gè)環(huán)節(jié)，我學(xué)會(huì)的最多的事，做事情要分優(yōu)先級(jí)?？傮w要現(xiàn)出來(lái)，大方向，模糊地對(duì)，細(xì)節(jié)的錯(cuò)，慢慢改。而那個(gè)定律資源一定了，時(shí)間也定了，只能減少的剩下特性。

從x月x日開(kāi)始到xx日，又是另一個(gè)版本的小跨越，一個(gè)星期里做的事并不多，除了不斷配合小楊完善頁(yè)面的重構(gòu)和美化工作，還要檢查最繁瑣的兼容性問(wèn)題，心里知道很多房地產(chǎn)經(jīng)紀(jì)人使用的電腦基本上都是深度、雨林木風(fēng)、電腦公司特別版的ghost系統(tǒng)，所以基本上都是ie6 ie7為主流的瀏覽器，兼容性方面的確在工作上成為一個(gè)重點(diǎn)。

xx日的第二個(gè)小版本后，會(huì)議總結(jié)了3頁(yè)的分條建立修改文件，當(dāng)看見(jiàn)滿(mǎn)是修改意見(jiàn)的一行行文字，寫(xiě)上我負(fù)責(zé)的q，心理是有點(diǎn)擔(dān)心，是否能在期限內(nèi)完成工作，然而15日這次的爬山活動(dòng)并沒(méi)有參加，因?yàn)槲抑牢覒?yīng)該更加抓緊時(shí)間處理問(wèn)題，一天下來(lái)最讓我自己感到滿(mǎn)意的是導(dǎo)航，親力親為的感覺(jué)，頗有成就感。一方面不僅要不斷的完善頁(yè)面的布局，一方面還要抽時(shí)間設(shè)計(jì)虎之翼公司的logo和網(wǎng)頁(yè)，他們真是替我捏了把汗似的，都有種壓力很大吧。我感覺(jué)還好吧，不過(guò)腦子真的要轉(zhuǎn)的很快了，因?yàn)闆](méi)有創(chuàng)作來(lái)源，讓我在上下班的途中朝思暮想的想著設(shè)計(jì)，充分利用上下班的塞車(chē)時(shí)間，不斷的觀(guān)看經(jīng)過(guò)車(chē)窗的各型各類(lèi)的廣告來(lái)尋來(lái)創(chuàng)意來(lái)源。最后還是有驚無(wú)險(xiǎn)的完成這些工作。除了這些工作，公司越來(lái)越多人了，剛進(jìn)去的時(shí)候只有我和sandy，后來(lái)多了好多個(gè)人，很羨慕參數(shù)組，能有說(shuō)有笑的工作，但是我這項(xiàng)工作，我不是一個(gè)人在戰(zhàn)斗。再后來(lái)，開(kāi)始招聘銷(xiāo)售，因?yàn)楫a(chǎn)品到xx號(hào)就要正式發(fā)布了，有點(diǎn)讓我走也走的不放心的感覺(jué)，要配合銷(xiāo)售展開(kāi)小單張的宣傳。時(shí)至xx日，才基本完成。

希望，我的能力能幫到公司，獻(xiàn)出我自己一份的力量。

實(shí)訓(xùn)心得與體會(huì)

從開(kāi)始的實(shí)訓(xùn)，讓我體驗(yàn)到這個(gè)暑假回會(huì)過(guò)得更有意義，會(huì)特別漫長(zhǎng)特別充實(shí)。的確學(xué)習(xí)是一個(gè)漫長(zhǎng)的過(guò)程，學(xué)習(xí)要耐得住寂寞的抵住誘惑。通過(guò)這次的實(shí)訓(xùn)，不僅讓我覺(jué)得我應(yīng)該改變自己的內(nèi)向，學(xué)會(huì)轉(zhuǎn)變與人主動(dòng)交流，才能解決問(wèn)題，讓我覺(jué)得設(shè)計(jì)還是不錯(cuò)的，但是自己的專(zhuān)業(yè)真的很需要培養(yǎng)與加強(qiáng)，感覺(jué)到學(xué)校教的和自己學(xué)的遠(yuǎn)遠(yuǎn)不夠。而且在接下來(lái)的日子還要規(guī)劃好自己的未來(lái)，才能更好得在崗位上發(fā)揮自己的才能。

最后感謝dav給我這么一個(gè)機(jī)會(huì)，留在公司實(shí)訓(xùn)，公司不僅需要各類(lèi)型的人才，更需要一個(gè)有堅(jiān)定和遠(yuǎn)見(jiàn)的老板;感謝william，看過(guò)頭像和手機(jī)桌面，女兒很可愛(ài)，想必是個(gè)和藹的爸爸，從一開(kāi)始便覺(jué)得他是個(gè)很會(huì)閱人的hr，但后來(lái)才知道是pm，不過(guò)沒(méi)有變的，總是耐心地培養(yǎng)我，給我很多資料和很多網(wǎng)站，提高自己的審美和用戶(hù)體驗(yàn)感受;感謝mk，認(rèn)真的時(shí)候很認(rèn)真，玩的時(shí)候還像個(gè)大孩子，喜歡和參數(shù)組交流時(shí)逗逗我，調(diào)劑我，這點(diǎn)我最喜歡了，因?yàn)橛心銈冋麄€(gè)公司才顯得有活氣，沒(méi)有那么沉悶;感謝kevin，雖然接觸不多，感覺(jué)他很用心，是市場(chǎng)方面的主管，看的最多就是修空調(diào)，快遞要發(fā)票的時(shí)候，會(huì)為公司的財(cái)政斤斤計(jì)較，到后來(lái)q總q總得叫我，真不好意思呢;感謝小楊，能夠和你愉快的合作，如果可以我也想學(xué)jsp，后來(lái)小白走了，你又要一個(gè)人辛苦了;感謝adam，強(qiáng)硬的技術(shù)支持，我想沒(méi)有你這位核心人物為公司撐下一片藍(lán)天，可能我們這個(gè)產(chǎn)品就很難走下去了;謝謝一起在虎之翼公司里工作的所有工作人員。

我很喜歡你們,喜歡這樣的工作氛圍，謝謝你們!

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

靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)業(yè)實(shí)訓(xùn)總結(jié)報(bào)告提要：

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)就快結(jié)束了，在這短短的兩周里，我學(xué)會(huì)了很多新的知識(shí)，更掌握了新的技能，讓我覺(jué)得受益匪淺。在實(shí)訓(xùn)時(shí)，有空閑就會(huì)想到學(xué)校里青蔥歲月，簡(jiǎn)單流暢，無(wú)憂(yōu)無(wú)慮。

插入apdiv標(biāo)簽，插入圖片，創(chuàng)建超鏈接，設(shè)置段落

2.1.3作品展示

圖一：中秋送祝福

2.2項(xiàng)目2

2.2.1項(xiàng)目介紹

有鐵血戰(zhàn)鷹的的圖片素材及相關(guān)資料，對(duì)鐵血戰(zhàn)鷹進(jìn)行描述，創(chuàng)建“鐵血戰(zhàn)鷹網(wǎng)頁(yè)”

2.2.2關(guān)鍵技術(shù)

應(yīng)用表格布局，插入橫線(xiàn)對(duì)網(wǎng)頁(yè)進(jìn)行美化

2.2.3作品展示

圖二：鐵血戰(zhàn)鷹

2.3項(xiàng)目3

2.3.1項(xiàng)目介紹

現(xiàn)有自然寫(xiě)真的圖片，要求自然寫(xiě)真的圖片在鼠標(biāo)經(jīng)過(guò)時(shí)換成別的圖片，點(diǎn)下導(dǎo)航欄的標(biāo)題時(shí)轉(zhuǎn)向別的網(wǎng)頁(yè)，制作靜態(tài)網(wǎng)頁(yè)，網(wǎng)頁(yè)名稱(chēng)為自然寫(xiě)真。

2.3.2關(guān)鍵技術(shù)應(yīng)用

練習(xí)頭標(biāo)題的應(yīng)用，超鏈接的創(chuàng)建，flash的插入，導(dǎo)航欄的創(chuàng)建。

2.3.3作品展示

圖三：自然寫(xiě)真

3．實(shí)訓(xùn)過(guò)程總結(jié)

3.1實(shí)訓(xùn)收獲

這個(gè)階段的實(shí)訓(xùn)我們主要是練習(xí)網(wǎng)頁(yè)制作及網(wǎng)站發(fā)布的各種知識(shí)。近些年隨著計(jì)算機(jī)的廣泛應(yīng)用，internet已經(jīng)成為人們獲得信息不可或缺的媒介，特別是internet的普及和發(fā)展，網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。無(wú)論是最新的新聞信息、新產(chǎn)品的出臺(tái)、新游戲的發(fā)布、最新的動(dòng)態(tài)，包括等候就業(yè)人才的個(gè)人簡(jiǎn)歷，我們都是可以通過(guò)網(wǎng)絡(luò)來(lái)獲得。但是什么為這提供平臺(tái)的呢。我們又是通過(guò)什么來(lái)獲取這些信息的呢―網(wǎng)頁(yè)。由于人們使用網(wǎng)絡(luò)的頻繁，網(wǎng)頁(yè)作為上網(wǎng)的主要依托就變得非常的重要。網(wǎng)頁(yè)講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。網(wǎng)頁(yè)設(shè)計(jì)直接面對(duì)的是大量的用戶(hù)，隨時(shí)都會(huì)反饋回來(lái)對(duì)網(wǎng)頁(yè)的批評(píng)建議等，可以根據(jù)實(shí)際情況進(jìn)行修改，這樣做可以使使用者用起來(lái)更加的方便。

dreamweaver工具為我們實(shí)現(xiàn)這些提供了便利，下面我將網(wǎng)頁(yè)制作和網(wǎng)站發(fā)布的知識(shí)總結(jié)如下：

（1）網(wǎng)頁(yè)制作的前期工作是搜集大量的素材，我們的網(wǎng)頁(yè)只有是實(shí)用的才會(huì)是大眾喜歡的，搜集素材以充實(shí)我們的網(wǎng)頁(yè)。當(dāng)然我們也應(yīng)該在此時(shí)定下網(wǎng)站的方向是什么，剩下的就是靠dreamweaver進(jìn)行編輯；

（2）網(wǎng)頁(yè)的版式設(shè)計(jì)，版式設(shè)計(jì)時(shí)我們應(yīng)該有重點(diǎn)，把重要的內(nèi)容新聞放在醒目的位置上。規(guī)劃各元素在網(wǎng)頁(yè)中的位置關(guān)系和表現(xiàn)方法，合理安排圖像、文本等元素，使網(wǎng)頁(yè)布局合理、美觀(guān)大方；

（3）文本編寫(xiě)，我們的網(wǎng)頁(yè)中需要大量的文字材料，這就要在網(wǎng)頁(yè)編輯器中用html語(yǔ)言中的標(biāo)簽編寫(xiě)。也可以利用網(wǎng)頁(yè)編輯工具的“所見(jiàn)即所得”功能，直接寫(xiě)入文字。在瀏覽器中運(yùn)行時(shí)出現(xiàn)冗余代碼時(shí)返回代碼頁(yè)面重新進(jìn)行查看修改；

（4）處理網(wǎng)頁(yè)之間的關(guān)聯(lián)，這主要是建立合理、高效的網(wǎng)頁(yè)導(dǎo)航系統(tǒng)；

（5）網(wǎng)頁(yè)發(fā)布過(guò)程，主要是將建設(shè)好的網(wǎng)頁(yè)上傳到服務(wù)器中供用戶(hù)瀏覽。

3.2存在的問(wèn)題及解決思路

（1）在dreamweaver基礎(chǔ)方面：制作網(wǎng)頁(yè)時(shí)如何實(shí)現(xiàn)網(wǎng)頁(yè)不跳轉(zhuǎn)就可以出現(xiàn)新的內(nèi)容，實(shí)現(xiàn)頁(yè)面內(nèi)的鏈接；用代碼編寫(xiě)網(wǎng)頁(yè)上的按鈕，實(shí)現(xiàn)按鈕的各種功能，如刷新，重置，確定操作。css樣式表的概念模糊。

（2）網(wǎng)站風(fēng)格方面：一個(gè)網(wǎng)站的各個(gè)頁(yè)面之間風(fēng)格應(yīng)該是統(tǒng)一的，只有圍繞一個(gè)風(fēng)格才會(huì)成功。

（3）網(wǎng)站的內(nèi)容方面：在制作網(wǎng)站時(shí)內(nèi)容之間應(yīng)該是相關(guān)的，在制作時(shí)我們不能追求面面俱到，只能做到精益求精。雜亂無(wú)章的網(wǎng)站是不會(huì)有大的發(fā)展的。

4．結(jié)束語(yǔ)

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)就快結(jié)束了，在這短短的兩周里，我學(xué)會(huì)了很多新的知識(shí)，更掌握了新的技能，讓我覺(jué)得受益匪淺。在實(shí)訓(xùn)時(shí)，有空閑就會(huì)想到學(xué)校里青蔥歲月，簡(jiǎn)單流暢，無(wú)憂(yōu)無(wú)慮，回想各位老師的授課，孜孜不倦，學(xué)校的生活固然是快樂(lè)，www.但是學(xué)校的實(shí)訓(xùn)課程真的很重要，因?yàn)樗茏屛覀冞@些在校學(xué)生接觸到社會(huì)的發(fā)展，讓我們有時(shí)間崗位環(huán)境，順利得從單純的校園生活感到復(fù)雜社會(huì)生活的不同。在這一周的時(shí)間里，我一心只做網(wǎng)頁(yè)，做自己喜歡的風(fēng)格的網(wǎng)頁(yè)。經(jīng)歷了一次充實(shí)而有愉快的實(shí)訓(xùn)，我學(xué)會(huì)了制作框架、使用錨點(diǎn)、給網(wǎng)頁(yè)網(wǎng)頁(yè)插入背景音樂(lè)、表格、視頻、flash、導(dǎo)航條等更深層次的掌握了它們的用法，現(xiàn)在我心目中的網(wǎng)頁(yè)也已經(jīng)大體竣工，我感到很開(kāi)心，經(jīng)過(guò)這兩的不斷探索，我喜歡上了這門(mén)課程，感覺(jué)很有意思?；蛟S實(shí)訓(xùn)的結(jié)束代表一段新生活的開(kāi)始，但是我認(rèn)為它不但是一門(mén)課，需要我們?nèi)フ莆?，同時(shí)還可以鍛煉我們的邏輯思維能力和思維的嚴(yán)密性，還有就是在制作網(wǎng)頁(yè)的過(guò)程中，更需要有不錯(cuò)的藝術(shù)審美觀(guān)，這樣，你做出的網(wǎng)頁(yè)才會(huì)賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門(mén)課，力求這方面的技能達(dá)到頂級(jí)。雖然網(wǎng)頁(yè)已經(jīng)完成，可這并不是一件輕而易舉的事情，在此過(guò)程中遇到了許多以前不曾遇到的問(wèn)題，多的情況都是自己解決，萬(wàn)不得已之際，我會(huì)主動(dòng)問(wèn)老師和同學(xué)，直到弄懂為止！讓我更加清楚地明白老師平日里的良苦用心，也更加清楚地明白了自己以后應(yīng)該怎樣去做事。

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

本學(xué)期的網(wǎng)業(yè)設(shè)計(jì)課程，開(kāi)展了動(dòng)態(tài)思維訓(xùn)練教學(xué)活動(dòng)，對(duì)于我們學(xué)生來(lái)說(shuō)，可以激發(fā)學(xué)習(xí)興趣，調(diào)動(dòng)學(xué)習(xí)的自覺(jué)性，自己動(dòng)腦、動(dòng)手，動(dòng)口，運(yùn)用網(wǎng)絡(luò)資源，結(jié)合教材及老師的指導(dǎo)，通過(guò)自身的實(shí)踐，創(chuàng)作出積聚個(gè)人風(fēng)格、個(gè)性的個(gè)人網(wǎng)頁(yè)?？傮w來(lái)說(shuō)，整個(gè)學(xué)期的學(xué)習(xí)過(guò)程，我學(xué)會(huì)了很多知識(shí)，雖然過(guò)程比較艱辛，但在intenet領(lǐng)域中，有了一個(gè)展示自我的空間，我覺(jué)得很開(kāi)心、很有成就感。

一.充分發(fā)揮動(dòng)手能力

作為網(wǎng)頁(yè)設(shè)計(jì)的初學(xué)者，我對(duì)網(wǎng)頁(yè)設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個(gè)美觀(guān)、實(shí)用、內(nèi)容豐富的個(gè)人網(wǎng)頁(yè)。本學(xué)期的教改方案由以前學(xué)生單純接受知識(shí)變?yōu)橹鲃?dòng)參與教學(xué)活動(dòng)。在這樣的壓力和動(dòng)力下，通過(guò)自己動(dòng)手、動(dòng)腦，通過(guò)網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問(wèn)題和解決問(wèn)題的過(guò)程中學(xué)到了很多知識(shí)，也增強(qiáng)了我的創(chuàng)作能力和動(dòng)手能力，在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個(gè)過(guò)程我都全身心投入，使我真正學(xué)到了網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)。

二.在設(shè)計(jì)過(guò)程中不斷提高網(wǎng)頁(yè)設(shè)計(jì)水平

在本次網(wǎng)頁(yè)設(shè)計(jì)中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)方面的知識(shí)，也從中學(xué)會(huì)了關(guān)于網(wǎng)絡(luò)、編程等方面的知識(shí)。我從最初開(kāi)始運(yùn)用frontpage設(shè)計(jì)網(wǎng)頁(yè)，到后來(lái)運(yùn)用dreamweaver、flash、fireworks等網(wǎng)軟件設(shè)計(jì)網(wǎng)頁(yè)，完善網(wǎng)頁(yè)。在這個(gè)過(guò)程中，我通過(guò)自學(xué)教材、上網(wǎng)查詢(xún)，學(xué)習(xí)了dreamweaver、flash、fireworks等網(wǎng)頁(yè)軟件的應(yīng)用，學(xué)會(huì)了管理、維護(hù)自己的站點(diǎn)，以及一些簡(jiǎn)單動(dòng)畫(huà)、控件的制作等等。在設(shè)計(jì)過(guò)程中也出現(xiàn)了很多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢(xún)，請(qǐng)教老師等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀(guān)還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。

三.不足之處

由于平時(shí)工作比較繁忙，學(xué)習(xí)時(shí)間比較少，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)軟件的強(qiáng)大功能運(yùn)用得還不夠。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，由于沒(méi)有網(wǎng)頁(yè)制作代碼的知識(shí)，所以在設(shè)計(jì)時(shí)也遇到了很多麻煩，有時(shí)插入一個(gè)特效腳本也是很麻煩。在網(wǎng)頁(yè)制作過(guò)程中，想提高設(shè)計(jì)水平，想有個(gè)理想的網(wǎng)頁(yè)，必須學(xué)會(huì)代碼的運(yùn)用，我將在以后的學(xué)習(xí)過(guò)程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡(jiǎn)單介紹一下代碼，讓我也對(duì)它有個(gè)初步的認(rèn)識(shí)，以后再加強(qiáng)學(xué)習(xí)也才會(huì)有所提高。

總體來(lái)說(shuō)，通過(guò)今次的對(duì)網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門(mén)，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對(duì)網(wǎng)頁(yè)設(shè)計(jì)的熱情和執(zhí)著，我將來(lái)設(shè)計(jì)出的網(wǎng)頁(yè)會(huì)更加專(zhuān)業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。