下面是范文網(wǎng)小編收集的網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告3篇 網(wǎng)頁設(shè)計(jì)實(shí)踐，歡迎參閱。
網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告1
網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問題了，對(duì)于一個(gè)企業(yè)來說，建設(shè)好自己的網(wǎng)站可以搶占新世紀(jì)發(fā)展的戰(zhàn)略要點(diǎn)。建立新的企業(yè)形象，直接開拓國際市場(chǎng)，開展24小時(shí)網(wǎng)上營銷及高效廉價(jià)的定向宣傳；與客戶建立最直接的交流機(jī)制，縮短推出新產(chǎn)品和打開新市場(chǎng)的周期，與富有吸引力的客戶群發(fā)展客戶關(guān)系網(wǎng)；與自己的銷售人員保持聯(lián)系，進(jìn)一步面向本地市場(chǎng)。
出色的網(wǎng)站吸引人的地方不僅僅在于其內(nèi)容，鮮明的結(jié)構(gòu)和獨(dú)特的風(fēng)格往往能起到畫龍點(diǎn)睛的作用。一個(gè)網(wǎng)站即使內(nèi)容再豐富，如果網(wǎng)站的結(jié)構(gòu)和風(fēng)格不能吸引人，那也是毫無價(jià)值的。往往整個(gè)網(wǎng)站的風(fēng)格是一個(gè)網(wǎng)站吸引瀏覽者的魅力所在，因此應(yīng)當(dāng)根據(jù)網(wǎng)站的主題、內(nèi)容和瀏覽者的要求來設(shè)計(jì)自己獨(dú)特的網(wǎng)站風(fēng)格。
整個(gè)網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開始設(shè)計(jì)之前就已經(jīng)經(jīng)過詳細(xì)的計(jì)劃的。其實(shí)任何網(wǎng)站都一樣：企業(yè)網(wǎng)站的宗旨就是對(duì)外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對(duì)其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個(gè)人網(wǎng)站的宗旨就是宣傳自己，提供一個(gè)自身和外界交流的場(chǎng)所；由此可見，網(wǎng)站的設(shè)計(jì)方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來確定的。
本站是一個(gè)用Dreamweaver、Flash、PHP、SQL server20xx設(shè)計(jì)編寫的美食網(wǎng)站，主要包括6個(gè)模塊：首頁，菜譜，廚房，食材，飲食健康，飲食資訊等。通過本網(wǎng)站系統(tǒng)能提供各種與美食相關(guān)的信息以及各種美食信息的交流。與其他企業(yè)網(wǎng)站一樣，也應(yīng)通過Internet來對(duì)外宣傳網(wǎng)站。
建立以Dreamweaver，F(xiàn)lash等技術(shù)編寫的前臺(tái)表現(xiàn)模塊，為用戶提供方便快捷的信息服務(wù)與交流。隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，互聯(lián)網(wǎng)的快速發(fā)展使越來越多的人選擇從互聯(lián)網(wǎng)上獲取信息，因此，互聯(lián)網(wǎng)逐漸成為一個(gè)寬廣的信息發(fā)布平臺(tái)和獲取信息的平臺(tái)。本網(wǎng)站系統(tǒng)就要有用戶注冊(cè)和新聞發(fā)布兩大動(dòng)態(tài)功能。通過以PHP編寫，以SQL 20xx作為后臺(tái)數(shù)據(jù)庫的網(wǎng)站后臺(tái)管理系統(tǒng)，制作了一個(gè)簡單的美食網(wǎng)站系統(tǒng)，實(shí)現(xiàn)了美食網(wǎng)站用戶登陸、注冊(cè)以及新聞發(fā)布等功能。
第一章 項(xiàng)目需求分析
1.1需求分析
互聯(lián)網(wǎng)豐富多彩，這些信息大多通過網(wǎng)頁與用戶進(jìn)行交互。網(wǎng)頁的實(shí)現(xiàn)形式多種多樣，無論是短小精悍的個(gè)人主頁，還是結(jié)構(gòu)清晰、豐富的大型網(wǎng)站，網(wǎng)站的需求分析和規(guī)劃設(shè)計(jì)都要放在第一步，因?yàn)樗苯雨P(guān)系到網(wǎng)站的功能是否完善，質(zhì)量是否能夠達(dá)到保證。
1.2實(shí)訓(xùn)目的
網(wǎng)站的建設(shè)不僅僅是制作主頁的問題，還需要考慮網(wǎng)站的定位、目標(biāo)用戶、網(wǎng)站內(nèi)容、服務(wù)事項(xiàng)、空間方案、安全性、藝術(shù)設(shè)計(jì)、數(shù)據(jù)庫技術(shù)等等。任何網(wǎng)站在建設(shè)之前就必須明確方向、用途和服務(wù)群體等一系列的問題，寫出詳盡的建站計(jì)劃，可以說這是網(wǎng)站建設(shè)的根源和核心所在。作為一個(gè)美食網(wǎng)站，我們的服務(wù)群體及訪問者都定位在愛好和熱愛美食的大眾，為為大家服務(wù)就是我們這個(gè)網(wǎng)站的目的和方向。從整個(gè)頁面上可以看出，我們的這個(gè)整個(gè)網(wǎng)站涉及所有熱愛美食的人。整個(gè)網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開始設(shè)計(jì)之前就已經(jīng)經(jīng)過詳細(xì)的計(jì)劃的。其實(shí)任何網(wǎng)站都一樣，企業(yè)網(wǎng)站的宗旨就是對(duì)外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對(duì)其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個(gè)人網(wǎng)站的宗旨就是宣傳自己，提供一個(gè)自身和外界交流的場(chǎng)所；由此可見，網(wǎng)站的設(shè)計(jì)方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來確定的。
通過綜合實(shí)訓(xùn)進(jìn)一步鞏固，深化和拓展學(xué)生的理論知識(shí)與專業(yè)技能。
訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力,充分培養(yǎng)和提高學(xué)生的動(dòng)手能力,學(xué)會(huì)通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖象資料、flash動(dòng)畫和網(wǎng)頁特效等。
培養(yǎng)學(xué)生運(yùn)用所學(xué)的理論知識(shí)和技能解決網(wǎng)站開發(fā)過程中所遇到的實(shí)際問題的能力及其基本工作素質(zhì)。
培養(yǎng)學(xué)生理論聯(lián)系實(shí)際的工作作風(fēng),嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨(dú)立工作的能力,樹立自信心。
網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告2
實(shí)習(xí)目的：熟悉和掌握計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計(jì)算機(jī)進(jìn)行商務(wù)網(wǎng)頁設(shè)計(jì)的 基本思路和應(yīng)用開發(fā)能力，提高我們的計(jì)算機(jī)文化素質(zhì)。
網(wǎng)頁是世界上最有價(jià)值的不動(dòng)產(chǎn)之一。人們?cè)谶@個(gè)不足0.1平米的空間內(nèi)投資達(dá)數(shù)百萬美元。網(wǎng)頁對(duì)公司的影響比簡單的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對(duì)外的臉面。WEB站點(diǎn)就像一棟房子，它的每一個(gè)窗口都可以看成一扇門，人們可以沿著搜索引擎其他WEB站點(diǎn)的鏈接，繞過主頁而進(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)頁設(shè)計(jì)上面，根據(jù)普羅旺斯夢(mèng)幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個(gè)網(wǎng)頁的長和寬，以及長度和寬度之間的比例。
2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3]正文的框架設(shè)置 (橫向因素和縱向因素交錯(cuò))
在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。
二.網(wǎng)頁制作的前期策劃與準(zhǔn)備
1.資料的搜集：由于個(gè)人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫等。
2.熟悉制作工具軟件：
主頁制作的基本條件有：
硬件：
一臺(tái)電腦(64mb以上內(nèi)存，當(dāng)然越大越好啦);可以撥號(hào)上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;
軟件：
html編輯軟件：常用的有frontpage、hotdog等，本文重點(diǎn)介紹 dreamweaver;
圖像處理軟件：常用的有photoshop、flash、fireworks 等;
文件上傳軟件：常用的有cuteftp、wsftp等。
三.網(wǎng)頁制作
真 的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開;插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的 flash不能產(chǎn)生效果?？傊畣栴}一籮筐。實(shí)踐出真知，原來自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借 了幾本網(wǎng)頁制作方面的書籍來參考。
在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來就得心應(yīng)手多了，知道引導(dǎo)頁能過加映像之后，我決定為我的網(wǎng)頁設(shè)計(jì)一個(gè)引導(dǎo)頁。
然后是主頁和二級(jí)頁面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如office 97的照片編輯器。把準(zhǔn)備在主頁上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.
在一步一步的邊學(xué)邊做的過程中，看著心中的東西一點(diǎn)一點(diǎn)的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。
四.網(wǎng)頁的調(diào)試
之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑改變的話也不會(huì)影響頁面的效果。
總 結(jié)：在www上,不論你是資產(chǎn)上億的大公司,還是捉襟見肘的窮學(xué)生,只要你建立了自己的網(wǎng)頁,你們的地位就是平等的。經(jīng)過這周的相關(guān)學(xué)習(xí)，我了解到網(wǎng)頁設(shè) 計(jì)與制作是一門龐大的工程。網(wǎng)站的反饋與評(píng)價(jià)網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容、保持內(nèi)容的新鮮,不要做好就放到服務(wù)器永遠(yuǎn)不變了,只有不斷地補(bǔ)充、更新內(nèi)容、 才能夠吸引瀏覽者.維護(hù)更新時(shí)可以充分利用dreamweaver提供的模板和庫技術(shù),以提高工作效率. 一個(gè)真正的網(wǎng)站,不僅應(yīng)該實(shí)現(xiàn)傳統(tǒng)媒體的電子化,給用戶提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁面瀏覽更高層次的需求,例如收集信息,數(shù)據(jù)傳 遞,數(shù)據(jù)存儲(chǔ)以及系統(tǒng)維護(hù)等.自己還有許多要學(xué)習(xí)的地方。
網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告3
時(shí)間過得很快，我即將畢業(yè)來到了社會(huì)這個(gè)匯集眾多江河湖水的大海，感受到了獨(dú)立生活的好處與艱辛，同時(shí)我自己也更深的理解了，家長和學(xué)校老師對(duì)我們的殷切希望，在社會(huì)實(shí)習(xí)的這段日子，我吃了些苦，受了些罪，可是整個(gè)人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了。
一、實(shí)習(xí)工作介紹
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達(dá)到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導(dǎo)入dreamweaver進(jìn)行排版，（排版主要使用css+div），并進(jìn)一步的加以制作，完善美化，如加入js代碼，或透明flash，因?yàn)榫W(wǎng)頁是用css+div進(jìn)行排版的，所以在最后一步的時(shí)候，我們還需要進(jìn)行瀏覽器測(cè)試，因?yàn)閏ss+div排版方式有一個(gè)最大的缺點(diǎn)就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因?yàn)楦鞣N瀏覽器使用的協(xié)議不同，所以會(huì)導(dǎo)致頁面在最終瀏覽的時(shí)候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個(gè)新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當(dāng)每天我們做完網(wǎng)頁后，都會(huì)在代碼頁面加入注釋代碼，在里面寫上每個(gè)人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計(jì)工作，公司領(lǐng)導(dǎo)會(huì)根據(jù)每個(gè)人的工作數(shù)量進(jìn)行獎(jiǎng)勵(lì)，每做一個(gè)頁面會(huì)有2塊的提成，雖然少點(diǎn)，但是積少成多，也是很可觀的。
二、初來公司的時(shí)候
（一）初級(jí)考試
初來公司的時(shí)候，我們經(jīng)過了初期考試，培訓(xùn)，與最終考試三個(gè)階段，在接到公司讓我面試的電話后，我來到了**公司，因?yàn)橐傻氖蔷W(wǎng)頁設(shè)計(jì)，所以要有一個(gè)小測(cè)驗(yàn)，技術(shù)總監(jiān)要求我們?cè)诰W(wǎng)上自找圖片和文字，做一個(gè)簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實(shí)話，從畢業(yè)后，有一段時(shí)間沒有寫代碼了，剛一上機(jī)，還有點(diǎn)生疏，但是憑借在學(xué)樣扎實(shí)的學(xué)習(xí)功底，我很快就恢復(fù)了自己的英雄本色，將html代碼寫的很熟練，做了一個(gè)左右分欄的頁面，沒什么太大難度，技術(shù)總監(jiān)看了以后，說不錯(cuò)，讓我三天后參加培訓(xùn)，合格扣就可以正式上班了。
（二）三天的培訓(xùn)工作
三天后，我來到了公司，一看，來參加培訓(xùn)的人有很多，大概在十多個(gè)人左右，其實(shí)所謂的培訓(xùn)，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時(shí)干的'活，做一些廣告網(wǎng)頁，這些網(wǎng)頁都是靜態(tài)的，沒什么難度。我后來發(fā)現(xiàn)，自己在這些人當(dāng)中，還是較較者，心里優(yōu)勢(shì)還挺好的。
（三）最后的考核
三天的培訓(xùn)后，我們迎來了最后的考核，合格的人會(huì)被留下，并得到一份為期一個(gè)月的實(shí)習(xí)合同，然后會(huì)在根據(jù)你在實(shí)習(xí)期的表現(xiàn)決定你的去留問題，最優(yōu)秀的人會(huì)轉(zhuǎn)正，得到很優(yōu)厚的待遇。
考核的內(nèi)容，就是在公司的商務(wù)網(wǎng)站上任選一個(gè)頁面，然后在規(guī)定的時(shí)間內(nèi)做完，我還不錯(cuò)，技術(shù)比較熟練，是第四個(gè)做完的。當(dāng)我們把網(wǎng)頁做完后由這家公司的經(jīng)理進(jìn)行審核，最后的結(jié)果是，最先做完的前8個(gè)人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個(gè)頁面5元錢，最后的幾個(gè)人就被淘汰了，制度雖有點(diǎn)不近人情，但是剛畢業(yè)的學(xué)生能忍也就忍了，就這樣，我們每個(gè)人得到了一份一個(gè)月的臨時(shí)合同，正式開始了實(shí)習(xí)工作。
三、正式工作
我們每天的上班時(shí)間是從早上8：30分到下午的17：00，這是我見過最有激情的一些人了，年紀(jì)輕輕，干勁十足，來了以后就工作，連平時(shí)聊天的內(nèi)容也和本行業(yè)分不開，我喜歡他（她）們，回為是實(shí)習(xí)期，所以每天做的數(shù)量沒有太大要求，但是每個(gè)人都玩命似的干活，抓緊時(shí)間做網(wǎng)頁，我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁，通過css+div排版，這樣在后期瀏覽器兼容測(cè)試中，就好做的很多了，文字與圖片之間就不會(huì)有太多的麻煩，我干的很不錯(cuò)，不過有些追求精致，我做網(wǎng)頁的速度慢了很多，最初每天只能做3——4個(gè)網(wǎng)頁，這對(duì)于我來說是不能接受的，后來我改變了工作方法，我第次工作的時(shí)候，先訂下計(jì)劃，比如今天做多少網(wǎng)頁，然后我將要做的所有網(wǎng)頁，先做好排版，這時(shí)的網(wǎng)頁雖然排過版，但是不美觀，因?yàn)闆]有進(jìn)行美化工作，然后我會(huì)在下午的時(shí)間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會(huì)更快，我相信自己。
網(wǎng)頁設(shè)計(jì)的實(shí)習(xí)報(bào)告3篇 網(wǎng)頁設(shè)計(jì)實(shí)踐相關(guān)文章：
★ 網(wǎng)頁設(shè)計(jì)師個(gè)人工作總結(jié)5篇 網(wǎng)頁設(shè)計(jì)師工作職責(zé)
★ 實(shí)用的網(wǎng)頁設(shè)計(jì)求職信3篇(個(gè)人求職網(wǎng)頁設(shè)計(jì))
★ 網(wǎng)頁設(shè)計(jì)師工作總結(jié)18篇 網(wǎng)頁設(shè)計(jì)師工作總結(jié)文章
★ 網(wǎng)頁設(shè)計(jì)師工作總結(jié)12篇(網(wǎng)頁設(shè)計(jì)師工作職責(zé))
★ 網(wǎng)頁設(shè)計(jì)開題報(bào)告10篇(網(wǎng)頁設(shè)計(jì)開題報(bào)告怎么寫)
★ 網(wǎng)頁設(shè)計(jì)師年度工作總結(jié)3篇 網(wǎng)頁設(shè)計(jì)個(gè)人總結(jié)
★ 網(wǎng)頁設(shè)計(jì)求職信7篇(個(gè)人求職網(wǎng)頁設(shè)計(jì))
★ 網(wǎng)頁設(shè)計(jì)求職信5篇 個(gè)人求職網(wǎng)頁設(shè)計(jì)
★ 網(wǎng)頁設(shè)計(jì)大賽策劃書12篇(網(wǎng)頁設(shè)計(jì)大賽策劃書范文)