網(wǎng)頁設(shè)計工作實習報告怎么寫
1. 實習背景與目標：
- 描述實習的公司或機構(gòu)，包括其在網(wǎng)頁設(shè)計領(lǐng)域的地位和業(yè)務(wù)范圍。
- 簡述實習的目標，比如提升技能、了解行業(yè)動態(tài)或特定項目經(jīng)驗。
2. 實習職責與任務(wù)：
- 列出實習期間承擔的具體工作，如界面設(shè)計、用戶研究、代碼編寫等。
- 描述每個任務(wù)的內(nèi)容和目的，以及如何參與團隊協(xié)作。
3. 技能學習與實踐：
- 詳述在實習期間學習的新技能，如使用新軟件、編程語言或設(shè)計原則。
- 分享實際應(yīng)用這些技能的經(jīng)驗，包括遇到的問題及解決方法。
4. 項目經(jīng)驗與成果：
- 描述參與的項目，包括項目的目標、你的角色和最終成果。
- 展示項目截圖或鏈接，以證明你的貢獻和學習成果。
5. 團隊合作與溝通：
- 討論與同事、上級的互動，如何在團隊中發(fā)揮作用。
- 提及在團隊協(xié)作中遇到的挑戰(zhàn)和解決方案。
6. 行業(yè)觀察與反思：
- 分析實習期間對網(wǎng)頁設(shè)計行業(yè)的認識，如行業(yè)趨勢、技術(shù)發(fā)展等。
- 反思自身在實習過程中的成長，以及對未來職業(yè)規(guī)劃的影響。
開頭結(jié)尾怎么寫
開頭部分：
- 引言：簡單介紹實習的背景，如何時開始、實習期限、選擇該實習的原因。 - 定位：明確報告的目的，如分享經(jīng)驗、記錄學習歷程或展示能力。
結(jié)尾部分：
- 總結(jié)：回顧實習經(jīng)歷，強調(diào)主要收獲和成長點。 - 感謝：表達對實習單位和指導老師的感激之情，提及他們對你的幫助和支持。 - 展望：簡要說明實習結(jié)束后你的下一步計劃，可能是繼續(xù)深造、尋找相關(guān)工作或其他職業(yè)目標。
網(wǎng)頁設(shè)計工作實習報告范文
第一篇 網(wǎng)頁設(shè)計工作實習報告2150字
網(wǎng)頁設(shè)計工作實習報告
畢業(yè)后，我來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了?，F(xiàn)將我的實習情況匯報如下：
一、實習工作介紹
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，（排版主要使用css+div），并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網(wǎng)頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協(xié)議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網(wǎng)頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計工作，公司領(lǐng)導會根據(jù)每個人的工作數(shù)量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。
二、初來公司的時候
（一）初級考試
初來公司的時候，我們經(jīng)過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了__公司，因為要干的是網(wǎng)頁設(shè)計，所以要有一個小測驗，技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業(yè)后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術(shù)總監(jiān)看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。
（二）三天的培訓工作
三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時干的活，做一些廣告網(wǎng)頁，這些網(wǎng)頁都是靜態(tài)的，沒什么難度。我后來發(fā)現(xiàn)，自己在這些人當中，還是較較者，心里優(yōu)勢還挺好的。
(三)最后的考核
三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據(jù)你在實習期的表現(xiàn)決定你的去留問題，秀的人會轉(zhuǎn)正，得到很優(yōu)厚的待遇。
考核的內(nèi)容，就是在公司的商務(wù)網(wǎng)站上任選一個頁面，然后在規(guī)定的時間內(nèi)做完，我還不錯，技術(shù)比較熟練，是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核，最后的結(jié)果是，最先做完的前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è)余的生活
每天的工作都是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結(jié)束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個小時。
五、工作心得體會
實習期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業(yè)技能學習才行。所以，尊敬的老師，我會在業(yè)余時間好好學習，加強自己的專業(yè)能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學校交出一份滿意的答卷。
報告人：
時間：
第二篇 網(wǎng)頁設(shè)計實習報告模板2150字
實習目的：熟悉和掌握計算機網(wǎng)頁設(shè)計的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計算機進行商務(wù)網(wǎng)頁設(shè)計的 基本思路和應(yīng)用開發(fā)能力，提高我們的計算機文化素質(zhì)。
網(wǎng)頁是世界上最有價值的不動產(chǎn)之一。人們在這個不足0.1平米的空間內(nèi)投資達數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對 外的臉面。web站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他web站點的鏈接，繞過主頁而進入web的深層。
一.網(wǎng)站的整體規(guī)劃
工作經(jīng)驗 中國長城電腦有限公司 2024-10 至 ____年-9任職技術(shù)支持/維護薪資2000-3000元/月 工作職責：負責對新產(chǎn)品的測試、安裝。 教育經(jīng)歷 2024-9 至 2024-7寶雞育新工程機械學校計算機平面設(shè)計專業(yè)
1.討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計一個旅游網(wǎng)站。
2.定位網(wǎng)站ci形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設(shè)計上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。
2]其次就應(yīng)該考慮導航條的設(shè)置了。
3]正文的框架設(shè)置 (橫向因素和縱向因素交錯)
在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4.網(wǎng)站的整體風格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。
二.網(wǎng)頁制作的前期策劃與準備
1.資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，fiash源代碼、小圖標和一些gif的動畫等。
2.熟悉制作工具軟件：
主頁制作的基本條件有：
硬件：
眼間大學第一學期已將結(jié)束，大家都歸心似箭，希望趕快回家，同時各自也在為自己制定這的寒假的實踐活動，隨著假期的到來，束縛已久的身心終于可以迎來自由自在的天空，呼吸著冬天特有的味道，去享受體會屬于自己的假期。寒假是學生充實自我、增加閱歷、了解社會的重要階段。作為社會中思想最活躍的群體，大學生都有著自己精彩的假期計劃：打暑期工，是一種身心的磨練，在賺取生活費用的同時，又可以親身感受社會這個熔爐;有人抓緊機會去進修，參加雅思、托福、考研等培訓班，讓自己的知識得到更完善的補充;有人則準備跋山涉水，去游歷神州各個地方，擴大自己的視野、豐富自己的閱歷„„ 而臥則是希望能夠深入校園，融入學生的群體中，所以我選擇了教師實踐這項活動。
一臺電腦(64mb以上內(nèi)存，當然越大越好啦);可以撥號上網(wǎng);如果你有條件的話，建議:配置掃描儀，這將大大方便圖像和文字的輸入;軟件：
html編輯軟件：常用的有frontpage、hotdog等，本文重點介紹 dreamweaver;
圖像處理軟件：常用的有photoshop、flash、fireworks 等;
文件上傳軟件：常用的有cuteftp、wsftp等。
三.網(wǎng)頁制作
真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的 flash不能產(chǎn)生效果?？傊畣栴}一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借 了幾本網(wǎng)頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后，做起東西來就得心應(yīng)手多了，知道引導頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計一個引導頁。
工作經(jīng)驗 時代帝景大酒店 2024-9 至 ____年-4任職領(lǐng)班薪資1000-2000元/月 工作職責：負責樓面與廚房之間的聯(lián)絡(luò)，督促傳菜員做好備餐及傳菜工作 荷塘月色 ____年-10 至 ____年-2任職傳菜部主管薪資1000-2000元/月 工作職責：負責本部門員工的考勤、考績。根據(jù)每天的工作情況和接待任務(wù)部屬工作安排，檢查員工的儀容儀表是否符合要求，并督促服務(wù)員做好各項工作，根據(jù)當天的工作任務(wù)和要求分配部屬的工作。 教育經(jīng)歷 2024-9 至 2024-6益陽高平普高專業(yè)
然后是主頁和二級頁面的設(shè)置。要注意，網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上，因為它們太大了，但可以用圖象軟件進行轉(zhuǎn)換，比如office 97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應(yīng)的目錄里后.
在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠，但是回顧一下這周真的學到了很多的東西。
四.網(wǎng)頁的調(diào)試
之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
總結(jié)：在www上，不論你是資產(chǎn)上億的大公司，還是捉襟見肘的窮學生，只要你建立了自己的網(wǎng)頁，你們的地位就是平等的。經(jīng)過這周的相關(guān)學習，我了解到網(wǎng)頁設(shè) 計與制作是一門龐大的工程。網(wǎng)站的反饋與評價網(wǎng)站要注意經(jīng)常維護更新內(nèi)容、保持內(nèi)容的新鮮，不要做好就放到服務(wù)器永遠不變了，只有不斷地補充、更新內(nèi)容、 才能夠吸引瀏覽者.維護更新時可以充分利用dreamweaver提供的模板和庫技術(shù)，以提高工作效率. 一個真正的網(wǎng)站，不僅應(yīng)該實現(xiàn)傳統(tǒng)媒體的電子化，給用戶提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁面瀏覽更高層次的需求，例如收集信息，數(shù)據(jù)傳 遞，數(shù)據(jù)存儲以及系統(tǒng)維護等.自己還有許多要學習的地方。
第三篇 網(wǎng)頁設(shè)計開題報告2650字
網(wǎng)頁設(shè)計開題報告范本
一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的ci形象。
“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ?，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁ǎ栽诳鞓贰笔莥ifini易菲的設(shè)計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
4.網(wǎng)站的整體風格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中，充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準備，在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學習方面的缺點，它是我平時不夠認真的具體表現(xiàn)。
三、網(wǎng)頁制作，這便進入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開dremweaver后第一步便是新建站點，我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。
2.設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的;連貫，頁面之間關(guān)系連貫，統(tǒng)成一體;每版內(nèi)容都自成一體，顏色各異，便于瀏覽;整個網(wǎng)頁有動有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣;顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：
簡潔實用: 這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以效率的方式將用戶所要想得到的信息傳送給他就是的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美;頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。
交互式強: 發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個使用者都參與到其中來，這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導航欄，便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
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)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同。現(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。
第四篇 網(wǎng)頁制作設(shè)計開題報告2850字
網(wǎng)頁制作設(shè)計開題報告
在經(jīng)濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?/p>
一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的ci形象。“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨荩前?，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁?，自在快樂”是yifini易菲的設(shè)計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2.網(wǎng)站的整體風格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中，充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準備，在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時對知識的.掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學習方面的缺點，它是我平時不夠認真的具體表現(xiàn)。
三、網(wǎng)頁制作，這便進入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開dremweaver后第一步便是新建站點，我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。
2.設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：
簡潔實用:這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式
美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。
交互式強:發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個使用者都參與到其中來，這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導航欄，便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
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)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用。而對于動態(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)頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。
網(wǎng)頁制作設(shè)計開題報告
第五篇 網(wǎng)頁設(shè)計工作實習報告精選2000字
一、實習工作介紹
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，(排版主要使用css+div)，并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網(wǎng)頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協(xié)議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網(wǎng)頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計工作，公司領(lǐng)導會根據(jù)每個人的工作數(shù)量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。
二、初來公司的時候
(一)初級考試
初來公司的時候，我們經(jīng)過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了__公司，因為要干的是網(wǎng)頁設(shè)計，所以要有一個小測驗，技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業(yè)后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術(shù)總監(jiān)看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。
(二)三天的培訓工作
三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時干的活，做一些廣告網(wǎng)頁，這些網(wǎng)頁都是靜態(tài)的，沒什么難度。我后來發(fā)現(xiàn)，自己在這些人當中，還是較較者，心里優(yōu)勢還挺好的。
(三)最后的考核
三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據(jù)你在實習期的表現(xiàn)決定你的去留問題，秀的人會轉(zhuǎn)正，得到很優(yōu)厚的待遇。
考核的內(nèi)容，就是在公司的商務(wù)網(wǎng)站上任選一個頁面，然后在規(guī)定的時間內(nèi)做完，我還不錯，技術(shù)比較熟練，是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核，最后的結(jié)果是，最先做完的前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è)余的生活
每天的工作都是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結(jié)束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個小時。
五、工作心得體會
實習期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業(yè)技能學習才行。所以，尊敬的老師，我會在業(yè)余時間好好學習，加強自己的專業(yè)能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學校交出一份滿意的答卷。
報告人：
時間：__年__月__日
第六篇 網(wǎng)頁設(shè)計實習報告3650字
2017網(wǎng)頁設(shè)計實習報告
實習目的：熟悉和掌握計算機網(wǎng)頁設(shè)計的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計算機進行商務(wù)網(wǎng)頁設(shè)計的 基本思路和應(yīng)用開發(fā)能力，提高我們的計算機文化素質(zhì)。
網(wǎng)頁是世界上最有價值的不動產(chǎn)之一。人們在這個不足0.1平米的空間內(nèi)投資達數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對 外的臉面。web站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他web站點的鏈接，繞過主頁而進入web的深層。
一.網(wǎng)站的整體規(guī)劃
1.討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計一個旅游網(wǎng)站。
2.定位網(wǎng)站ci形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設(shè)計上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。
2]其次就應(yīng)該考慮導航條的設(shè)置了。
3]正文的框架設(shè)置 (橫向因素和縱向因素交錯)
在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4.網(wǎng)站的整體風格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。
二.網(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)頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后，做起東西來就得心應(yīng)手多了，知道引導頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計一個引導頁。
然后是主頁和二級頁面的設(shè)置。要注意，網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的.格式都不能用在網(wǎng)上，因為它們太大了，但可以用圖象軟件進行轉(zhuǎn)換，比如office 97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應(yīng)的目錄里后.
在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠，但是回顧一下這周真的學到了很多的東西。
四.網(wǎng)頁的調(diào)試
之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
總結(jié)：在www上，不論你是資產(chǎn)上億的大公司，還是捉襟見肘的窮學生，只要你建立了自己的網(wǎng)頁，你們的地位就是平等的。經(jīng)過這周的相關(guān)學習，我了解到網(wǎng)頁設(shè) 計與制作是一門龐大的工程。網(wǎng)站的反饋與評價網(wǎng)站要注意經(jīng)常維護更新內(nèi)容、保持內(nèi)容的新鮮，不要做好就放到服務(wù)器永遠不變了，只有不斷地補充、更新內(nèi)容、 才能夠吸引瀏覽者.維護更新時可以充分利用dreamweaver提供的模板和庫技術(shù)，以提高工作效率. 一個真正的網(wǎng)站，不僅應(yīng)該實現(xiàn)傳統(tǒng)媒體的電子化，給用戶提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁面瀏覽更高層次的需求，例如收集信息，數(shù)據(jù)傳 遞，數(shù)據(jù)存儲以及系統(tǒng)維護等.自己還有許多要學習的地方。
2017網(wǎng)頁設(shè)計實習報告
畢業(yè)后，我來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了?，F(xiàn)將我的實習情況匯報如下：
一、實習工作介紹
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，(排版主要使用css+div)，并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網(wǎng)頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協(xié)議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網(wǎng)頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計工作，公司領(lǐng)導會根據(jù)每個人的工作數(shù)量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。
二、初來公司的時候
(一)初級考試
初來公司的時候，我們經(jīng)過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了__公司，因為要干的是網(wǎng)頁設(shè)計，所以要有一個小測驗，技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業(yè)后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術(shù)總監(jiān)看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。
(二)三天的培訓工作
三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時干的活，做一些廣告網(wǎng)頁，這些網(wǎng)頁都是靜態(tài)的，沒什么難度。我后來發(fā)現(xiàn)，自己在這些人當中，還是較較者，心里優(yōu)勢還挺好的。
(三)最后的考核
三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據(jù)你在實習期的表現(xiàn)決定你的去留問題，最優(yōu)秀的人會轉(zhuǎn)正，得到很優(yōu)厚的待遇。
考核的內(nèi)容，就是在公司的商務(wù)網(wǎng)站上任選一個頁面，然后在規(guī)定的時間內(nèi)做完，我還不錯，技術(shù)比較熟練，是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核，最后的結(jié)果是，最先做完的前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è)余的生活
每天的工作都是是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結(jié)束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個小時。
五、工作心得體會
實習期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業(yè)技能學習才行。所以，尊敬的老師，我會在業(yè)余時間好好學習，加強自己的專業(yè)能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學校交出一份滿意的答卷。
[2017網(wǎng)頁設(shè)計實習報告]
第七篇 2024年10月網(wǎng)頁設(shè)計師述職報告800字
尊敬的公司領(lǐng)導：
20__年5月進入優(yōu)越城百貨以來，任職網(wǎng)頁設(shè)計。主要負責我公司網(wǎng)站的更新維護，和編程工作，至今已有4個月的時間。初到公司一切都很陌生，我只有努力工作，不斷向身邊同事學習，熟悉業(yè)務(wù)，積極參加公司的各項集體活動，希望能夠得到大家的認同，盡快地融入到這個大家庭中來。
作為一個技術(shù)人員，我要求自己忠于崗位，服從安排，遇到問題，首先查找自身原因，通過不斷的學習，提高自身素質(zhì)，培養(yǎng)和加強自己的責任感。
現(xiàn)將我履行職責情況作具體匯報:
一、履行職務(wù)情況
我的職務(wù)是網(wǎng)站設(shè)計，負責網(wǎng)站設(shè)計與日常更新工作，我是這樣開展工作的。
(一)網(wǎng)站設(shè)計更新，我采取的措施是:
1.平時上網(wǎng)多注意一些好的效果作為參考，增加自己的審美 觀，及程序的安全性和執(zhí)行效率，同時加強學習。
2.堅持每次活動都出新的flash動畫廣告
3.積極為網(wǎng)站增加實用性的功能
4.規(guī)范vb類庫，把常用方法寫成函數(shù)封裝，方便調(diào)用。拓展性也更好一些。
5.對數(shù)據(jù)庫和網(wǎng)站文件做到經(jīng)常下載備份，保障數(shù)據(jù)安全。
(二)盡職盡責，做好日常的折扣信息與活動等的更新工作
互聯(lián)網(wǎng)每天都在進步天天都有新的東西誕生，所以必需要緊跟步伐，比如搜索引擎經(jīng)常變更算法，一些好的js框架等可以為公司網(wǎng)站表現(xiàn)的更加友好，所以我會經(jīng)常到一些技術(shù)學習交流。
(三)加強同事間的交流和溝通
(四)以公司為家在做好自己本職工作的同時，公司的其它工作也會積極參與。比如：活動時分店缺少人手會主動要求參加。
二、自律情況
近半年來在公司領(lǐng)導和同事們的關(guān)心幫助下我已經(jīng)融入到了優(yōu)越城這個集體中，我要求自己做到：
1. 按工作守則自律。上級規(guī)定不準做的我絕對不做，上級要求達到的我爭取做得優(yōu)秀。
2. 用制度自律。我嚴格按本公司制定的規(guī)章制度履行職責。
三、存在的主要問題：
1. 在技術(shù)上對于cdr軟件使用還不夠熟悉沒有廣告公司工作經(jīng)驗，對平面設(shè)計的東西一直是空白，我會努力同我們市場部平面設(shè)計加強學習這方面的技術(shù)。
2. 對賣場裝飾工作缺少經(jīng)驗，只能做一些簡單的工作。
第八篇 網(wǎng)頁設(shè)計實訓報告1100字
一、實訓意義
網(wǎng)頁設(shè)計與制作綜合實訓是教學過程中重要的實踐性教學環(huán)節(jié)、它是根據(jù)專業(yè)教學計劃的要求、在教師的指導下對學生進行網(wǎng)頁制作專業(yè)技能的訓練，培養(yǎng)學生綜合運用理論知識分析和解決實際問題的能力，實現(xiàn)由理論知識向操作技能的培養(yǎng)過程、因此加強實踐教學環(huán)節(jié)，搞好實訓教學，對實現(xiàn)本專業(yè)的培養(yǎng)目標，提高學生的綜合素質(zhì)有著重要的作用。
二、實訓目的
1、通過綜合實訓進一步鞏固，深化和加強學生的理論知識于專業(yè)技能。
（1）掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu)，目錄結(jié)構(gòu)，鏈接結(jié)構(gòu)的方法。
（2）熟練掌握網(wǎng)頁制作軟件dreamweaver8和基本操作和使用技能。
（3）掌握頁面的整體控制和頭部內(nèi)容設(shè)置的方法。
（4）熟練掌握網(wǎng)頁頁面布局的各種方法。
（5）熟練掌握在網(wǎng)頁中輸入，設(shè)置標題和正文文字的方法。
（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ā)過程中所遇到的實際問題的能力及基本工作素質(zhì)。
4、培養(yǎng)學生理論聯(lián)系實際的工作作風，嚴肅認真的科學態(tài)度以及獨立工作的能力，樹立自信心。
三、實訓步驟
1、定義站點
2、設(shè)定網(wǎng)頁屬性和文本格式
3、從大到小把結(jié)構(gòu)設(shè)計好
4、輸入主要內(nèi)容并進行排版
5、檢查并保存
四、實訓心得
兩周的實訓轉(zhuǎn)瞬即逝，在這短暫的時間里，我們在老師的指導和幫助下，對于網(wǎng)頁設(shè)計與制作有了進一步的了解。
在這兩周內(nèi)，同學們每天都按時完成老師留下的作業(yè)，對于自己以前不理解的東西，通過老師的重新講解、指導和自己的練習，對其有了很好的了解；對于我們看不懂的一些內(nèi)容，通過與同學協(xié)商和聽老師的講解來理解并掌握它。在這兩周的實訓里，我發(fā)現(xiàn)了許多自己以前沒有注意到的問題，在flash制作方面，有很多是自己以前沒注意過的，通過老師的講解和同學的幫助，我了解到一些新的東西并對網(wǎng)頁設(shè)計與制作有了更深的興趣，如falsh制作與運用、網(wǎng)站的基本制作、超鏈接的設(shè)置等；我們對網(wǎng)頁設(shè)計與制作方面的知識有了一定的認識，為我們以后對網(wǎng)站的學習和運用有很大的幫助。
通過實訓，我們把網(wǎng)頁設(shè)計與制作中涉及到的理論和實踐更好的結(jié)合起來，我對網(wǎng)頁設(shè)計與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增強，使我們了解到無論做什么事都要有足夠的耐心，還要認真細心。在做題時要對自己做過得東西進行仔細的檢查，同時也使我了解到同學之間要相互協(xié)作、共同努力。
第九篇 網(wǎng)頁設(shè)計專業(yè)大學生社會實踐報告1000字
網(wǎng)頁設(shè)計專業(yè)大學生社會實踐報告
籌劃期：
一個成功的個人網(wǎng)站，先期的準備工作是很重要的，好的開始等于成功的一半。在這一階段有兩個主要的問題需要考慮站點的定位：主題的選擇對今后的發(fā)展方向有決定性的影響，考慮好做什么內(nèi)容就要努力做出特色。若前期沒有籌劃好，做到后來才到處改，會耗費大量的人力物力。還不如開始就確定好網(wǎng)站的方向。
建設(shè)期：
選好了方向，就要為目標而努力了。對一個成功的站長來說，熟練掌握網(wǎng)頁設(shè)計和圖形處理的技巧是必須的，但經(jīng)驗是在實戰(zhàn)中獲得的，初學者也不必因此而畏懼退縮，多多練習才會有提高。網(wǎng)站建設(shè)最重要的莫過于兩個問題：設(shè)計和內(nèi)容，素材的準備是日積月累的結(jié)果，在這里側(cè)重談一談設(shè)計。
1、設(shè)計的要求：
第一、導航清晰，布局合理，層次分明，頁面的鏈接層次不要太深，盡量讓用戶用最短的時間找到需要的資料;
第二、風格統(tǒng)一：保持統(tǒng)一的風格，有助于加深訪問者對你的網(wǎng)站的印象。要實現(xiàn)風格的統(tǒng)一，不一定要把每個欄目做得一模一樣，舉個例子來說，你可以嘗試讓導航條樣式統(tǒng)一，各個欄目采用不同的色彩搭配，在保持風格統(tǒng)一的同時為網(wǎng)站增加一些變化;
第三、色彩和諧、重點突出：在網(wǎng)頁設(shè)計中，根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構(gòu)成美觀的頁面;
第四、界面清爽：要吸引訪問者長時間的停留在你的網(wǎng)站，千萬不能讓用戶第一眼就感覺壓抑。大量的文字內(nèi)容要使用舒服的背景色，前景文字和背景之間要對比鮮明，這樣訪問者瀏覽時眼睛才不致疲勞。適當?shù)?留白可以讓界面更清爽;
第五、堅持原創(chuàng)：剛開始學做主頁時，適當模仿別人的優(yōu)秀設(shè)計是可取的，但模仿絕不等同于抄襲，一定要把握好其中的尺度。設(shè)計是這樣，內(nèi)容的選取也是如此，多一些原創(chuàng)的內(nèi)容，你的主頁才會帶有更多的個性色彩;
2、技術(shù)運用中要注意的一些事項：
第一、明確技術(shù)是為設(shè)計服務(wù)的，不要沉迷于技術(shù)的運用，堅決摒棄那些華而不實的特效;
第二、先為站點定義好統(tǒng)一的外部css，內(nèi)部頁面都調(diào)用這個css，這樣不但可以讓你的網(wǎng)頁在瀏覽器改變設(shè)置時不變形，還有助于保持整個站點的風格統(tǒng)一，并且方便修改;
第三、不要打開過多的新窗口，每個鏈接都會打開不同的新窗口尤其讓人反感;
第四、圖象的制作要兼顧大小和美觀，圖片和文字的混排、圖片的合理壓縮可以讓頁面美觀而且文件小巧。即使是個性十足的設(shè)計站點，浪費太多的時間在頁面下載上也會令人生厭;
至于后期的維護和網(wǎng)站的宣傳，那就要考慮到網(wǎng)站投入的費用了！
第十篇 2024年8月網(wǎng)頁設(shè)計專業(yè)大學生社會實踐報告1000字
籌劃期：
一個成功的個人網(wǎng)站，先期的準備工作是很重要的，好的開始等于成功的一半。在這一階段有兩個主要的問題需要考慮站點的定位：主題的選擇對今后的發(fā)展方向有決定性的影響，考慮好做什么內(nèi)容就要努力做出特色。若前期沒有籌劃好，做到后來才到處改，會耗費大量的人力物力。還不如開始就確定好網(wǎng)站的方向。
建設(shè)期：
選好了方向，就要為目標而努力了。對一個成功的站長來說，熟練掌握網(wǎng)頁設(shè)計和圖形處理的技巧是必須的，但經(jīng)驗是在實戰(zhàn)中獲得的，初學者也不必因此而畏懼退縮，多多練習才會有提高。網(wǎng)站建設(shè)最重要的莫過于兩個問題：設(shè)計和內(nèi)容，素材的準備是日積月累的結(jié)果，在這里側(cè)重談一談設(shè)計。
1、設(shè)計的要求：
第一、導航清晰，布局合理，層次分明，頁面的鏈接層次不要太深，盡量讓用戶用最短的時間找到需要的資料;
第二、風格統(tǒng)一：保持統(tǒng)一的風格，有助于加深訪問者對你的網(wǎng)站的印象。要實現(xiàn)風格的統(tǒng)一，不一定要把每個欄目做得一模一樣，舉個例子來說，你可以嘗試讓導航條樣式統(tǒng)一，各個欄目采用不同的色彩搭配，在保持風格統(tǒng)一的同時為網(wǎng)站增加一些變化;
第三、色彩和諧、重點突出：在網(wǎng)頁設(shè)計中，根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配來構(gòu)成美觀的頁面;
第四、界面清爽：要吸引訪問者長時間的停留在你的網(wǎng)站，千萬不能讓用戶第一眼就感覺壓抑。大量的文字內(nèi)容要使用舒服的背景色，前景文字和背景之間要對比鮮明，這樣訪問者瀏覽時眼睛才不致疲勞。適當?shù)牧舭卓梢宰尳缑娓逅?
第五、堅持原創(chuàng)：剛開始學做主頁時，適當模仿別人的優(yōu)秀設(shè)計是可取的，但模仿絕不等同于抄襲，一定要把握好其中的尺度。設(shè)計是這樣，內(nèi)容的選取也是如此，多一些原創(chuàng)的內(nèi)容，你的主頁才會帶有更多的個性色彩;
2、技術(shù)運用中要注意的一些事項：
第一、明確技術(shù)是為設(shè)計服務(wù)的，不要沉迷于技術(shù)的運用，堅決摒棄那些華而不實的特效;
第二、先為站點定義好統(tǒng)一的外部css，內(nèi)部頁面都調(diào)用這個css，這樣不但可以讓你的網(wǎng)頁在瀏覽器改變設(shè)置時不變形，還有助于保持整個站點的風格統(tǒng)一，并且方便修改;
第三、不要打開過多的新窗口，每個鏈接都會打開不同的新窗口尤其讓人反感;
第四、圖象的制作要兼顧大小和美觀，圖片和文字的混排、圖片的合理壓縮可以讓頁面美觀而且文件小巧。即使是個性十足的設(shè)計站點，浪費太多的時間在頁面下載上也會令人生厭;
至于后期的維護和網(wǎng)站的宣傳，那就要考慮到網(wǎng)站投入的費用了！
第十一篇 網(wǎng)頁設(shè)計實訓報告1000字1550字
實習目的：熟悉和掌握計算機網(wǎng)頁設(shè)計的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計算機進行商務(wù)網(wǎng)頁設(shè)計的基本思路和應(yīng)用開發(fā)能力，提高我們的計算機文化素質(zhì)。
網(wǎng)頁是世界上最有價值的不動產(chǎn)之一。人們在這個不足0.1平米的空間內(nèi)投資達數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對外的臉面。web站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他web站點的鏈接，繞過主頁而進入web的深層。
一.網(wǎng)站的整體規(guī)劃
1.討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計一個旅游網(wǎng)站。
2.定位網(wǎng)站ci形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設(shè)計上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。
2]其次就應(yīng)該考慮導航條的設(shè)置了。
3]正文的框架設(shè)置(橫向因素和縱向因素交錯)
在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4.網(wǎng)站的整體風格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。
二.網(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)頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后，做起東西來就得心應(yīng)手多了，知道引導頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計一個引導頁。
然后是主頁和二級頁面的設(shè)置。要注意，網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上，因為它們太大了，但可以用圖象軟件進行轉(zhuǎn)換，比如office97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應(yīng)的目錄里后.
在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠，但是回顧一下這周真的學到了很多的東西。
四.網(wǎng)頁的調(diào)試
之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
總結(jié)：在www上，不論你是資產(chǎn)上億的大公司，還是捉襟見肘的窮學生，只要你建立了自己的網(wǎng)頁，你們的地位就是平等的。經(jīng)過這周的相關(guān)學習，我了解到網(wǎng)頁設(shè)計與制作是一門龐大的工程。網(wǎng)站的反饋與評價網(wǎng)站要注意經(jīng)常維護更新內(nèi)容、保持內(nèi)容的新鮮，不要做好就放到服務(wù)器永遠不變了，只有不斷地補充、更新內(nèi)容、才能夠吸引瀏覽者.維護更新時可以充分利用dreamweaver提供的模板和庫技術(shù)，以提高工作效率.一個真正的網(wǎng)站，不僅應(yīng)該實現(xiàn)傳統(tǒng)媒體的電子化，給用戶提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁面瀏覽更高層次的需求，例如收集信息，數(shù)據(jù)傳遞，數(shù)據(jù)存儲以及系統(tǒng)維護等.自己還有許多要學習的地方。
第十二篇 網(wǎng)頁課程設(shè)計報告書2600字
網(wǎng)頁設(shè)計作為高校設(shè)計學專業(yè)的專業(yè)課程，在教學課程知識體系的不斷探索和完善中，形成了以藝術(shù)和技術(shù)分別主導的側(cè)重不同而又緊密關(guān)聯(lián)的兩種課程知識體系。隨著網(wǎng)頁設(shè)計理論與方法研究的不斷深入和發(fā)展，人們對網(wǎng)頁的產(chǎn)品設(shè)計的屬性認知越來越明確，對網(wǎng)頁設(shè)計的工作分工更細致也更專業(yè)，這種認知進步也應(yīng)該體現(xiàn)于當前的高校網(wǎng)頁設(shè)計課程的知識構(gòu)建體系中。
一、網(wǎng)頁設(shè)計課程知識體系的構(gòu)建變遷
1.從代碼知識到網(wǎng)頁制作工具知識的轉(zhuǎn)變
早期，高校網(wǎng)頁類課程的知識體系構(gòu)建得益于院校的科研優(yōu)勢，互聯(lián)網(wǎng)的發(fā)展直接促成了計算機專業(yè)的開設(shè)和網(wǎng)頁設(shè)計課程的設(shè)立。20世紀90年代末，網(wǎng)頁設(shè)計課程陸陸續(xù)續(xù)被列入部分高校設(shè)計類專業(yè)課程目錄。面向高校學生的網(wǎng)頁設(shè)計課程內(nèi)容是一種全新的事物，即使面向藝術(shù)類專業(yè)，也由計算機專業(yè)相關(guān)教師承擔教學任務(wù)。各高校、科研院所對網(wǎng)頁制作方法不斷探索，并將成果發(fā)布于各種學術(shù)研究出版物，教學方面則直接引用案例教學，教學內(nèi)容以html知識為主。由于面向?qū)ο蟮脑O(shè)計思想在軟件開發(fā)中普及，各種不需要用戶直接面對代碼的網(wǎng)頁制作工具相繼誕生，于是，這方面的知識成為課堂的新內(nèi)容，大大減輕了學生的記憶負擔。2.網(wǎng)頁制作向網(wǎng)頁美工的轉(zhuǎn)變網(wǎng)站制作的快速發(fā)展、網(wǎng)頁制作技術(shù)的傳播，使網(wǎng)站在技術(shù)層面進入了同質(zhì)化階段，市場需求開始轉(zhuǎn)向頁面視覺效果方面的提升。在網(wǎng)頁設(shè)計課程中，由于對網(wǎng)頁設(shè)計分工認知不足，早期的網(wǎng)頁設(shè)計課程時常將設(shè)計和制作的名稱與授課內(nèi)容混用，沒有嚴格區(qū)分，也沒有明確的網(wǎng)頁前端設(shè)計與視覺設(shè)計分工。高校網(wǎng)頁設(shè)計課程的授課內(nèi)容以網(wǎng)頁制作技術(shù)為主，以美化頁面效果為輔。此時，高校對于網(wǎng)頁設(shè)計課程的視覺設(shè)計方面的專業(yè)教學研究處于摸索階段。之后，隨著時代的發(fā)展，網(wǎng)頁設(shè)計課程教學核心開始轉(zhuǎn)變?yōu)橹谱骶哂懈岩曈X效果的網(wǎng)頁。3.網(wǎng)頁視覺設(shè)計與網(wǎng)頁前端設(shè)計的內(nèi)容分離側(cè)重于設(shè)計的網(wǎng)頁設(shè)計課程知識體系重構(gòu)從探索、發(fā)展到成熟，經(jīng)歷了較長的準備階段。隨著界面設(shè)計方法和流程理論體系的日益完善，分工協(xié)作機制日趨成熟，前端設(shè)計分離后，網(wǎng)頁設(shè)計課程的重心確定為符合網(wǎng)頁制作技術(shù)規(guī)范和條件的頁面創(chuàng)意表達、視覺效果設(shè)計與優(yōu)化。網(wǎng)頁視覺設(shè)計的探索從傳統(tǒng)的平面設(shè)計方法尋找切入點，通過對網(wǎng)頁設(shè)計中的審美需求和各種視覺構(gòu)成要素（如文字、圖片、顏色等）進行分析，結(jié)合人們在瀏覽信息時的視覺習慣，探索網(wǎng)頁視覺信息如何被更有效、更合理地表達。網(wǎng)頁設(shè)計教學重心內(nèi)容在轉(zhuǎn)移到視覺設(shè)計之后，該階段還未意識到網(wǎng)頁交互設(shè)計的核心地位。
二、用戶模式的網(wǎng)頁之設(shè)計認知構(gòu)建
網(wǎng)頁設(shè)計的本質(zhì)是用戶的體驗設(shè)計。網(wǎng)站作為互聯(lián)網(wǎng)非可觸形態(tài)的產(chǎn)品，對其認知的構(gòu)建包含產(chǎn)品屬性認知與服務(wù)屬性認知兩個層面的內(nèi)容。1.網(wǎng)頁設(shè)計是一種產(chǎn)品設(shè)計設(shè)計是一門交叉學科，網(wǎng)頁本身也是一種產(chǎn)品。網(wǎng)頁設(shè)計最初被視作平面領(lǐng)域的設(shè)計，而鏈接交互是網(wǎng)頁設(shè)計有別于平面設(shè)計的基本特征。網(wǎng)頁設(shè)計存在交互性，使其具有交互設(shè)計可用性與易用性體驗的內(nèi)在要求，適用于工業(yè)產(chǎn)品的基本設(shè)計流程。2.網(wǎng)頁設(shè)計是一種服務(wù)設(shè)計服務(wù)設(shè)計層面，各種網(wǎng)頁交互體驗、視聽信息、線上內(nèi)容服務(wù)與線下互動等，是網(wǎng)站向用戶提供服務(wù)的設(shè)計組成部分。作為一種廣義的產(chǎn)品形態(tài)，網(wǎng)頁設(shè)計與傳統(tǒng)的實物形態(tài)的工業(yè)產(chǎn)品設(shè)計有一定區(qū)別，更傾向于體驗的系統(tǒng)化設(shè)計。隨著互聯(lián)網(wǎng)向物聯(lián)網(wǎng)的可用技術(shù)研究與拓展，基于智能化網(wǎng)絡(luò)的服務(wù)設(shè)計將成為跨越線上線下的主流設(shè)計形態(tài)。3.網(wǎng)頁頁面信息設(shè)計是關(guān)系網(wǎng)頁設(shè)計品質(zhì)的深度設(shè)計網(wǎng)頁設(shè)計作為一種信息量龐大的互聯(lián)網(wǎng)單元，從工效學角度來看，網(wǎng)站信息本身也擔負著面對用戶、有效傳遞信息的功能和任務(wù)，在具體的設(shè)計活動中，表現(xiàn)為對信息的設(shè)計。信息設(shè)計具有多學科交叉性、空間多維性、時間流動性等基本特征，信息設(shè)計的目的是為了提高信息的可理解度和可閱讀性。優(yōu)質(zhì)的網(wǎng)頁信息設(shè)計可以降低用戶獲取信息的時間和精力成本，提升頁面信息獲取體驗。
三、基于用戶模型的網(wǎng)頁設(shè)計課程的知識體系構(gòu)建
網(wǎng)頁設(shè)計的本質(zhì)是對體驗的設(shè)計，即以用戶為核心思考設(shè)計方案，研究用戶在訪問網(wǎng)站時的需求是網(wǎng)頁課程設(shè)計任務(wù)的基本出發(fā)點。課程內(nèi)容模塊應(yīng)該以回答網(wǎng)頁設(shè)計是什么、怎么設(shè)計、為什么這樣設(shè)計三個問題為主線，構(gòu)建網(wǎng)頁設(shè)計課程的知識體系。1.課程的基本目標掌握網(wǎng)站項目與網(wǎng)頁制作的基本設(shè)計流程，培養(yǎng)設(shè)計項目管理和組織能力；掌握用戶需求研究分析的基本方法，對用戶體驗和需求研究有較為敏銳的洞察力；掌握網(wǎng)站交互原型相關(guān)的設(shè)計方法與工具；掌握網(wǎng)頁視覺設(shè)計方法和設(shè)計規(guī)范；了解目前網(wǎng)頁前端設(shè)計的相關(guān)技術(shù)和工具。2.知識體系與模塊組成（1）設(shè)計方法教學內(nèi)容模塊設(shè)計方法教學內(nèi)容模塊主要為了解決面對具體問題時設(shè)計師怎樣展開分析研究工作并確定設(shè)計執(zhí)行方案。網(wǎng)頁設(shè)計方法主要分為項目流程設(shè)計與管理、網(wǎng)站策劃方法與規(guī)范、用戶體驗研究、交互原型設(shè)計方法等，讓學生通過貫穿整個課堂教學的項目流程設(shè)計和每個流程的具體設(shè)計方法的實踐，掌握基本的設(shè)計理論。（2）軟件工具教學內(nèi)容模塊軟件工具教學內(nèi)容在形式方面包括課堂內(nèi)的指導和課堂外的自學兩個部分。鑒于設(shè)計軟件的頻繁更新和新的設(shè)計軟件不斷涌現(xiàn)，教師必須培養(yǎng)學生自學工具的主動意識以適應(yīng)社會需求。在工具種類方面，包括圖形處理工具、交互原型工具和代碼工具三類。第一類是圖形處理工具，其中常見的photoshop、illustrator等圖形設(shè)計軟件，已經(jīng)在前置課程中基本完成學習。第二類是交互原型制作工具，常見的工具有墨刀、a_ure等。第三類是代碼編輯工具，選擇較多，作為對網(wǎng)頁前端知識的入門介紹部分，在本課程中以介紹為主。（3）設(shè)計經(jīng)驗教學內(nèi)容模塊設(shè)計經(jīng)驗教學以啟發(fā)式案例實踐為主，按照網(wǎng)站項目設(shè)計的流程需要，設(shè)定不同層次、不同要求的設(shè)計實踐任務(wù)作為課程結(jié)課的考核內(nèi)容。學生通過案例的練習能從優(yōu)秀作品中學到設(shè)計經(jīng)驗，從具體的案例模仿中獲得設(shè)計的成就感。網(wǎng)頁設(shè)計課程案例教學同時也是對網(wǎng)頁設(shè)計方法的實踐驗證，有助于學生對網(wǎng)頁設(shè)計方法的理解和體會。結(jié)語任何一種技術(shù)變革，都可能讓網(wǎng)頁設(shè)計出現(xiàn)新的藝術(shù)形態(tài)，前端依然是課程必須了解的知識。目前，就設(shè)計藝術(shù)角度而言，網(wǎng)頁設(shè)計課程的內(nèi)容以交互和視覺設(shè)計為基礎(chǔ)，在信息設(shè)計層面也有較大的提升空間，設(shè)計途徑也已經(jīng)拓展到用戶的視覺、行為、聲音和邏輯等方面。網(wǎng)頁設(shè)計課程的知識體系構(gòu)建必須以產(chǎn)品的視角，讓學生更深刻、更完整地理解用戶模式下的網(wǎng)頁設(shè)計藝術(shù)。
