網(wǎng)頁設計師個人年終報告（12篇范文）

篇一 網(wǎng)頁設計師個人年終報告

網(wǎng)頁設計師個人年終報告

在設計上

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

在業(yè)務上

xx年我基本上都在漢口工作，漢口店沒有武昌超市的絕對的優(yōu)勢，漢口店在外等于失去了超市的僻護，在客源上比較少，只能和外面的裝飾公司一比高下，我們所能做的就是不能放過任何一個來咨訊的客戶，讓他們在第一次與我們交流中就留下深刻的映象。同樣的一個訂單，同樣的一個合同，我們漢口店的同事付出更多，因為每一個客源對于我們都來之不宜。也許是這樣的心態(tài)讓我們對每個客戶都服務周到，但是也滋長了部分不良的刁民，我認識到服務的到位，并不是對客戶任何要求的惟命是從。

在心態(tài)上

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

篇二 大學生網(wǎng)頁設計與制作實習報告

大學生網(wǎng)頁設計與制作實習報告1

畢業(yè)后，我來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了?，F(xiàn)將我的實習情況匯報如下：

一、實習工作介紹

我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡的技術人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。

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

二、初來公司的時候

（一）初級考試

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

（二）三天的培訓工作

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

(三)最后的考核

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

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

三、正式工作

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

四、業(yè)余的生活

每天的工作都是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找

一些我喜歡的書，看上幾個小時。

五、工作心得體會

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

大學生網(wǎng)頁設計與制作實習報告2

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

一、工作介紹

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

二、開發(fā)技術

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

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

像我這個組常用的是css+div排版，后臺使用php技術進行開發(fā)，服務器平臺采用，linu+apache+mysql+php,這種 lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經(jīng)有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構架，所以都采用css+div進行網(wǎng)頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。

篇三 網(wǎng)頁設計實踐報告

一實驗目的

1．學習html語言和dreamweaver，frontpage等工具

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

二實驗的方法和原理

三實驗過程

1.資料的搜集。

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

2.熟悉制作軟件。

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

3.構建站點框架。

打開dremweaver后第一步便是新建站點

4設計主頁及二級頁面。

5實現(xiàn)網(wǎng)頁間的鏈接

鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

6向靜太網(wǎng)頁插入動態(tài)效果

四實驗心得

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

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

篇四 公司網(wǎng)頁設計實習報告

公司網(wǎng)頁設計實習報告范文

一實驗目的

1．學習html語言和dreamweaver，frontpage等工具

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

二、實驗的方法和原理

三、實驗過程

1、資料的搜集。

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

2、熟悉制作軟件。

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

3、構建站點框架。

打開dremweaver后第一步便是新建站點

4、設計主頁及二級頁面。

5、實現(xiàn)網(wǎng)頁間的鏈接

鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

6、向靜太網(wǎng)頁插入動態(tài)效果

四、實驗心得

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

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

篇五 大學生網(wǎng)頁設計的社會實踐報告

大學生網(wǎng)頁設計的社會實踐報告

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

籌劃期：

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

建設期：

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

1、設計的要求：

第一、導航清晰，布局合理，層次分明，頁面的鏈接層次不要太深，盡量讓用戶用最短的時間找到需要的資料；

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

第三、色彩和諧、重點突出：在網(wǎng)頁設計中，根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構成美觀的頁面；

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

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

2、技術運用中要注意的一些事項：

第一、明確技術是為設計服務的，不要沉迷于技術的運用，堅決摒棄那些華而不實的特效；

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

第三、不要打開過多的新窗口，每個鏈接都會打開不同的新窗口尤其讓人反感；

第四、圖象的制作要兼顧大小和美觀，圖片和文字的混排、圖片的合理壓縮可以讓頁面美觀而且文件小巧。即使是個性十足的設計站點，浪費太多的時間在頁面下載上也會令人生厭。

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

篇六 網(wǎng)頁設計開題報告

網(wǎng)頁設計開題報告范本

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

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

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

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

“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨荩前?，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁ǎ栽诳鞓贰笔莥ifini易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。

3.確定欄目和板塊。

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

4.網(wǎng)站的整體風格和創(chuàng)意。

整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設計上，yieini易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現(xiàn)設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

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

1.資料的搜集。

在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。

2.熟悉制作軟件。

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

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

1.構建站點框架。

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

2.設計主頁及二級頁面。

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

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

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

3.實現(xiàn)網(wǎng)頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

4.向靜太網(wǎng)頁插入動態(tài)效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。

四、網(wǎng)頁的調試

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

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

篇七 網(wǎng)頁設計專業(yè)大學生社會實踐報告

網(wǎng)頁設計專業(yè)大學生社會實踐報告

籌劃期：

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

建設期：

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

1、設計的要求：

第一、導航清晰，布局合理，層次分明，頁面的鏈接層次不要太深，盡量讓用戶用最短的時間找到需要的資料;

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

第三、色彩和諧、重點突出：在網(wǎng)頁設計中，根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構成美觀的頁面;

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

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

2、技術運用中要注意的一些事項：

第一、明確技術是為設計服務的，不要沉迷于技術的運用，堅決摒棄那些華而不實的特效;

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

第三、不要打開過多的新窗口，每個鏈接都會打開不同的新窗口尤其讓人反感;

第四、圖象的制作要兼顧大小和美觀，圖片和文字的混排、圖片的合理壓縮可以讓頁面美觀而且文件小巧。即使是個性十足的設計站點，浪費太多的時間在頁面下載上也會令人生厭;

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

篇八 最新暑假實習報告:網(wǎng)頁設計

最新暑假實習報告范文:網(wǎng)頁設計

實習目的：熟悉和掌握計算機網(wǎng)頁設計的基本技巧及網(wǎng)頁制作相關工具軟件等內(nèi)容。培養(yǎng)我們利用計算機進行商務網(wǎng)頁設計的基本思路和應用開發(fā)能力，提高我們的計算機文化素質。

網(wǎng)頁是世界上最有價值的不動產(chǎn)之一。人們在這個不足0.1平米的空間內(nèi)投資達數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務增收方法大得多;網(wǎng)頁也是公司對外的臉面。web站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他web站點的鏈接，繞過主頁而進入web的深層。

一.網(wǎng)站的整體規(guī)劃

1.討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個旅游網(wǎng)站。

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

3.確定欄目和板塊：

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

2]其次就應該考慮導航條的設置了。

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

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

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

二.網(wǎng)頁制作的前期策劃與準備

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

2.熟悉制作工具軟件：

主頁制作的基本條件有：

硬件：

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

軟件：

html編輯軟件：常用的有frontpage、hotdog等，本文重點介紹 dreamweaver;

圖像處理軟件：常用的有photoshop、flash、fireworks 等;

文件上傳軟件：常用的有cuteftp、wsftp等。

三.網(wǎng)頁制作

真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的flash不能產(chǎn)生效果?？傊畣栴}一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網(wǎng)頁設計一個引導頁。

然后是主頁和二級頁面的設置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進行轉換，比如office 97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。

四.網(wǎng)頁的調試

之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

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

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

篇九 網(wǎng)頁課程設計報告書

網(wǎng)頁課程設計報告書一

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

一、網(wǎng)頁設計課程知識體系的構建變遷

1.從代碼知識到網(wǎng)頁制作工具知識的轉變

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

二、用戶模式的網(wǎng)頁之設計認知構建

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

三、基于用戶模型的網(wǎng)頁設計課程的知識體系構建

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

網(wǎng)頁課程設計報告書二

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

1.同字型布局

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

2.標題正文型布局

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

3.綜合框架型布局

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

4.封面型布局

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

5.flash型布局

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

篇十 網(wǎng)頁設計實訓報告1000字

實習目的：熟悉和掌握計算機網(wǎng)頁設計的基本技巧及網(wǎng)頁制作相關工具軟件等內(nèi)容。培養(yǎng)我們利用計算機進行商務網(wǎng)頁設計的基本思路和應用開發(fā)能力，提高我們的計算機文化素質。

網(wǎng)頁是世界上最有價值的不動產(chǎn)之一。人們在這個不足0.1平米的空間內(nèi)投資達數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務增收方法大得多;網(wǎng)頁也是公司對外的臉面。web站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他web站點的鏈接，繞過主頁而進入web的深層。

一.網(wǎng)站的整體規(guī)劃

1.討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個旅游網(wǎng)站。

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

3.確定欄目和板塊：

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

2]其次就應該考慮導航條的設置了。

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

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

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

二.網(wǎng)頁制作的前期策劃與準備

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

2.熟悉制作工具軟件：

主頁制作的基本條件有：

硬件：

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

html編輯軟件：常用的有frontpage、hotdog等，本文重點介紹dreamweaver;

圖像處理軟件：常用的有photoshop、flash、fireworks等;

文件上傳軟件：常用的有cuteftp、wsftp等。

三.網(wǎng)頁制作

真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的flash不能產(chǎn)生效果?？傊畣栴}一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網(wǎng)頁設計一個引導頁。

然后是主頁和二級頁面的設置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進行轉換，比如office97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。

四.網(wǎng)頁的調試

之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

總結：在www上,不論你是資產(chǎn)上億的大公司,還是捉襟見肘的窮學生,只要你建立了自己的網(wǎng)頁,你們的地位就是平等的。經(jīng)過這周的相關學習，我了解到網(wǎng)頁設計與制作是一門龐大的工程。網(wǎng)站的反饋與評價網(wǎng)站要注意經(jīng)常維護更新內(nèi)容、保持內(nèi)容的新鮮,不要做好就放到服務器永遠不變了,只有不斷地補充、更新內(nèi)容、才能夠吸引瀏覽者.維護更新時可以充分利用dreamweaver提供的模板和庫技術,以提高工作效率.一個真正的網(wǎng)站,不僅應該實現(xiàn)傳統(tǒng)媒體的電子化,給用戶提供需要的內(nèi)容、而且還應該做更多的事情、完成比頁面瀏覽更高層次的需求,例如收集信息,數(shù)據(jù)傳遞,數(shù)據(jù)存儲以及系統(tǒng)維護等.自己還有許多要學習的地方。

篇十一 2023年網(wǎng)頁設計師辭職報告

敬愛的領導：

你好!

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

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

此致

敬禮!

匯報人：

日期：xx年x月x日

篇十二 網(wǎng)頁設計實訓報告

網(wǎng)頁設計實訓報告1

一、實訓意義

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

二、實訓目的

1、通過綜合實訓進一步鞏固，深化和加強學生的理論知識于專業(yè)技能。

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

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

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

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

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

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

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

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

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

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

2、訓練和培養(yǎng)學生獲取信息和處理信息的能力，充分培養(yǎng)和提高學生的動手能力，學會通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash動畫和網(wǎng)頁特效等。

3、培養(yǎng)學生運用所學的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及基本工作素質。

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

三、實訓步驟

1、定義站點

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

3、從大到小把結構設計好

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

5、檢查并保存

四、實訓心得

兩周的實訓轉瞬即逝，在這短暫的時間里，我們在老師的指導和幫助下，對于網(wǎng)頁設計與制作有了進一步的了解。

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

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

網(wǎng)頁設計實訓報告2

前言

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

1．對靜態(tài)網(wǎng)頁設計的認識

1.1網(wǎng)頁設計介紹

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

1.2網(wǎng)頁設計及網(wǎng)頁布局技術

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

1.3靜態(tài)網(wǎng)頁設計的技術要點

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

網(wǎng)頁設計實訓報告3

為期四個星期的實訓就這樣結束了。這學期的實訓是我在南工院的最后一次實訓，所以我很重視，也很認真。當然，在本次實訓中我也學會了許多編程方面的知識，這些知識的積累是非常重要的。

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

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

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

實訓結束了，很感謝田曉敏和楊正翔兩位老師一個月來對我的悉心指導，感謝小組同學的互相鼓勵與支持，也感謝班級其他同學對我的幫助。如果沒有每一個人的辛苦努力與付出，我不可能完成自己的任務，也不可能取得如此好的成績，在此，我對所有付出過努力的老師、同學道一聲誠摯的謝意：謝謝你們！

天高任鳥飛，海闊憑魚躍。人生的道路上還有很多考驗等待著我們，我們要勇敢的向前大步邁進。

加油吧，為我們的理想！

網(wǎng)頁設計實訓報告4

這是我的第一次實訓，然而當一個大學生第一次踏足這個社會，或許會覺得彷徨，畢竟年輕的我們，有16年都是在學校中度過的，再加上不斷的聽聞實訓、招聘的社會有多殘酷有多現(xiàn)實，但是其實只要我們愿意踏出第一步，初生牛犢不怕虎，大膽去闖吧，還是有公司能夠包容我們。所以抱著不怕辛苦，耐心向學的心情，我還是決定闖一闖，畢竟大學這個亞社會和真實的社會真的差太多太多了，在實訓中，得到任何與自己專業(yè)相關的'知識，規(guī)劃自己以后將要實現(xiàn)的目標，學會如何在公司里處理人事關系，協(xié)調合作等等。然而實訓后，發(fā)現(xiàn)自己仍在在所學的知識上欠缺完整性和技能的熟悉，實訓是一件很有意義的事，是大學生踏入社會前減少在社會上碰壁的好方法。

實訓內(nèi)容與過程

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

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

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

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

當x月x日一過，為慶祝產(chǎn)品大賣，公司還組織爬山活動，然而平常我們在深山中休養(yǎng)學習的多，爬山的少。爬山是鍛煉毅力的一種好方法，工作之余不能忘了生活，忘了自然。這次高強度的爬山活動從下午3點一直爬到了晚上10點多才下到山腳，經(jīng)歷的時間之長，讓我感受到一個人在公司里，不僅要有強硬的專業(yè)知識，還需要強壯的身體支撐來效益公司，而下山mk的那段話，真的讓我感受到他們很關心我，因為畢竟他們都是過來人，謝謝他們的指導。

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

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

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

希望，我的能力能幫到公司，獻出我自己一份的力量。

實訓心得與體會

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

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

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

網(wǎng)頁設計實訓報告5

靜態(tài)網(wǎng)頁設計專業(yè)實訓總結報告提要：

網(wǎng)頁設計實訓就快結束了，在這短短的兩周里，我學會了很多新的知識，更掌握了新的技能，讓我覺得受益匪淺。在實訓時，有空閑就會想到學校里青蔥歲月，簡單流暢，無憂無慮。

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

2.1.3作品展示

圖一：中秋送祝福

2.2項目2

2.2.1項目介紹

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

2.2.2關鍵技術

應用表格布局，插入橫線對網(wǎng)頁進行美化

2.2.3作品展示

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

2.3項目3

2.3.1項目介紹

現(xiàn)有自然寫真的圖片，要求自然寫真的圖片在鼠標經(jīng)過時換成別的圖片，點下導航欄的標題時轉向別的網(wǎng)頁，制作靜態(tài)網(wǎng)頁，網(wǎng)頁名稱為自然寫真。

2.3.2關鍵技術應用

練習頭標題的應用，超鏈接的創(chuàng)建，flash的插入，導航欄的創(chuàng)建。

2.3.3作品展示

圖三：自然寫真

3．實訓過程總結

3.1實訓收獲

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

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

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

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

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

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

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

3.2存在的問題及解決思路

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

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

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

4．結束語

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

網(wǎng)頁設計實訓報告6

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

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

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

二.在設計過程中不斷提高網(wǎng)頁設計水平

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

三.不足之處

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

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