- 相關推薦
網(wǎng)頁設計實訓報告萬能模板（精選13篇）
在日常生活和工作中，報告的用途越來越大，我們在寫報告的時候要注意涵蓋報告的基本要素。那么報告應該怎么寫才合適呢？下面是小編收集整理的網(wǎng)頁設計實訓報告萬能模板，僅供參考，希望能夠幫助到大家。
網(wǎng)頁設計實訓報告萬能模板 篇1
一、實習目的
�、賹W會制作新聞發(fā)布系統(tǒng)。
�、趯W會制作在線調(diào)查系統(tǒng)。
�、凼煜べ徫锞W(wǎng)站的主要功能和欄目。
�、軐W會購物網(wǎng)站數(shù)據(jù)庫表的創(chuàng)建和數(shù)據(jù)庫連接的創(chuàng)建。
�、輰W會購物系統(tǒng)前臺頁面制作和后臺管理制作。
二、實訓內(nèi)容
1.創(chuàng)建數(shù)據(jù)庫表
�、賳覯icrosoftAccess，執(zhí)行“文件”——“新建”命令，打開“新建文件”面板，在面板中單擊“空數(shù)據(jù)庫”。
②彈出“文件新建數(shù)據(jù)庫”對話框，在對話框中選擇數(shù)據(jù)庫保存的路徑，“文件名”文本框中輸入shop。
�、蹎螕簟皠�(chuàng)建”按鈕，在對話框中雙擊“使用設計器創(chuàng)建表”選項。
�、軓棾觥氨�1：表”對話框，在對話框中輸入“字段名稱”和字段所對應的“數(shù)據(jù)類型”，將shopID字段設置為主鍵。
�、輬�(zhí)行“文件”——“保存”命令，彈出“另存為”對話框，在對話框的“表名稱”文本框中輸入products。
�、迒螕簟按_定”按鈕，保存表。按以上步驟的方法，創(chuàng)建表fen和admin。
2.創(chuàng)建數(shù)據(jù)庫連接
新建一個網(wǎng)頁文件夾，打開IIS信息服務，創(chuàng)建IIS虛擬目錄，在文件夾安全性把來賓用戶的權限修改為完全控制，并導入數(shù)據(jù)庫。
3.制作購物網(wǎng)系統(tǒng)頁面
①用index.html創(chuàng)建zhanshi.asp商品分類展示頁，新建站點，導入shop.mdb數(shù)據(jù)庫文件建立數(shù)據(jù)庫連接。插入表格并插入圖片、文字，創(chuàng)建記錄集并在表格相應位置綁定數(shù)據(jù)。在服務器行為里為表格設置重復區(qū)域，創(chuàng)建記錄集RS2并在左邊的商品分類表格里綁定
數(shù)據(jù)，在服務器行為里為左側的表格添加重復區(qū)域和轉(zhuǎn)到詳細頁，制作記錄集導航條。
�、谟胕ndex.html創(chuàng)建xiangxi.asp商品詳細信息頁，首先創(chuàng)建記錄集并制作左側的商品分類表格，之后在中間區(qū)域插入表格，在表格中插入圖片、文字，創(chuàng)建記錄集RS2并將數(shù)據(jù)綁定在表格相應位置。
�、塾胕ndex.html創(chuàng)建denglu.asp商品詳細信息頁,創(chuàng)建記錄集并制作左側的商品分類表格，在中間區(qū)域插入表單，在表單里插入表格，在表格里插入文字、文本域、表單按鈕，并為表單設置檢查表單。創(chuàng)建記錄集RS2并在服務器行為里添加登錄用戶。
�、苡胕ndex.html創(chuàng)建fenlei.asp添加商品分類頁，插入表單，在表單里插入文字、文本域、表單按鈕，創(chuàng)建記錄集并在服務器行為里添加插入記錄和限制對頁的訪問。再用index.html創(chuàng)建fenleiok.asp,在其中插入表格輸入文字，并設置返回鏈接。
�、萦胕ndex.html創(chuàng)建tianjia.asp添加商品頁，創(chuàng)建記錄集，用插入記錄表單向?qū)?chuàng)建插入記錄表單，在服務器行為里添加限制對頁的訪問。再用index.html創(chuàng)建tianjiaok.asp,在其中插入表格輸入文字，并設置返回鏈接。
�、抻胕ndex.html創(chuàng)建guanli.asp商品管理頁，創(chuàng)建記錄集并制作左側的商品分類表格，在中間區(qū)域插入表格并插入文字，創(chuàng)建記錄集RS2并在表格相應位置綁定數(shù)據(jù)，為該表格設置服務器行為的重復區(qū)域，制作修改和刪除鏈接，制作記錄集導航條。
�、哂胻ianjia.asp創(chuàng)建xiugai.asp修改頁面，創(chuàng)建記錄集在對應的文本域中綁定數(shù)據(jù)，把服務器行為里的插入記錄刪除并添加更新記錄。在服務器行為里添加限制對頁的訪問。再用index.html創(chuàng)建xiugaiok.asp,在其中插入表格輸入文字，并設置返回鏈接。
�、嘤胕ndex.html創(chuàng)建shanchu.asp刪除頁面,插入表格并插入文字，建立記錄集，在表格相應位置綁定數(shù)據(jù)，插入表單和表單按鈕，創(chuàng)建服務器行為限制對頁的訪問和刪除記錄。再用index.html創(chuàng)建shanchuok.asp,在其中插入表格輸入文字，并設置返回鏈接。
三、疑難解惑
�、倬W(wǎng)頁不能正常打開，電腦用戶權限沒有修改，在文件夾安全性把來賓用戶的權限修改為完全控制。
②創(chuàng)建重復區(qū)域時，總顯示相同的內(nèi)容，仔細閱讀教材，發(fā)現(xiàn)創(chuàng)建重復區(qū)域時要選中表格，而不是文字內(nèi)容。
③登陸頁面不能登陸，把表格放入表單后，重新登錄，問題解決。
�、軇�(chuàng)建添加商品頁面時，無法顯示商品分類。在插入記錄表單時，應將feileiID"顯示為"下拉列表中選擇“菜單”，并在“菜單屬性”里的“域”列表中選擇fenlei。
�、菪薷捻撁纥c進去初始內(nèi)容都一樣，“唯一鍵列”下拉列表中應選擇shpID。
�、奚唐贩诸慄c進去每個種類都一樣，查找原因，發(fā)現(xiàn)記錄集中篩選是shpID，把記錄集中的篩選改為fenleiID解決。
四、實訓心得
經(jīng)過一周動態(tài)網(wǎng)頁的實訓，使我們對本學期的這門課進行了整體的'匯總。在這匯總期間，也算是對自己本學期的一個考核，此次實訓暴露出了許多我自身存在的問題，同時也對自身有了很大的提高。
在這次實訓中，我也有許多收獲。首先，我體會到了作為一個計算機專業(yè)的人，不會用DW的痛苦和尷尬。在制作的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨自制作動態(tài)網(wǎng)頁，難免會遇到過各種各樣的問題，同時在制作的過程中發(fā)現(xiàn)了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固。在此過程當中彌補了我許多知識上的缺陷，弄清的以前沒有搞懂的知識點。經(jīng)過多番的努力和辛酸，我成功地完成了這次過程艱辛的實訓，而且我從中體會到了一種叫做‘成功的喜悅’的感覺，那種小有成就的興奮是只有置身其中的人才能體會的。
在實訓過程中，我更體會到了基礎知識的重要性，也許我們正在迷惘，我們是否學到了東西，但事實說明零零散散的知識，在項目開發(fā)當中起到了非常關鍵的作用，我們不缺少時間和工具，我們只是缺少經(jīng)驗和動手能力，如果我們以后能更好的在各方面增長自己的經(jīng)驗，相信我們能在長長的就業(yè)隊伍中脫穎而出的!相信自己，相信未來。今后我將會更加努力的學習，不斷提高自身素質(zhì)，為我將來的就業(yè)打下良好的基礎。
網(wǎng)頁設計實訓報告萬能模板 篇2
畢業(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)秀的人會轉(zhuǎn)正，得到很優(yōu)厚的待遇。
考核的內(nèi)容，就是在公司的商務網(wǎng)站上任選一個頁面，然后在規(guī)定的時間內(nèi)做完，我還不錯，技術比較熟練，是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核，最后的結果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業(yè)的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。
我的實習是從大三剛開學，被一位老師推薦到一家室內(nèi)設計公司實習了！真慶幸自己平時能利用課余時間學到那些設計方面的知識，和大二暑假到那家設計公司實習�。∫皇沁@些，我想現(xiàn)在就由學校安排到廠工里當普工。但自己最大的收獲是將所學的adobe軟件用于實踐，并且通過實踐檢驗了自己關于設計方面的假設和猜想，取得了一些令自己滿意的成績。
三、正式工作
我們每天的上班時間是從早上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è)余的生活
每天的工作都是是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個小時。
五、工作心得體會
明年就要開始找工作了，這次實習，更讓我懂得了珍惜現(xiàn)在的生活，校園生活真的非常完美，非常令人羨慕！職場的競爭很大，“逆水行舟，不進則退”，必須時刻提醒自己，督促自己！同時也看到了許多，知道做人比做事更加重要，沒有人天生就會，沒有人天生就懂，只有不斷地努力才能成功，在這里不是每個人都有認為你是什么的，有的人就覺得你什么也不是。你只有付出好好學，做給她們看。證明自己不是虛的，證明自己有實力，名副其實！
實習期結束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業(yè)技能學習才行。所以，尊敬的老師，我會在業(yè)余時間好好學習，加強自己的專業(yè)能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學校交出一份滿意的答卷。
網(wǎng)頁設計實訓報告萬能模板 篇3
一、實習目的
熟悉和掌握計算機網(wǎng)頁設計的基本技巧及網(wǎng)頁制作相關工具軟件等內(nèi)容。培養(yǎng)我們利用計算機進行商務網(wǎng)頁設計的基本思路和應用開發(fā)能力，提高我們的計算機文化素質(zhì)。網(wǎng)頁是世界上最有價值的不動產(chǎn)之一。人們在這個不足0.1平米的空間內(nèi)投資達數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務增收方法大得多；網(wǎng)頁也是公司對外的臉面。WEB站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他WEB站點的鏈接，繞過主頁而進入WEB的深層。
二、實習時間
20xx年xx月xx日——20xx年xx月xx日。
三、實習地點
xx。
四、實習內(nèi)容
�。ㄒ唬┚W(wǎng)站的整體規(guī)劃
1、討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個旅游網(wǎng)站。
2、定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設計上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3、確定欄目和板塊：首先要考慮整個網(wǎng)頁的'長和寬，以及長度和寬度之間的比例。其次就應該考慮導航條的設置了。正文的框架設置（橫向因素和縱向因素交錯），在瀏覽了很多精美的旅游網(wǎng)站之后，再結合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4、網(wǎng)站的整體風格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務必使瀏覽者留下映像。
（二）網(wǎng)頁制作的前期策劃與準備
1、資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標和一些GIF的動畫等。
2、熟悉制作工具軟件：
3、主頁制作的基本條件有：
4、硬件：
�。ㄈ┚W(wǎng)頁制作
真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開；插入的層太多，大一點的就把小一點的給覆蓋掉了；插入的FLASH不能產(chǎn)生效果�？傊畣栴}一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網(wǎng)頁設計一個引導頁。
然后是主頁和二級頁面的設置。要注意，網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上，因為它們太大了，但可以用圖象軟件進行轉(zhuǎn)換，比如xx的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.
在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。
�。ㄋ模┚W(wǎng)頁的調(diào)試
之前把作過的東西放到U盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
五、實習收獲
實習期結束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業(yè)技能學習才行。所以，尊敬的老師，我會在業(yè)余時間好好學習，加強自己的專業(yè)能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學校交出一份滿意的答卷。
網(wǎng)頁設計實訓報告萬能模板 篇4
一、實習目的
通過網(wǎng)頁設計理論聯(lián)系實際操作，鞏固所學的知識，提高處理實際問題的能力。充分學習網(wǎng)頁設計實踐中的操作理論，提高自己網(wǎng)頁設計水平，并為能順利與社會環(huán)境接軌做準備。
二、實習任務
學習網(wǎng)頁設計實際問題處理方法及常規(guī)網(wǎng)頁設計內(nèi)容（網(wǎng)頁設計切片、數(shù)據(jù)庫的搭建、新聞管理、留言管理、網(wǎng)頁設計在線編輯器等），網(wǎng)頁設計后臺管理方面的知識應用，及利用所學知識管理和編輯網(wǎng)站，并從實際出發(fā)，簡單了解關于網(wǎng)站安全性問題的實際解決措施（md5密碼加密等網(wǎng)頁設計知識）。
三、實習時間
20xx年xx月xx日——20xx年xx月xx日。
四、實習地點
xx。
五、實習內(nèi)容
按照老師的安排，我制定了相應的實習計劃，并記錄了相關的實訓內(nèi)容，以備后鑒，且完成實訓作業(yè)及實習心得。注重在實習階段對所學知識的.鞏固和提高，以達到根據(jù)理論知識，指導日后工作實踐的目的。其主要網(wǎng)頁設計實習具體內(nèi)容情況報告如下：
1、收集網(wǎng)站所需信息。
2、運用PHOTOSHOP處理的網(wǎng)頁設計所需圖片。處理圖片要保持圖片不失真，并按照網(wǎng)頁設計需求設計所需的效果。
3、對所完成的網(wǎng)頁頁面進行合理的切片處理，并按照網(wǎng)頁設計效果完成網(wǎng)站整體框架的構建。
4、搭建網(wǎng)站所需數(shù)據(jù)庫。
5、網(wǎng)站的虛擬建設和初步完善。
六、實習體會
大學生活讓我對計算機理論知識有了一定的了解，但實際操作領域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經(jīng)過網(wǎng)頁實訓課的實習，讓我對自己有了新的認識，并明確了網(wǎng)頁設計方面的前進方向。
1、繼續(xù)學習，不斷提升理論素養(yǎng)。在信息時代，學習是不斷地汲取新信息，獲得事業(yè)進步的動力。現(xiàn)在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習后讓我明白，為了能更好的適應工作，不得不利用自己空閑時間去彌補學習中的不足。實訓內(nèi)容是與自己所學專業(yè)有密切聯(lián)系的，所以自己在這方面格外側重，希望能夠加強自己的專業(yè)知識。
2、加強信心，堅持下去。上學的時候大家都說“能珍惜現(xiàn)在的日子就好好珍惜！”等工作了才真正的領悟這句話的涵義。經(jīng)歷這次實習后，就希望能把實習所學習的知識，也能運用到課堂上。對自己多一點信心，多給自己點贊賞，多給自己鼓鼓勁，相信自己總會走出一條寬敞大道。
實習，是開端也是結束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今后的工作和生活中，自己需要更加努力的奮斗下去。
實習的同時也讓我了解到了自己的不足，我會繼續(xù)努力，完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。
最后談談我個人對自身的職業(yè)之路規(guī)劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今后我會結合學習生活進一步修正。首先是個人學習，通過實習我認識到利用課堂外的時間也是關鍵，下一步打算結合自己的興趣，利用課余時間自我培訓；其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了；最后，打算結合個人的興趣、價值觀、能力、職業(yè)發(fā)展傾向做個詳細的職業(yè)發(fā)展規(guī)劃。
總體來說，這次網(wǎng)頁設計畢業(yè)實習，讓我受益匪淺，以上是我的實習心得與體會，不足之處望得到指正。
網(wǎng)頁設計實訓報告萬能模板 篇5
一、實習目的
(一)檢驗自己是不是真的適合這個職業(yè)
鑒于自己對未來的職業(yè)生涯的規(guī)劃更傾向于設計，這和自己所學的專業(yè)不是十分有聯(lián)系，所以我希望在實習的過程里思考自己未來是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。
(二)在實踐中查漏補缺
在學校學習的網(wǎng)站建設知識僅僅停留在平時的作業(yè)里，并沒有得到充分的運用。希望可以藉由這次實習，好好鞏固書面知識。在實際運用中通過發(fā)現(xiàn)問題，解決問題對知識進行查漏補缺。
(三)在工作中打磨自己
由于學校和社會是截然不同的生活、學習、工作氛圍，在工作中我們不可以像在學校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實習里，和同事上司的相處中獲得這方面的成長。
二、實習內(nèi)容
(一)實習主要內(nèi)容
廣州xxxx有限公司是一個研發(fā)和銷售智能寄存柜的公司。它的產(chǎn)品在展示和銷售這兩個環(huán)節(jié)很需宣傳冊、企業(yè)網(wǎng)站等作為一個推廣媒介。我實習的主要內(nèi)容就是配合網(wǎng)絡部去完成網(wǎng)站建設的工作，涉及前臺的外觀設計和后臺的代碼編寫，以及宣傳冊的設計。
1、負責設計公司整個企業(yè)網(wǎng)站的頁面部分,根據(jù)網(wǎng)頁設計師或客戶所提供的主題要求和思路框架來設計出整個網(wǎng)站。
1）使用Photoshop、AI等圖片處理軟件設計、處理和制作網(wǎng)站上需要的圖片
2）使用DIV+CSS樣式及基礎的HTML語言做頁面布局的排版
3）使用Photoshop對網(wǎng)頁進行配色及排版設計
4）編寫CSS代碼使網(wǎng)站頁面無論是在IE瀏覽器里還是在FF瀏覽器上正常顯示
2、負責網(wǎng)站的幾個主體模塊的文案撰寫和后臺編輯
1）在已有的文案上配合網(wǎng)站架構進行提煉和歸納整理
2）使用Photoshop對文案進行概念配圖
3）在后臺將文案部分合理配色排版
4）按照網(wǎng)站架構在后臺錄入所有產(chǎn)品資料
(二)工作過程
在公司的2個多月里，我的工作都是由負責整個網(wǎng)站文案架構的曹經(jīng)理分配
監(jiān)督的。確認實習機會前的面試的時候也是由他負責的。面試的時候他并沒有過多的考察我在網(wǎng)站制作上的技術問題。更多的從我對網(wǎng)站設計方面的配色排版的現(xiàn)有審美以及做事的認真細致程度去考察的。從一開始我就以踏實認真的態(tài)度對待每一項他交付給我的任務。下面我挑選一些讓我收獲很多，學習很多，影響我很多，讓我回想起來都是歷歷在目的事情重點說一下。
1、經(jīng)理讓我按照網(wǎng)頁設計師提供的jpg稿變成div和css。
1）這個任務簡單來說就是架構網(wǎng)頁框架和完善里面的文本主體。里面涉及很多文本，我覺得既然有具體的設計稿就一定保存有文案，所以咨詢了經(jīng)理是否有必要花這部分時間去打文本。經(jīng)理的回復是很有必要。他的意見是，讓我重新輸入文本可以幫助檢查錯誤，同時可以讓我更熟悉公司的產(chǎn)品和網(wǎng)站的主要內(nèi)容，對我后面的工作有幫助。頓時知道，一個實習生想到的東四是多么的膚淺，對經(jīng)理工作上的態(tài)度更是肅然起敬。
2）因為經(jīng)理沒想要讓實習生負責過于復雜的事情，在這部分工作中設計的div和css的內(nèi)容并沒有很復雜，需要的就是要注重細節(jié)。但實際上自己做事遠沒有自已一開始想象的那么能夠靜下心地考慮大局。只要想到一個覺得挺好的排版我就一下子全部套用了，以至于最后通過多次檢查，發(fā)現(xiàn)這個排版有瑕疵的時候又要重頭再來。這些經(jīng)歷都讓我體會到比起表面的工作速度，有前面深思熟慮的慢節(jié)奏才能造就最終的高效率。所以一開始在用css排版的時候其實應該多做幾個版本仔細做對比，看清楚哪個更合適才確定的。
2、經(jīng)理讓我設計幾個欄目對應的banner圖片
1）由于自己并沒有專門學過banner規(guī)范和設計方面的專業(yè)知識，有的只是審美方面的一些小體會。接手這個工作需要花大量的時間去學習和參考。一開始略略覺得壓力大，但是覺得經(jīng)理讓我去做，就是相信我的能力。所以我也沒有慌，按照自己的節(jié)奏和需要邊學邊做。
從整體了解主題：自己找了多個類似的企業(yè)網(wǎng)站作參考，通過總結企業(yè)網(wǎng)站中，幾個主要的欄目在網(wǎng)站上具體意義，體會這對應的幾個欄目banner的設計意義。
思考配色與構圖：對整個內(nèi)容有了一了解后，便要思考作品的色彩和具體的構圖，先用筆畫出草圖，有時候也會直接在腦海里構思。除了從公司的角度，圍繞要傳達的東西去設計，我也充分意識到要轉(zhuǎn)換身份從用戶的角度出發(fā)，怎樣才可以更吸引人。總體來說就是除了審美上的`設計，也考慮很多目的性。
查找素材：素材這個問題我總結了一種思路，電腦里下載一些專業(yè)的“科技信息”圖庫。另外配合專業(yè)在線圖庫網(wǎng)站(通常是國外站點)+Google，百度圖片等搜索引擎進行即使的素材查找。再加上自己平時積累的素材，選擇是非常大的。最后就是不斷地觀察對比最終效果，看哪幾張banner圖片更適合整體網(wǎng)站。
2）最終banner圖片并沒有全都采用我設計的，有一些還是因為不夠大氣被撤下來了。一開始我還挺灰心，覺得自己的付出沒有得到認可。但是我知道當初經(jīng)理就是感覺可以給我試一下，才給我這個機會去讓我發(fā)揮一下的，所以我好好學習了別人的圖片，看自己的和別人的差別在哪里，不浪費這次嘗試性地努力。
3、經(jīng)理讓我參考舊網(wǎng)站單獨做一個公司簡介的頁面
1）我知道經(jīng)理的意思是重新排版成符合網(wǎng)站的配色。這樣對我來說其實很簡單。但是我從舊網(wǎng)站了解到公司簡介那篇文案比較累贅，如果想要瀏覽網(wǎng)站的用戶肯停留在這個頁面多幾秒，或者因為這個公司簡介的頁面而更信任這個公司的產(chǎn)品，更有沖動訂個公司的寄存柜就要在文案的內(nèi)容上下功夫，就要在表現(xiàn)上更生動，讓人看著不會覺得文字流水賬，很煩躁。
于是在經(jīng)理沒有給我嚴格期限的時候，我選擇了按照自己的思路去修改文案，把多余的文字刪掉，根據(jù)公司的優(yōu)勢修改出精簡的幾點，變得更有條理更有重點。
這只是對文案的初步處理，接著根據(jù)幾個要點用Photoshop處理幾張概念配圖出來，將公司寄存柜的技術水平之領先，應用領域之眾多，銷售范圍之巨大等等用更生動形象的方式表現(xiàn)。從設想到思考中間的問題到最后的完成，花的時間雖然多，但是最終的效果得到了經(jīng)理的肯定，對網(wǎng)站的宣傳作用起到了很好的幫助，這都是值得的。
三、實習體會
做了2個月的網(wǎng)頁設計和編輯的實習生，終于體會到網(wǎng)頁設計并非只是圖文混排的那點事。當你真正的去努力的創(chuàng)造了之后，經(jīng)常被別人一眼就否定了。這才真正明白一個好的網(wǎng)頁不只是效果華麗還要多從用戶的角度去考慮問題。通過實習，我不僅將自己在學校學過的東西通過實踐進步一鞏固，也通過向公司的人請教學到很多工作上的技巧，更通過實習體會到很多沒有人會教授給你的東西。工作是人生活的重要部分，是我們畢業(yè)生必須面對的。就算是遇到困難，我也會用平常的心態(tài)實際看待問題，不說“不可能”，而是冷靜下來思考如何處理并付諸于實踐。
在實習的日子，我學習到了很多如果沒有這次經(jīng)歷，就不會有的細膩體會。
(一)深刻感受到什么是真正的細心
其實在高中甚至到大學，老師都總是強調(diào)“細心”,對于細心什么的我以前自我感覺還挺不錯的。但是當老師在斤斤計較一個標點符號或者花時間可以渲染“細心”的重要性的時候我就覺得好小題大做那時的我覺得“細心”是你可以刻意去營造的狀態(tài)。包括經(jīng)理對我強調(diào)細致的時候我也是這樣想的。我覺得只要想到考試的時候或者處理工作的事情的時候去跟自己說細心點就好了。但是在這個實習的過程里，因為無意和粗心犯下的錯誤，才讓我明白老師反復說的話到底意義在哪里。往往一些不好的后果或者沒有必要的錯誤，正正是在你認為不用細心和沒有想過要去細心的行為后出現(xiàn)的。這才是我們?yōu)槭裁匆B(yǎng)成這個習慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養(yǎng)成習慣，以細心認真的態(tài)度對待。
(二)主動思考的重要性
從學校走向社會，首要面臨的問題便是角色轉(zhuǎn)換的問題。從一個學生轉(zhuǎn)化為一個單位人，一個單位人工作要考慮的問題就是如何發(fā)揮自己最大的價值為單位創(chuàng)造效益。做事要主動一點，這不是指一直主動問上司有什么事做，而是在別人交付你任務的時候自己主動想一下怎么做才更好，而不是把自己當一個機器人一樣。就像做公司簡介頁面的時候，我把自己做得效果給經(jīng)理看的時候，經(jīng)理說“你真的很用心，很負責”，“你做的公司簡介那個頁面，讓我感觸很深”。
網(wǎng)頁設計實訓報告萬能模板 篇6
一、實習目的：
通過社會實踐，可以把我們在學校所學的理論知識，運用到客觀實際中去，使自己所有用武之地。以便能夠達到拓展自身的知識面，擴大與社會的接觸面。
1、了解平面設計在焦作的市場現(xiàn)狀及前景。
2、進一步掌握ps,coreldraw,等設計軟件的運用。
3、嘗試把學校里學習的平面設計相關理論運用到實習過程中。
4、初探做好平面設計師的方法，熟悉平面設計的方法和程序步驟。
5、培養(yǎng)人際交往與社交能力，為成為平面設計師作準備。
二、實習時間：
20xx年1月1日——4月30日
三、實習地點：
xxx金融偉德服務有限公司
四、實習內(nèi)容：
平面設計
五、實習總結：
即將面臨大學畢業(yè)，因為偉德視覺傳達專業(yè)，想豐富一下自己的知識，所以我找到了一家互聯(lián)網(wǎng)金融公司做UI平面設計，雖然和我所學的專業(yè)有些差異，但它對于我來說是受益匪淺，我所在的公司xxx金融偉德服務有限公司，主要是網(wǎng)頁設計為主，也與繪畫有所偉德，既然選擇這個公司，我就要好好去學，使自己的基礎更牢固，技術更全面，在大學里學的知識卻不知道如何運用，想偉德多個偉德，因此我非常珍惜這次實習的機會，在有限的時間里加深對繪畫對設計的了解，找出自身的不足。實習的內(nèi)容是學習網(wǎng)頁設計(Ps，ai，arp等軟件的使用)。
在實習過程中，我深深地感受到作為設計師通常缺乏足夠的對市場的了解和對管理層領導上的溝通，做出的設計作品經(jīng)常會與市場經(jīng)濟脫節(jié)；而作為管理者通常缺乏設計基礎和審美能力，往往為了追求市場效益，過多地拘束設計師的思維與創(chuàng)新，忽略了設計要素的重要性，造成了設計的庸俗化。
來到公司，第一天進公司，與經(jīng)理進行了簡單面談后，部門總監(jiān)把我分配給偉德經(jīng)理，偉德經(jīng)理是我的直接領導，所有工作由偉德經(jīng)理分布。第一天來到公司要趕做兩個網(wǎng)頁banner，接到文案后就在網(wǎng)絡上搜集大量banner素材，找了幾個適合這次文案的banner然后用Photoshop簡單的修改圖片，第一天沒有做好，幸好領導說第二天晚上再交給他，于是我就乖乖的回家找圖片。說實話我以前在學校的時候也這樣做過，不過效果沒有這么好，因為以前一遇到難的或不懂的就停下來不做了，而現(xiàn)在在公司，有壓力，有不懂的就問，這使我受益匪淺。
后來，公司要更改域名讓我參與進行的VI設計項目，讓我們鍛煉一下自己。公司給了我們一個設計logo的任務。一開始我們設計出的作品并不能符合主觀的要求，未能做出很好的方案。市場部總監(jiān)看過我的方案后，要我進一步去了解公司的性質(zhì)和作用，要做出更加符合機構精神的logo。經(jīng)過兩天的摸索，我逐漸懂得了一些做logo的`技巧和該注意的問題，要偉德實際，要大氣。同時也意識到了由于在學校實際鍛煉的機會比較少，在軟件操作上不夠純熟。而且對于公司的要求理解不夠透徹。
很幸運，一進公司便能參與的APP軟件設計項目之中，正好鍛煉一下自己。由于經(jīng)驗不足，剛開始找不到頭緒，不知道該做些什么。在開始的時候，主要還是負責一些比較瑣碎的任務。還沒有真正地參與到比較完整的偉德設計之中。經(jīng)過兩天的磨合，自己有哪些缺點和不足，便知道了一些。在校的時候由于實際鍛煉的機會比較少，所以現(xiàn)在什么都做不好，在軟件操作上還是不夠熟練。而且對于客戶的要求并不能立即做出反應。
我在工作的鍛煉中學到了許多課本上無法學到的經(jīng)驗，因為在學校中我們的創(chuàng)意和設計都只局限于作業(yè)之中，但如果在公司里，我們的創(chuàng)意還必須得到客戶和主管的認同，這是嚴格許多的。我們必須盡量發(fā)揮自己的創(chuàng)意，同時也要兼顧客戶的要求和市場的效益。要多與客戶溝通，多向主管詢問意見，多向身邊同事請教。
通過這次實習，在設計方面我感覺自己有了一定的收獲，開始了解掌握了photoshop的小技巧，知道了怎么去制作圓角矩形方塊、高解析制作、保留選取范圍大小、快速隱藏圖層等。這次實習主要是為了我們今后在工作及業(yè)務上能力的提高起到了促進的作用，增強了我們今后的競爭力，為我們能在以后立足增添了一塊基石。實習單位的老師也給了我很多機會參與他們的設計是我懂得了很多以前難以解決的問題，將來偉德設計工作所要面對的問題，如與it工程師的配合，以及對市場部的偉德溝通。
這次實習對我來說受益匪淺，讓我學會從客觀的角度來審視自己的作品，在審美方面更加成熟。而在公司，與同事相處，讓我學會如何別人打交道。與領導交流，讓我學會設計師應有的職業(yè)道德。這些經(jīng)驗都讓我得到了成長，讓我在以后的工作中更加成熟、更加順利。這次實習豐富了我在這方面的知識，使我向更深的層次邁進，對我在今后的社會當中立足有一定的促進作用，但我也認識到，要想做好這方面的工作單靠這這幾天的實習是不行的，還需要我在平時的學習和工作中一點一點的積累，不斷豐富自己的經(jīng)驗才行。我面前的路還是很漫長的，需要不斷的努力和奮斗才能真正地走好。
網(wǎng)頁設計實訓報告萬能模板 篇7
1、 預期目標
(1) 通過本次實訓要完成仙劍奇?zhèn)b傳的網(wǎng)頁制作，包括二級頁面和三級頁面，還要應用一些網(wǎng)頁制作的基本技巧。
(2) 掌握布局技術，模版應用，CSS樣式，超級鏈接，并運用fireworks做簡單的圖形編輯。
(3) 通過連續(xù)時間的實際操作，鞏固對網(wǎng)站的創(chuàng)建、網(wǎng)頁的策劃、設計與制作的理解，加深理解網(wǎng)站、網(wǎng)頁、制作的過程，理解團隊互助共同完成項目的協(xié)作精神。
2.關鍵技術及解決途徑：
一、關鍵技術：
(1)有完整的策劃報告(電子版)，實際內(nèi)容有改動不受影響;
(2)有標題的網(wǎng)站以及有對應自己創(chuàng)意設計制作的Logo圖象、廣告條等圖象;
(3)至少有首頁、二級頁面、三級頁面的層結構;
(4)有框架、有表單;
(5)有自己創(chuàng)作輸入的文字內(nèi)容并經(jīng)過排列整理;
(6)Dreamweaver模板技術;
(7)至少采用了樣式表技術;
(8)采用鼠標事件等行為設置之一;
(9)不允許出現(xiàn)超級鏈接錯誤!
(10)有版權聲明、網(wǎng)站更新日期、創(chuàng)意制作人員。
二、解決途徑
根據(jù)課堂所學，充分利用相關技術要點，對于不懂的地方問實訓老師。制作完成后，反復檢查，保證鏈接的正確性。
3.方案設計與實施步驟：
一、方案設計
二、實施步驟(可以包括網(wǎng)站內(nèi)容)
(1)確定網(wǎng)站內(nèi)容為仙劍奇?zhèn)b傳4,并制定詳細的策劃報告
(2)查找相關資料，制作banner，logo，和相關動畫圖片
(3)小組分工合作，我負責首頁制作，人物介紹，友情鏈接，留言板相關內(nèi)容。
(4)采用布局技術設計首頁，然后插入logo，banner美化首頁
(5)應用模版技術制作人物介紹，介紹仙劍4中的重要出場人物，并配上相關圖片和文字，制作了網(wǎng)站相冊，使用了錨記。
(6)友情連接應用了框架，鏈接到百度，官網(wǎng)等相關網(wǎng)站，并用fireworks制作了相關的logo和banner。
(7)采用表單技術制作留言板。
(8)最后創(chuàng)建CSS樣式，并運用到各個連接上。
(9)個相關頁面之間進行必要的超級鏈接，友情鏈接與相關網(wǎng)站上鏈接。
(10)最后和另一小組成員進行作品匯總，完成相關站點的鏈接
(11)檢查鏈接，清除多余文件和圖片
4.自我評價
這次實訓充分利用了課堂所學，掌握了許多關鍵技術，例如模版技術，CSS樣式，使得制作過程方便了很多。
在完成基本要求得基礎上，文件夾、文件命名規(guī)范;文件存放位置合理;
制作完成之后進行過現(xiàn)場清理：沒有無用的文件、文件夾，沒有斷鏈(外部鏈接不算);工作量飽滿：內(nèi)容較豐富、自己設計制作的素材應用多;色系、布局合理美觀、考慮用戶訪問方便;采用各種特效、并且運用合理。
不過也有些不足，比如一開始沒有把兩個人制作的文件夾分開，導致后面匯總時比較麻煩。
不過總的來說，對這次的作品相當滿意，不僅選擇了我們自己喜歡的`內(nèi)容，而且在我們的水平上把它做的很精美。在這個過程中我們意識到了自己在相關技術上的不足，通過學習，知道了如何改進我們的缺點，相信在以后的應用中，我們會做的更加完美!
網(wǎng)頁設計實訓報告萬能模板 篇8
實驗項目：VBScript基礎：內(nèi)部函數(shù)
實驗時間：20xx年3月23日
一、實驗基礎知識：
1、什么是VBscript內(nèi)部函數(shù)？VBscript內(nèi)部函數(shù)是VB系統(tǒng)定義的函數(shù)，這些函數(shù)具有一定的功能，編程者都可以直接調(diào)用這些內(nèi)部函數(shù)。
二、實驗內(nèi)容：
1、將IIS的網(wǎng)頁發(fā)布主目錄設在D盤，名為。利用DW新建一個動態(tài)站點，站點的本地信息和測試服務器設置如下：
略
2、新建一個名為index1.asp的文件，利用日期函數(shù)顯示當前系統(tǒng)的時間,在頁面中顯示如下：“歡迎訪問本網(wǎng)站，現(xiàn)在時間是20xx-9-1011:35:19”(注：時間必須是用戶訪問頁面時候的`實際時間)訪問本網(wǎng)站，現(xiàn)在的時間是：
3、新建一個名為index2.asp的文件
1)、用字符串函數(shù)求字符串“我校20xx級新生開學典禮暨軍訓動員大會在我校風雨籃球場順利召開”的長度并輸出，
2)、利用字符串截取函數(shù)截取該字符串的前10個字符，并輸出
3)、并利用replace函數(shù)將字符串中的”我�！庇谩肮鹆致脤！比〈�，并輸出結果。
4、在下新建一個名為images的文件夾，從網(wǎng)上下載四張圖片到該文件夾下，圖片命名為img1.jpg、img2.jpg、img3.jpg、img4.jpg。新建一個名為index2.asp的文件，定義一個有4個元素的字符型數(shù)組變量，然后給數(shù)組變量img的每一個元素賦值，內(nèi)容如下：利用用ASP隨機數(shù)函數(shù)Rnd，每次刷新頁的時候隨機輸出數(shù)組中包含的一張圖片，顯示在瀏覽器中。按F12運行，將運行結果截圖，插入下面的表格中
網(wǎng)頁設計實訓報告萬能模板 篇9
為期四個星期的實訓就這樣結束了。這學期的實訓是我在南工院的最后一次實訓，所以我很重視，也很認真。當然，在本次實訓中我也學會了許多編程方面的知識，這些知識的積累是非常重要的。
本次實訓的主要目的是讓我們來做一個網(wǎng)上商城，通過了解ASP的框架以及結構，熟悉ASP.NET應用程序的運行環(huán)境及開發(fā)平臺和其內(nèi)置對象的屬性以及其方法，以及其界面的設計代碼讓整個系統(tǒng)能正常的運行，通過寫每個頁面的功能實現(xiàn)代碼，讓我們鞏固了之前學的知識，又有進一步的加深對語言學習的印象，最終能夠?qū)崿F(xiàn)網(wǎng)上購物的一系列流程。我們小組主要應用ASP.NET設計一個網(wǎng)上圖書商城，完成對數(shù)據(jù)庫的基本操作。根據(jù)所安排的課題項目，設計出一個結構基本完整，具備一定應用功能的網(wǎng)上圖書商城。要求具有一定的內(nèi)容，程序界面使用ASP.NET的WEB控件，可以完成會員的圖書瀏覽、數(shù)據(jù)檢索、登陸、注冊、購書、修改會員的各種信息等。
我本人主要負責網(wǎng)上書城首頁、詳細頁面的設計。其中首頁實現(xiàn)的功能主要有：圖書的展示、新書上架、圖書搜索、會員登陸、圖書詳細情況的調(diào)用。另外，我還設計制作了數(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)頁設計實訓報告萬能模板 篇10
前言
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)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編輯器和非所見即所得網(wǎng)頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網(wǎng)頁編輯器的優(yōu)點就是直觀性，使用方便，容易上手，您在所見即所得網(wǎng)頁編輯器進行網(wǎng)頁制作和在WORD中進行文本編輯不會感到有什么區(qū)別，但它同時也存在著致命的弱點。現(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)頁布局類型有“國”字型、“匡”字型、“三”字型、“川”字型等。其他類型的有：標題文本型，封面型，F(xiàn)lash型，框架型�？梢杂帽砀竦男问街v一個頁面分成幾個單元格，通過單元格的'合并拆分，對網(wǎng)頁進行布局，單元格就相當于是一塊紙，在紙上寫的東西單元格里都可以容得下。通過設置單元格的長寬對頁面進行布局�？蚣軐W(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)頁設計實訓報告萬能模板 篇11
這是我的第一次實訓，然而當一個大學生第一次踏足這個社會，或許會覺得彷徨，畢竟年輕的我們，有16年都是在學校中度過的，再加上不斷的聽聞實訓、招聘的社會有多殘酷有多現(xiàn)實，但是其實只要我們愿意踏出第一步，初生牛犢不怕虎，大膽去闖吧，還是有公司能夠包容我們。所以抱著不怕辛苦，耐心向?qū)W的心情，我還是決定闖一闖，畢竟大學這個亞社會和真實的社會真的差太多太多了，在實訓中，得到任何與自己專業(yè)相關的知識，規(guī)劃自己以后將要實現(xiàn)的目標，學會如何在公司里處理人事關系，協(xié)調(diào)合作等等。然而實訓后，發(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)品并不熟悉，一直以來在學校設計的作品都很“學校”但是商業(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é)調(diào)工作的進度。他會制作出甘特圖，通知每個人需要做什么事情，大概需要多長時間來完成。在其中，我會不時的停滯，因為某些小bug會導致我去轉(zhuǎn)牛角尖，而這樣會導致拖慢整個進度，然而在這個環(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)頁，他們真是替我捏了把汗似的，都有種壓力很大吧。我感覺還好吧，不過腦子真的要轉(zhuǎn)的很快了，因為沒有創(chuàng)作來源，讓我在上下班的途中朝思暮想的想著設計，充分利用上下班的塞車時間，不斷的觀看經(jīng)過車窗的各型各類的廣告來尋來創(chuàng)意來源。最后還是有驚無險的完成這些工作。除了這些工作，公司越來越多人了，剛進去的時候只有我和sandy，后來多了好多個人，很羨慕參數(shù)組，能有說有笑的工作，但是我這項工作，我不是一個人在戰(zhàn)斗。再后來，開始招聘銷售，因為產(chǎn)品到XX號就要正式發(fā)布了，有點讓我走也走的不放心的感覺，要配合銷售展開小單張的宣傳。時至XX日，才基本完成。
希望，我的能力能幫到公司，獻出我自己一份的力量。
實訓心得與體會
從開始的實訓，讓我體驗到這個暑假回會過得更有意義，會特別漫長特別充實。的確學習是一個漫長的過程，學習要耐得住寂寞的抵住誘惑。通過這次的實訓，不僅讓我覺得我應該改變自己的內(nèi)向，學會轉(zhuǎn)變與人主動交流，才能解決問題，讓我覺得設計還是不錯的，但是自己的專業(yè)真的很需要培養(yǎng)與加強，感覺到學校教的和自己學的遠遠不夠。而且在接下來的日子還要規(guī)劃好自己的未來，才能更好得在崗位上發(fā)揮自己的才能。
最后感謝給我這么一個機會，留在公司實訓，公司不僅需要各類型的人才，更需要一個有堅定和遠見的老板;感謝william，看過頭像和手機桌面，女兒很可愛，想必是個和藹的爸爸，從一開始便覺得他是個很會閱人的hr，但后來才知道是pm，不過沒有變的，總是耐心地培養(yǎng)我，給我很多資料和很多網(wǎng)站，提高自己的審美和用戶體驗感受;感謝mk，認真的時候很認真，玩的時候還像個大孩子，喜歡和參數(shù)組交流時逗逗我，調(diào)劑我，這點我最喜歡了，因為有你們整個公司才顯得有活氣，沒有那么沉悶;感謝kevin，雖然接觸不多，感覺他很用心，是市場方面的主管，看的最多就是修空調(diào)，快遞要發(fā)票的時候，會為公司的財政斤斤計較，到后來q總q總得叫我，真不好意思呢;感謝小楊，能夠和你愉快的合作，如果可以我也想學jsp，后來小白走了，你又要一個人辛苦了;感謝adam，強硬的技術支持，我想沒有你這位核心人物為公司撐下一片藍天，可能我們這個產(chǎn)品就很難走下去了;謝謝一起在虎之翼公司里工作的所有工作人員。
我很喜歡你們,喜歡這樣的工作氛圍，謝謝你們!
網(wǎng)頁設計實訓報告萬能模板 篇12
一、開發(fā)背景
通過教學實習掌握站點制作、站點測試與發(fā)布技術。會綜合利用Photoshop、Flash和Dreamweaver三個軟件進行靜態(tài)網(wǎng)站的設計。加上ASP技術和CSS+DIV進行昂也布局，實驗頁面的效果。
二、設計思路
我做的大致算是一個服裝企業(yè)推廣的小型網(wǎng)站。網(wǎng)站主頁，一般都會包括首頁，管理，鏈接，公司的產(chǎn)品圖片文加字說明，我的網(wǎng)站主頁也不例外，包括次首頁，圖片（展示照片），關于（關于自己的文字，關于本站的一些說明），鏈接（比較有名的站點）。不同的是，我自己獨立的構思使頁面完整化。三、網(wǎng)站規(guī)劃1.頁面大小布局2.網(wǎng)頁logo
3.設計網(wǎng)站導航條；4.網(wǎng)頁flash5.搜索框6.產(chǎn)品展示四、技術介紹
基于asp動態(tài)網(wǎng)頁技術的學習
從建立的數(shù)據(jù)庫中讀出圖片；圖片存儲為路徑；并按一行5個排列；大于五個自動換行。網(wǎng)頁設計實訓報告
css+div的頁面布局
多出用到css+div是整個頁面更加美觀。Logo的css樣式：
登陸界面的css：網(wǎng)頁設計實訓報告
font-family:"黑體";}-->
五、頁面設計（抓圖）圖片1
圖片2
圖片3
六、網(wǎng)站測試
應用動態(tài)asp技術，用iis或者安裝的小旋風進行本地的測試。
第3頁共4頁網(wǎng)頁設計實訓報告
七、實訓總結
在我看來，設計網(wǎng)頁，應該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術與鑒賞能力是最主要的。建立站點的時候，各個文件夾取名的時候，最好用相應的英語，見名知意，如圖片文件夾用image。
在所有配色當中，不同的顏色傳達著不同的意義也有不同的象征。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會給人帶來視覺上的疲勞。所以，在我下載準備素材的時候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。
通過此次實訓,我覺得平面設計的創(chuàng)意思維、版面設計、色彩配置、圖形創(chuàng)意等方面都有很重要，對于網(wǎng)頁制作來說，我覺得是一個以多學科設計為基礎，受到包括視覺藝術、技術、內(nèi)容的多種影響。網(wǎng)頁設計的`技術不算什么困難，真正困難的是網(wǎng)頁的設計創(chuàng)意，文字我覺得也很重要，有些人瀏覽你的網(wǎng)頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動人心的，唯美的文字。文字與圖片要搭得上調(diào)，不可能用一張美女圖做背景，上面卻寫有關于親情的文章。也就是整體的搭配問題。
通過此次實訓，使我對于網(wǎng)頁制作的三大軟件有了進一步的了解，各功能都能夠?qū)崿F(xiàn)。提高了自己的鑒賞能力，綜合搭配能力，也對以前學過的內(nèi)容進行了綜合的復習。
通過此次實訓，我更了解到，生活中有許多色彩，搭配顏色的時候，聯(lián)想到生活中的東西會做的更漂亮，給人一種親切感，現(xiàn)在看到什么東西，我就會聯(lián)想到做網(wǎng)頁的時候，還有怎么布局。反正此次實訓收獲很多。
網(wǎng)頁設計實訓報告萬能模板 篇13
實驗項目：ASP基礎
實驗時間：20xx年3月9日
一、實驗基礎知識：
1、什么是客戶端腳本，什么服務端腳本？所謂腳本是指嵌入到WEB頁中的程序代碼，在服務器端運行的腳本語言是服務器端腳本，在客戶端運行的腳本是客戶端腳本�？蛻舳四_本由一個配備了解釋器的WEB瀏覽器處理，當一個瀏覽器的用戶執(zhí)行了一個操作時，不必通過網(wǎng)絡對其作出響應，客戶端程序就能完成任務，常見的客戶端腳本語言有：javascript，VBScript。服務端腳本則是在WEB服務器上執(zhí)行生成代碼，然后發(fā)送到瀏覽器，在瀏覽器上收到的只是執(zhí)行后的標準HTML文件，常見的服務器端腳本語言有：PHP，jsp，asp
二、實驗內(nèi)容：
1、掌握用DW創(chuàng)建動態(tài)站點的'方法：將IIS的網(wǎng)頁發(fā)布主目錄設在D盤，名為。利用DW新建一個動態(tài)站點，站點的本地信息和測試服務器設置如下：
2、新建一個ASP頁面，用VBscript編寫一段服務端腳本，在客戶端瀏覽器中輸出“Hello！World”，將該頁面以index1.asp為名保存在d:中，然后訪問index1.asp頁面，將結果截圖插入下面的空白文檔中：
3、新建一個ASP頁面，用VBscript定義變量r，area，PI，然后給變量r，PI賦值，并計算出相對應的圓面積，保存文件為index2.asp，然后訪問index2.asp頁面，將結果截圖插入下面的空白文檔中：
4、新建一個ASP頁面，其要求如下:寫一個已知三角形三邊長，求三角形面積的程序。保存文件為index3.asp，然后訪問index3.asp頁面，將結果截圖插入下面的空白文檔中：
5、利用DW在當前站點下新建一個文件，index5.asp，其功能如下：用response輸出如下圖片：
【網(wǎng)頁設計實訓報告萬能模板】相關文章：
實訓報告萬能模板06-12
網(wǎng)頁設計實訓心得體會04-27
實訓報告萬能模板（通用60篇）05-19
實驗實訓報告萬能模板（精選6篇）02-16
學校實訓報告萬能模板（通用16篇）05-19
設計實訓報告（精選20篇）06-14
萬能實訓報告（通用13篇）12-21
網(wǎng)頁設計報告04-25