1、實習報告實習性質：網頁設計課程實習學生姓名：楊順專業班級：網絡 141平面方向指導教師：邵亮、楊雪平實習時間：2015年11月2日-2015 年11月6日實習地點：1211機房重慶工程職業技術學院信息工程學院網頁設計課程實習學生實 習學生姓名專業班級指導教師楊順網絡141平面方向邵亮、楊雪平實習時間2015年11月2日-2015年11月6日實習地點1211機房實習名稱網頁設計實訓自我總結本次實訓的目的主要是：檢驗我們在平常學習中所學知識、將上課 所學的理論知識在實踐中鞏固掌握，以及進一步熟悉和掌握網頁設計與 網頁制作的基本流程。回顧這次書訊經歷，至今我仍感慨頗多，的確， 從選題到開始制作，從理

2、論到實踐，5天實訓的日子里，可以說得是苦 多于甜，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所 學過的知識，而且學到了很多在書本上所沒有學到過的知識。通過這次 實訓使我懂得了理論與實際相結合是很重要的,只有理論知識是遠遠不 夠的，只肩把所學的理論知識與實踐相結合起來，從理論中得出結論， 才能真正為掌握技術，從而提高自己的實際動手能力口獨立思考的能 力。在設計的過程中遇到問題，可以說得是困難重重，這畢竟是第一次 獨自設計制作網頁，書上也沒有現成的可以抄，難免會遇到各種各樣的 問題，同時在設計的過程中發現了自己的不足之處，對以前所學過的知 識理解得不夠深刻，掌握得不夠牢固，設計感不強，圖

3、畫得也不夠精致， 但是經過實訓后，對網頁設計這方面的有很大的收獲，以后的學習中， 我會更加的認真、努力。指導教師 意見實習單位 意見并蓋章（院內實習 由系簽署）考核等級II2.1實習目的 TOC o 1-5 h z 2實習概況2.實習要求2.實習時間2.實習環境2.開發環境2.3實習內容3.3.1制作設計項目分析錯誤！未定義書簽。制作設計項目記錄 3.整個學期的四次作業.94.實習總結16信息工程學院網頁布局實務實習報告1實習目的網頁設計與制作項目實習是教學中的一個重要教學環節， 是學生學習過 程中不可缺少的實際操作技能訓練， 也是對課程學習效果的檢驗。通過本課程設 計的實習，進一步提高學生對

4、網頁設計以及 ps軟件的操作能力，學生在這實訓 期間應對課程設計抱以負責的態度， 認真做好設計與制作，拓展想象空間，努力 創作出富有個性的設計作品。2實習概況實習要求.利用Photoshop提供的各種工具，在學習網頁制作技術過程中設計出符 合要求的布局，掌握通道和蒙版的應用、色彩和色調的調整。.利用Axure RP軟件畫出大致的草圖，進行網頁的布局，排版。.軟件準備：Photoshop Axure RP。實習時間2015年11月2日至2015年11月6日實習環境重慶工程職業技術學院1211機房開發環境.操作系統(Windows?). Photoshop Axure RP 繪圖工具信息工程學院網

5、頁布局實務實習報告3實習內容重慶工程職業技術學院“第十五屆學生運動會”網站設計制作設計項目分析要求：(1)網站內容設計與素材收集：根據指定的網站設計主題(“第十五屆學生運動會”)，設計網站策劃 案。包括風格設定、顏色設計、欄目設計、功能設計、內容設計等。并使用 原型設計軟件制作低保真原型。收集整理設計素材，包括文字、圖片、圖標等基本元素。(2)設計與繪制網站首頁效果圖：根據網站策劃案和低保真原型，使用 PhotoShop設計與繪制網站首頁效 果圖。制作設計項目記錄設計思路(1)怎么設計的？首先確定此次網站的主題(重慶工程職業技術學院”第 十五屆學生運動會”網站)，然后在頭腦里構思，在首頁上要放

6、哪些內容， 用筆在白紙上畫出大致草圖，然后用原型設計軟件(Axure RP)設計制作出該網頁的低保真原型。(2)怎么分析的？a.布局設計：整體按照上中下的布局結構，首頁、內容、底部。內容首先是用的 一屏大圖來吸引大家的注意力，然后接著是運動會的通知公告、新聞和視頻 專區居于整個頁面的正中，(在網頁里顯示出來就是在第一屏的下部分位置) 其中的小地方也有細節設計。b.字體設計：整個頁面只有主題中用了 “方正舒體”字體，并且做了一些 小設計，白色字體外加了黑色投影、外發光和半透明的暗紅色描邊；其余字 體均為微軟雅黑字體。c.內容搭配：運用了文字、圖片、圖文搭配的方式。信息工程學院網頁布局實務實習報告

7、d.顏色搭配：在網頁設計當中，“色彩”永遠是最重要的一個環節，紅色， 吸引人的眼線，也讓人感覺有活力、有激情，所以，我的導航欄用的是紅色， 主圖上面也是鮮艷的紅色。主色調是白色，輔助色運用了灰色，過渡色運用 了灰白色，鮮紅色、暗紅色、橙紅色為亮點色，字體主要用了黑色和灰色。（3）主要收集了哪些材料，看了哪些網站：1.第一屆青年運動會2.第十三屆運動會網站3.新浪運動網站 4.第六屆東亞運動會5.天津東亞運動會 6.第二十一屆山東省運動會7.中國體操網8.奧林匹克運動9.全國電子競技運動會10.第三屆亞洲沙灘運動11.湖南省第十一屆大學生運動會12.長沙趣味運動會.河南省第十七屆大學生運動會14

8、.湖北省第十四屆運動會.長沙第六屆亞洲冬季運動會16.昆明市第五屆運動會.福州趣味運動會18.2008 北京奧運會19.【大貓魔盒】雙11頁面電子商務商城20.美麗星辰網站設計21.蝦米音樂H5專題頁面設計合輯22.運動藍牙耳機設計23.中國體操網_體操運動管理中心官方網站24.哇嚷網 全球優質設計師純手工制作產品購物網站25.爆米兔-H5微信 移動營銷創意平臺.重慶工程職業技術學院官方門戶網站-國家示范性高等職業院校.中國運動網28.中國定向運動協會.中國健身網30.運動健身網設計運動會網站低保真圖首先，我在實習的第一天，先按照實習的主題（重慶工程職業技術學院第十五屆學生運動會”），使用原型

9、設計軟件（Axure RP）設計制作出該網頁的低 保真原型。我是設計的屏幕自適應網頁，分為上中下三個部分：首頁導航欄、中 問內容、底部；整個網頁寬1280px,高2220px。信息工程學院網頁布局實務實習報告導航欄主圖通知公告視頻專區內容1內容2內容3相關鏈接底部圖3-1運動會網頁框架設計效果圖布局設計：整體按照上中下的布局結構，首頁、內容、底部。內容首先 是用的一屏大圖來吸引大家的注意力，然后接著是運動會的通知公告、新聞 和視頻專區居于整個頁面的正中，（在網頁里顯示出來就是在第一屏的下部 分位置），其中的小地方也有細節設計。信息工程學院網頁布局實務實習報告(1)首頁導航欄設計的很簡單，LOG

10、G口主要內容，紅底白字圖3-2首頁導航欄設計效果圖(2)大圖上有本次網頁設計的主題，整個頁面只有主題中用了 “方正舒體”字體，并且做了 一些小設計，白色字體外加了黑色投影、外發光和半透明的暗紅色描邊；為了突出主題將大圖做了模糊處理， 由于要讓整個頁面的顏色搭配，就沒有用其他的顏色，只在主題的周圍用紅色描邊圖3-3主題部分設計效果圖(3)此處內容從整體來看，是處在最佳視覺領域，中上部分位置，圖中的通知公告和新聞，鼠標點擊二者任何一個字體變紅色，并且字的下面出現一個小紅三角形圖標指向下面的內容。視頻專區部分，也是讓人一目了然。|代不不力印尊匚毫通知么借I折閭視頻勺區.傅二旭好口共三注 兩臼二:劉馬

11、 什好 ,A* J，中* *18標 j 游*坨 W.M - m L一 Q MFTlfli ._網頁布局實務實習報告面 是 以 白 色 為 背 景, 為 了 突 出 字 體, 又 有 橙:自幃QMFIUH， 工.行事n安丈陽!?/明 F .耳足WLII修zn* B*1KP.W7 況/中*艮用售MFA 又三附叫E.樽*Fifcfcf-H-NCITICnp 儲 kfBTLl JJiflflHttfft f . It 如XTSMi rfCirT.ZTSTT 五，裳.父真 七二重* . f9*的色 和 粉 紅 色, 與 橙134 .手 機 網 站： 長 360 0px , 寬 940 px, 整 個 頁

12、信息工程學院網頁布局實務實習報告應。頁面左邊以一條橙色線條貫穿整個頁面，效果如圖3-3-7、3-3-8所示:圖 3-3-714信息工程學院網頁布局實務實習報告我們的婚事-I皿r刀害雷一就同氏右HE 叫:eJ.U ,:呢1白牛.r閽制小 可闔用,LAdKUa Jj i.*MC*。力HI砌I*UU* I 必寸地斯士3f她立電盤X靠I - i. g刃器呈fflm+n上理寸-.圖 3-3-815信息工程學院網頁布局實務實習報告.實習總結通過本次的實訓I,在老師的指導下，我不僅在知識上有了很大的提升而且在 心得上也是收獲頗多。本次實訓的目的主要是檢驗我們在平常學習中所學知識、 將上課所學的理論 知識在實

13、踐中鞏固掌握，以及進一步熟悉和掌握網頁設計與網頁制作的基本流程。 回顧這次實訓經歷，至今我仍感慨頗多，的確，從構思到開始制作，從理論到實 踐，5天實訓的日子里，可以說得是苦多于甜，但是可以學到很多很多的的東西， 同時不僅可以鞏固了以前所學過的知識， 而且學到了很多在書本上所沒有學到過 的知識。通過這次實訓使我懂得了理論與實際相結合是很重要的，只有理論知識是遠遠不夠的，只有把所學的理論知識與實踐相結合起來，從理論中得出結論， 才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。 在設計 的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨自制作網頁，書上 也沒有現成的可以抄，難免會

14、遇到各種各樣的問題，同時在設計的過程中發現了 自己的不足之處，對以前所學過的知識理解得不夠深刻， 掌握得不夠牢固，比如 說，對PS軟件的使用就不夠熟悉，導致在做的過程中，浪費了很多時間，通過 這次網頁設計與制作實訓I, 一定把以前所學過的知識重新溫故。此次實訓中我發 現了在網頁設計與制作的過程中存在許多的細節問題，也從中學到了很多以前不曾注意的細節知識。關鍵是從自己單獨制作網頁的過程中， 培養了自己主動學習、敢干動手與自 己發現問題、解決問題的能力，這為以后進一步的學習網頁制作與網站開發打下 了一個良好的基礎。明白在網頁設計中布局、版式、色彩搭配、整體都很重要， 還要重點培養自己的設計感，理清自己的設計思路，所以，后面的時間就要多看 相關設計方面的書籍，版式設計、設計史原理，色彩搭配等