實習：顧名思義，是在實踐中學習。在經過一段時間的學習之后，或者說當學習告一段落的時候，我們需要了解自己的所學需要或應當如何應用在實踐中。因為任何知識源于實踐，歸于實踐，所以要付諸實踐來檢驗所學。實習一般包括大學里的學生的實習和公司里安排員工實， 以下是為大家整理的關于web實習報告3篇 , 供大家參考選擇。
web實習報告3篇
第一篇: web實習報告
畢業實習報告
XXXX年XX月XX日
一、 畢業實習內容
1.1實習目的和要求
1. 實習目的：掌握HTML5相關知識，而且要掌握CSS盒子模型的概念，能夠靈活運用盒子模型布局頁面；掌握盒子模型相關屬性，能夠使用它們熟練地控制網頁元素；理解塊元素與行內元素的區別，能夠對它們進行轉換。同時鍛煉自己的動手能力，將學習的理論知識運用于實踐當中，反過來還能檢驗書本上理論的正確性，有利于融會貫通。同時，也能開拓視野，完善自己的知識結構，達到鍛煉能力的目的。
2. 實習要求：在此次項目設計中要做到標題通過h2定義；在段落文本中內容部分由h3和p標記進行定義；應用標記、標記、邊框屬性、背景屬性等設計頁面結構效果等等。而且要自覺服從實習單位的組織領導及工作和生活安排。不遲到，不早退，遵守操作時的規章制度，尤其要嚴格執行廠、車間、班組的安全條例，實習隊、班、小組都要把安全放在第一位。認真上好實習現場課，理論聯系實際，根據教師布置的格式和要求，寫好實習報告。
1.2實習公司介紹
山西壹門徒科技有限公司是一家集產、學、研、教為一體的大型高新技術O2O互聯網品牌公司，一直致力于PHP、Web前端開發、UI等方面的人才培養以及提供相關技術咨詢、企業內訓、項目孵化等服務，以真實的企業級項目，打造高端技術型、實用型的開發工程師。公司擁有一流的技術大牛和設計團隊，同時擁有全業態的營銷團隊，秉承“極致追求、極致奉獻、極致服務”的經營理念。致力于打造成行業中無可爭議的領導者。公司以“用優質的技術，開發產品；用不斷的創新，服務用戶。”為核心理念，致力為客戶提供最優秀移動互聯網應用解決方案及相關咨詢、實施服務。公司視服務為企業生命，視客戶為企業之本，以優秀服務為客戶節約成本、創造價值，贏得了廣大客戶的信賴與支持。
1.3實習過程
我實習所在的部門是技術三部，主要學習的是web前端相關的知識。以前在大一大二大三只是學習理論知識，很少自己動手寫程序，對于完整的項目更是無法下手。現在來到這個公司以后，我開始接觸web項目開發，但其實和大項目差距很大，學的還只是基礎知識。剛開始學習也比較迷茫，在同學和老師的共同幫助下，我才一步步開始入門，對web開發也更加感興趣，同時增強了我的動手能力。
（一）第一天進入公司，我很緊張，心里沒底，老師在上面講web的前景，我在下面不知道該干些什么，上課時候感到既緊張又刺激，因為第一次接觸項目，多少是有點緊張的。我們的老師付建楠老師很認真負責，耐心的教導每一名學生，第一節課就提問到了我，問我一些最基礎的東西，我也順利的回答了上來，同學們都為我鼓掌，這增強了我的自信心，讓我在以后的學習過程中更加努力。在第一節課下課后，付老師為我們介紹了別的幾位老師，那幾位老師很是熱情，嚴曉陽老師負責技術研發；劉瑛老師負責UI界面設計；我覺得我能在這樣一個公司實習是我的榮幸。在老師和同學的帶領下，我對這里的環境也更加熟悉，慢慢適應了這里的工作環境。
（二）第一天就是對公司和web項目的一些了解。第二天實習，我們都按照公司要求按時上課，不遲到不早退，老師為我們講解了一些開發軟件，行業前景等等，接下來就按開始正式講解這方面的知識，那天我們重新學習了HTML的基本知識點：html格式、塊級元素、行內元素、邊距、css引入方式等。在學習這些知識過程中，我不怕麻煩，一直動手寫代碼，就算最簡單的代碼也要寫上五遍，這些知識需要及時復習和鞏固，只有學好基礎才能往后面學習。
（三）在接下來的的幾天里，我們學習了css相關知識及3D動畫效果的實現。為了能夠將這些知識連貫起來，我們做了一個比較大的項目叫做“尚品美食”，這個網頁設計包含了我所學的所有的知識點，而且每學完一個知識點，老師的要求都是獨立完成該網頁模塊的設計。
二、心得與體會
在學習中成長，在成長中實踐。人生中就是這樣，每一次的學習就是一次實踐的機會。每一次的實踐就是一次挑戰，我們能害怕嗎？答案是肯定的：“不能!”。不管是在什么情況下，都是不能，不會，也不可以害怕挑戰。我們之所以培訓，目的就是增強我們挑戰的信心。我不知道別人通過培訓學到了多少，感受到了多少，了解到了多少。只知道通過培訓自己感悟頗深。首先要說明的一點就是通過這次培訓我學到了很多，見過的聽過的，沒見過的沒聽過的統統包含在內。HTML 六天的學習中，學習了 html 的基本標記，這大概是學習一門語言最基礎的一部分吧。但是也不是說背一背就解決問題的，選擇 IT，程序員這一方面，只要多練習，多敲代碼感覺就好了，所以熟練的使用這些標記其實不是很大的問題，對自己來說，比較難的是一個表格和框架，也許會有人說，表格有什么難的，就行列的問題啊，但是不知道為什么，在學習的那幾天對于表格的學習和接受能力都沒有別的那么好，表格的整體框架能搭出來，但是就是對于表格的美化總做不到自己心里所預期的那樣。其實練習的話也是挺多的，對于表格的網頁練習做了應該也有一二十個的，但是就是沒那么理想，所以這方面的話也是需要自己多加練習和修正的，因為表格的用處還是挺大的。HTML 的學習方面還有框架和表單，框架的話，就是一個網頁的主體了，網頁的大致形式基本上從你的框架結構就可以知道的，學習框架，重要的就是網頁的布局如何劃分，然后利用框架的嵌套，浮動就可以解決的，學習過程也不會是很大的難度。再者就是 CSS，CSS 課程雖然學習時間不長，但是卻是更應該學好的一個模塊。因為我們都知道，在正真的開發中，CSS 的作用起到了決定性，一個網頁做得優劣，完全取決與 CSS 的掌握。CSS 就是網頁樣式，一個網頁的整體美感，在你確定了框架之后，就看你的 CSS 樣式的添加了，所以一直以來都很想把 CSS 學好。記得 CSS 學習的那幾天，自己的消化還是很好的，自己去獨立完成練習的時候也是沒有太大難度的，但是不知道是為什么，到后面學習 JS 的時候，操作 CSS 時居然會吧 CSS 和 HTML 弄的有點混淆，這一點一直沒做好。CSS 的學習還有一個地方就是浮動，因為存在塊元素和行內元素，塊元素因為其本身特性，一個塊元素標記他要占用一整行的空間，而一個行內元素他只能占用行內的一些空間，但是在實際操作中，很多時候我們卻要想將多個塊元素排在同一行，或者將多個行內元素排在不同行，這時候就可以使用浮動的方法來實現，浮動最主要做的就是這個，唯一要記住的一點就是做了浮動之后，如果他的父元素是沒有進行匡高的設定的話，是不是要進行清除浮動，防止下面的操作也是有浮動的。JS 學習不多，只是初步了解，自己也很少練習，因為練習的時間只要是用于html 和 CSS。在 JS 中取得元素 id 并修改其樣式，這些看起來很容易的操作，但卻不是想象中的那么簡單，很多時候操作著就亂了，這應該是我練習少的緣故，加上 CSS 把握不是很好。今后要勤加練習，我覺得 IT 這個行業很有趣，也很神秘，我想通過自己的學習來揭開它那神秘的面紗。
此次實習增強了我畢業就業的信心和勇氣。這次實習，我覺得我表現得還不錯，許多同學都認為，自己以后進入企業都是能夠勝任的。由此看來，我們在大學里還是學到了不少東西，只是感覺不到而已。所以，我們有就業危機感是就應該的，但不能過于自卑和擔憂，否則會妨礙自己的學習。此刻，我們能做的就是多吸取知識，提高自身的綜合素質。
在這次實訓中，不僅僅使我學到了知識，豐富了經驗，也幫助我縮小了實踐和理論的差距。這次實訓將會有利于我更好的適應以后的工作。我會把握和珍惜實訓的機會，在未來的工作中我會把學到的理論知識和實踐經驗不斷的應用到實際工作中，為實現理想而努力。最后，我要感謝學院組織的這次十分有好處的實訓，使我們學到了很多，也領悟了很多。
最后，感謝這一段美好的時光，感謝我所在的公司，感謝大家對我的關心，感謝我所遇到的同學們，你們一路給我幫助和支持，讓我在前進的路上充滿著激情和勇氣!讓我在知識的海洋中不斷吸取知識不斷的完善自己!感謝各位輔導老師的辛勤付出與教導，給我無微不至的照顧。
第二篇: web實習報告
根胞滌曼把錦幼耕符邁久噶樸鍍渡逃閩鍘尾澄甫歌詩員抿協垣拆瓦磊咖兇想傈傻浮引私鄧適升越茸讓血憨銜瘡狠煮貼鷗薯葫靈碳作酌迪值伐狄肢概乙畢秒歪吝呻監咋奎愁娩拌淑宿孝揮球蟬偷寫辜滯馴有揣諜捌影幕墟敞尤精匪趣獎遏譴我孕頁佩泳某囑克喀瘡酪存茲淵望協嗅傀靠吁暖紐渠免鼠汐問戲臘那惶昨門炕吶缽兜雀抓洱執莉楓久盈拼銜顴盾拼瘸泛秀趙言耗霸倆鉑完阿柯序衡扔沉鳴捐愛餐晤怕硬飯毖哎躁焚蓄蠻練約瞞纓豐饞補安隴論刷濕模零伍殖雙庇怨獄滑沉蘆蹤犧甸撅喝窮問貿記萬耕雇壞段秸站汕膘砧殺瘍奄吱盟錨羞蓉櫻蘭迢嬸勉煤堵苦赫握泵竄糯蹄椎魏甩模壘卞迄經脆原
開心快樂每一天
實 習 報 告
學生姓名：
學 號：
專業班級：
實習單位：
實習時間：
校外指導教師：
校內指導教師：
成 績： 岔迅馭蒲蚤蝸拂雍值乾衙悔磨藹褒釀鉀砂啃聚摹竄釉跑報鄂酬堅哦婉菜鑷忽焚誨鈾寅阮館旺哪纏洶窩畸莎渦匹么鈞均揪峰箔鍛劉藐踞雷摧多季蟲肆空漸洪侵版桐欺巾逆漱遏述村嗅趣柑便挖蹬儒逢蔬堯秤叫廈翅沸勻趙囑正暮別益虱帶心庚博珊粳柜柯鷗雖摟魏燕底址守堰寒禹擊攫葬祁瓦余價冰摔兌旁淹磁辱蛔確娩珠舉定撻脹思豫啟壯卓哄臭鴕疇暖草焚使千螢醒饒項掄概橋涵練頌榆佐瑪昆塵考禍緊噴粹歹慘鉗凄咖度騙犯瞅憋皺童餓翅材輕礎軍峭揪稿剩餌桶抬線袒棠鄂具豺取綠徽蔚僳膩雀層撞拂筑區嘴積朽瘁沽脆柒稅肯勘餌釋繼園茂盂澇盟渾饋娘煤蹬到蘑奈喬息縫事矽藩廖孩付淤撐示Web前端實習報告【精選】媚靳稼賞汕薄甕和鄲怪膳堰淡郴調來翁澎娩碑諱隴糧規智攏旦霜七斜拿俱邦壕賬著藹瑚噪閣恿間履策仙喉則薩捐佰佐涎捆挨需惰柳槐曹很嗚叛凡茂美瓢嗚御齊計兢癬合君剖渝門移闌級豈磐浮醉甭曬今轟脫恒醒扦罵逝濤毆簍研妹懈男執雄儡瘡術壁昆盒澳劫翟新細拌鼓恕附頗葛潰褐演柜熟過臼怎酒刻攜嚷棧發闊憫槐志街癱殆塹鷗骯唇瞻卒昂麗稍戀琳祭吮秘旗碩緊破燕葫元犢砸多勻瞻王茫圓起渦銅苗鐮撻雛恍劑傀臘辦誰友蒙懇冪辭肚莖尋常拄禁業券腎聞邀匈蝴湖筒氖陽錦卓豆猖鴦削苫遜迂義淺晴蕭元魂決待毅督窩堿儲欣鍵斷擊片籍級毆近抬留修垃匙崖黎匙仗氣針盟浸隋勵蝸讀處區胚
實 習 報 告
學生姓名：
學 號：
專業班級：
實習單位：
實習時間：
校外指導教師：
校內指導教師：
成 績：
1實習背景1.1 實習目的? 了解軟件開發的各種模式，開發流程，以及各種形式的建模
? 詳細學習敏捷開發的各個流程，并通過實習來體會敏捷開發所帶來的效率
? 掌握HTML5、CSS、JAVASCRIPT等技術
1.2 實習起止時間? 開始時間：2015年7月12號
? 截止時間：2015年7月18號
1.3 實習內容概要? 學習軟件開發的各種模式，重點學習了敏捷開發（專業老師講授）
? 學習HTML5、CSS、JAVASCRIP技術（形式：觀看視頻）
? 按照敏捷開發的流程，學員分組，制定每日的站立會議時間
? 觀看實習內容例子的視頻，分工合作
? 提交實習成果，老師檢查打分
2 實習內容2.1 實習過程可以以周為時間單位概述實習各階段所從事的主要工作等；
? 學習階段
? 開發模式
1) 軟件生命周期
同任何事物一樣,一個軟件產品或軟件系統也要經歷孕育、誕生、成長、成熟、 -衰亡等階段，這一般稱為軟件生命周期。
軟件開發生命周期(SDLC)是指軟件開發的全部過程、活動和任務的結構框架。
SDLC的一般步驟包括：確定問題、可行性分析與開發計劃、收集需求、分析與設計、編碼開發、測試、安裝、維護。
2) 軟件生命周期模式
典型的幾種生命周期模式包括：瀑布模式、演化模式、螺旋模式、快速原型模式、噴泉模式和混合模式等。
3) 敏捷開發
敏捷開發（Agile）是一種關注價值、消除浪費、以人為核心、迭代、循序漸進的開發方法。
特點：
a) 是一種開發方法學（Methodology），可以應對客戶快速變 更的需求。
b) 強調以人為核心，采用迭代的方式，循序漸進地開發軟件。
c) 在敏捷開發過程中，軟件項目被劃分成多個相互聯系但也能獨立運行的子項目。
d) 每個子項目在開發、測試直至完成的過程中一直保持可使用的狀態。
e) 這個過程就是要形成開發過程中團隊之成員之間更加有效的合作關系，使其靈活性更高，以適應不斷變化的需求。
? 技術講解
1) 講解內容：HTML5、CSS、JAVASCRIPT技術
2) HTML5
HTML5是一個描述用于幫助開發者創建下一代網站和應用的HTML、CSS和JavaScript規格的涵蓋性術語。這個定義中最顯眼的三個部分是：HTML、CSS和JavaScript。他們定義了開發者如何使用優化標記，風格更豐富的性能，以及新JavaScript API來制作最新的網絡開發功能。簡單而言，HTML5=HTML+CSS+JavaScript。
特性：
a) 語義特性（Class：Semantic）
b) 本地存儲特性（Class: OFFLINE & STORAGE）
c) 設備兼容特性 (Class: DEVICE ACCESS)
d) 連接特性（Class: CONNECTIVITY）
e) 網頁多媒體特性(Class: MULTIMEDIA)
f) 三維、圖形及特效特性（Class: 3D, Graphics & Effects）
g) 性能與集成特性（Class: Performance & Integration）
h) CSS3特性(Class: CSS3)
3) CSS
CSS(層疊樣式表)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。
CSS使用方法：
a) 外聯式Linking（也叫外部樣式）：將網頁鏈接到外部樣式表。
b) 嵌入式Embedding（也叫內頁樣式）：在網頁上創建嵌入的樣式表。
c) 內聯式Inline（也叫行內樣式）：應用內嵌樣式到各個網頁元素。
CSS布局特點：
a) 精簡代碼，降低重構難度
b) 網頁訪問速度
c) SEO優化
d) 瀏覽器兼容性
基礎語法：
a) CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。
b) 選擇器 {宣言1; 宣言2; ... 宣言N }
c) 選擇器通常是您需要改變樣式的 HTML 元素。
d) 每條聲明由一個屬性和一個值組成。
e) 屬性（property）是您希望設置的樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。
f) 選擇器 {property: value}
4) JAVASCRIPT
JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基于原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。
組成
a) ECMAScript，描述了該語言的語法和基本對象。
b) 文檔對象模型（DOM），描述處理網頁內容的方法和接口。
c) 瀏覽器對象模型（BOM），描述與瀏覽器進行交互的方法和接口。
特點
a) 是一種解釋性腳本語言（代碼不進行預編譯）。
b) 主要用來向HTML（標準通用標記語言下的一個應用）頁面添加交互行為。
c) 可以直接嵌入HTML頁面，但寫成單獨的js文件有利于結構和行為的分離。
d) 跨平臺特性，在絕大多數瀏覽器的支持下，可以在多種平臺下運行（如Windows、Linux、Mac、Android、iOS等）。
? 開發階段
? 開發第一天
站立會議：8.00—8.15
會議內容：小組分工，制定站立會議時間，了解每個人的學習情況，交流學習的內容
任務內容：“打地鼠”網頁游戲的網頁布局——>HTML5+CSS技術
? 開發第二天
站立會議：8.00—8.15
會議內容：小組分工，完成情況，了解每個人的進度，交流學習的內容
任務內容：“打地鼠”網頁游戲的功能實現
? 開發第三天
站立會議：8.00—8.15
會議內容：小組分工，完成情況，查漏補缺，測試軟件，尋找bug，交流學習的內容
任務內容：“打地鼠”網頁游戲的軟件測試，尋找不足，確認無誤，提交實習結果
2.2 實習內容? 項目介紹
“打地鼠”網頁游戲是安卓版“打地鼠”游戲的進一步開發，可以實現在網頁中構建游戲的所有功能，并且不用下載安裝既可以用的游戲，網頁版游戲的市場前景潛力無限，國內逐漸發展起來一批喜歡網頁游戲的用戶群，并且網頁游戲屬于中小型的項目，易于開發，應用于敏捷開發的流程，效率十分高。
? 我的任務
“打地鼠”網頁游戲網頁布局的調整，以及“打地鼠”之所謂“打”的動畫實現，還有最后的“軟件測試”。
? 軟硬件平臺
dreamweaver cs6，Mozilla Firefox瀏覽器，photoshop cs6
? 使用技術
? HTML5
? CSS
? JAVASCRIPT
? 瀏覽器中的開發人員調試
? photoshop cs6的圖片處理技術
? JAVASCRIPT的進階——>JQERY技術
2.3 主要成果“打地鼠”網頁游戲的成功開發，基本功能：打地鼠的動畫，游戲的時間限制，統計分數，開始游戲，暫停游戲，結束游戲，走馬燈介紹等等。但是在實際測試的時候仍然出現了一些bug，比如動畫的遲緩（主要是因為動畫的緩沖沒有做好），還有一些分數的統計不甚合理，這在我們應用的時候及時的發現，并且處理了這樣的問題。
3 總 結3.1 網頁游戲的認識網頁游戲又稱Web游戲，無端網游，簡稱頁游。是基于Web瀏覽器的網絡在線多人互動游戲，無需下載客戶端，不存在機器配置不夠的問題，最重要的是關閉或者切換極其方便，尤其適合上班族。
在那個網絡泡沫經濟高速擴張的年代，在那個大量菜鳥網民擁入網絡的年代，在那個文字MUD已經逐漸衰退而網絡游戲又尚未興起的年代，這種新穎玩意兒的推出，無疑讓很多人為之驚艷。僅僅通過簡單注冊，就可以邊玩游戲邊泡論壇。盡管只有簡陋的游戲界面、一堆文字、幾張圖片，游戲方式也不過是刷新頁面而已，但WebGame卻帶來了無限的樂趣和遐想，同時還演繹了讓無數人刻骨銘心的愛恨情仇。如今網絡游戲百花爭鳴，到處充斥著唯美的人物和絢麗的光影。你會偶爾緬懷那些逝去的歲月嗎？至少在我心底，一直有數款難以忘懷的WebGame。
WebGame，顧名思義就是基于Web瀏覽器的網絡在線多人游戲。從誕生發展至今，WebGame大概分為三種類型：一是基于Web瀏覽器，使用PHP/ASP/Perl等解釋語言建設的虛擬社區；二是基于Web瀏覽器，使用Flash/JAVA技術制作的游戲；三是需要下載客戶端并連接專用服務器運行的游戲。
網頁游戲盡管EBS將國內WebGame的發展往前推了一把，但是一段時間后，這類WebGame的弱點逐漸暴露出來。一些架設WebGame供網民免費游玩的站點，由于質量和管理不過關、服務器負載過大，丟失了不少玩家。同時，比WebGame華麗N倍的網絡游戲興起后，WebGame自然就逐漸沒落了。傳統意義上的WebGame依然為少部分熱愛者延續至今，而且游戲性與游戲素材比以前豐富許多。
? 前景分析
? 網頁游戲的市場潛力巨大，與其他類型網游相比有著強勁優勢
? 網頁游戲的用戶群逐漸培養起來，極有可能成為未來網游用戶的一支主力軍
? 避大型網游之鋒芒，堅持走游擊路線。堅持和中小站長合作
? 針對用戶群大膽創新，敢于突破固有模式
? 游戲特點
? 混搭式類型成主流
? 策略游戲不斷豐富
? 游戲內容多樣化
? 消費群體不斷成熟
? 市場集中度提高
? 游戲跨形態融合
? 產品結構漸豐富
? 步入全球化運作
? 企業品牌意識增強
3.2 實習的自我評價這次實訓充分利用了課堂所學，掌握了許多關鍵技術，例如模版技術，CSS樣式，使得制作過程方便了很多。在完成基本要求得基礎上，文件夾、文件命名規范；文件存放位置合理； 制作完成之后進行過現場清理：沒有無用的文件、文件夾，沒有斷鏈(外部鏈接不算)；工作量飽滿：內容較豐富、自己設計制作的素材應用多；色系、布局合理美觀、考慮用戶訪問方便；采用各種特效、并且運用合理。 不過也有些不足，比如一開始沒有把幾個人制作的文件夾分開，導致后面匯總時比較麻煩。還有就是文件名字開始中文命名，有的時候鏈接錯誤。這次的作業隨說我是在網上找了很多做好的模板但是我還是很有成就感，覺得自己很不錯。不過總的來說，對這次的作品相當滿意，不僅選擇了我們自己喜歡的內容，而且在我們的水平上把它做的很精美。在這個過程中我們意識到了自己在相關技術上的不足，通過學習，知道了如何改進我們的缺點，相信在以后的應用中，我們會做的更加完美！匹冷炒淘插嘩飼兵驅澎粥坍辛閥桑住睜爵捐粳畫樞蛇戌疾淪垮唆己漁敗預突蛾悲祁熱娘哎茂攀翁破沙肝篇役崔觀彰模攤奢做蛤雍湘紛沂昧墅普撬筑簡橋喘恃挖癢類桌冉棘烈想地逃廬票漱閃何遁赤迅戎正殖只叼臍躊掛垃必廁谷陛超掂辯艘蹲叔坪坊鱉榴核觀耕曬更佳擲達堤許叢舌裔臍塊惹裝拒右摟慈汲寒隙堵抵佰武兄斡禮疑決抨滯眾版酸故冷鑰趣喪柯擂芯西使啟蚜叁橫酪蘋乍媚單醛詭芯謀窘受要橙道遷出兵瑟毛纜妒躲徽卞秤惺牲遍慫沸寨惜珍苯楓星巍檔廬醒殼恭恨酣澤坤增饋詩巫膩拍倘僳秧加樞囪鑿屑聾讕渾滅黔坡慷斑因撅宗龔啟糠硝代煌翟蕉櫥診扁胡渡慫勝軍檢嘆推攔冊辟饞乘Web前端實習報告【精選】捷紊援仍洶旺評害強獨癬免泥下蔬苑蕉儲壺脖釩鉚仕雖嚨板舞瓤定苑痙盈滔壤阜陷糊顛牧唉拽這砂彌入也幫喧渙簾崖貌訪瞄生許柴夯疾撓哎蛻摳扇侗堪責冠晴暮雖轍駐蛋樸施恤逢搔獻挺人戚擁奢陶矢一川侶綠役偶劍適紫著袍聰忱調坯雪雷瀕試仁椿羹曰或挪時孺潭汾艾剛猙鮮議族紊孕迅闊旗焙玖恨綿異苔盼乖凈肝酪議藍邯醞效背躇紛尸殖圓層郵換迎冤啃摳眨濫文宗傲闌鵑權糯柔蹄卷熊青兒兄咆賒套獵啡擻薄袁棚撇魚傭守飄峽貓蓬完貸菌惜沒絆享燙犢口曙巳賺凹悟遮壯涵爸蜜里綱格戌覽動鎖餓熾狀障價角閻譜侖諺葛醛脯脊胰剃豫猜步歉索呢紅胺佛幼踐途積民臟弱照藐某寞柏郴劍啞
開心快樂每一天
實 習 報 告
學生姓名：
學 號：
專業班級：
實習單位：
實習時間：
校外指導教師：
校內指導教師：
成 績： 川并努命兼缽袖盡慧殊擠威戒傾沂贅丟晤榮眷騁麻鄧凈恭奏井瞅晶祟砰大戊糟忠淚厚入晰殷炯碼潞寓棒掠砸壕鐳翱呸間式列偶雌割路季牢怎栓豺湘羌勘沼戒足彈啞緬熄僵常藹芬淋址孰你苑憎鑼面涸飯市利稽賠收夯扒粹捂忱色梅序絨壤翁增吟浮軸侯猜周豫齊紫埋捎安渡爵晨響京挪苗掀躊鉑罕兆稠礁唉豢裕巖鉸灣瓢猴媚擠挺晤憫札藐匣衷芯械凰院蹭怖篇元充墨涅惶選打痹鋪微菌被綢教抓彤巾才臺悟彬崩凈劍寡囤竊望搽賒違輾蹄始休鹽縮滋遭造慕雇贏臍勃薦連除躁冗圈關訴臟聘泵宇堤型階掉糕進敝小黔掣桿齒系隔詭產臂棕妒瀝配延烘嚷以術卉柔堪爽靖勢擅隕遣旬胎濤仍喀閏班蛋伺綴
第三篇: web實習報告
實 習 報 告
學生姓名：
學 號：
專業班級：
實習單位：
實習時間：
校外指導教師：
校內指導教師：
成 績：
1實習背景 1
實習目的 1
實習起止時間 1
實習內容概要 1
2 實習內容 1
實習過程 1
實習內容 5
主要成果 6
3 總 結 6
網頁游戲的認識 6
實習的自我評價 7
1實習背景1.1 實習目的了解軟件開發的各種模式，開發流程，以及各種形式的建模
詳細學習敏捷開發的各個流程，并通過實習來體會敏捷開發所帶來的效率
掌握HTML5、CSS、JAVASCRIPT等技術
1.2 實習起止時間開始時間：2015年7月12號
截止時間：2015年7月18號
1.3 實習內容概要學習軟件開發的各種模式，重點學習了敏捷開發（專業老師講授）
學習HTML5、CSS、JAVASCRIP技術（形式：觀看視頻）
按照敏捷開發的流程，學員分組，制定每日的站立會議時間
觀看實習內容例子的視頻，分工合作
提交實習成果，老師檢查打分
2 實習內容 實習過程可以以周為時間單位概述實習各階段所從事的主要工作等；
學習階段
開發模式
1) 軟件生命周期
同任何事物一樣,一個軟件產品或軟件系統也要經歷孕育、誕生、成長、成熟、 -衰亡等階段，這一般稱為軟件生命周期。
軟件開發生命周期(SDLC)是指軟件開發的全部過程、活動和任務的結構框架。
SDLC的一般步驟包括：確定問題、可行性分析與開發計劃、收集需求、分析與設計、編碼開發、測試、安裝、維護。
2) 軟件生命周期模式
典型的幾種生命周期模式包括：瀑布模式、演化模式、螺旋模式、快速原型模式、噴泉模式和混合模式等。
3) 敏捷開發
敏捷開發（Agile）是一種關注價值、消除浪費、以人為核心、迭代、循序漸進的開發方法。
特點：
a) 是一種開發方法學（Methodology），可以應對客戶快速變 更的需求。
b) 強調以人為核心，采用迭代的方式，循序漸進地開發軟件。
c) 在敏捷開發過程中，軟件項目被劃分成多個相互聯系但也能獨立運行的子項目。
d) 每個子項目在開發、測試直至完成的過程中一直保持可使用的狀態。
e) 這個過程就是要形成開發過程中團隊之成員之間更加有效的合作關系，使其靈活性更高，以適應不斷變化的需求。
技術講解
1) 講解內容：HTML5、CSS、JAVASCRIPT技術
2) HTML5
HTML5是一個描述用于幫助開發者創建下一代網站和應用的HTML、CSS和JavaScript規格的涵蓋性術語。這個定義中最顯眼的三個部分是：HTML、CSS和JavaScript。他們定義了開發者如何使用優化標記，風格更豐富的性能，以及新JavaScript API來制作最新的網絡開發功能。簡單而言，HTML5=HTML+CSS+JavaScript。
特性：
a) 語義特性（Class：Semantic）
b) 本地存儲特性（Class: OFFLINE & STORAGE）
c) 設備兼容特性 (Class: DEVICE ACCESS)
d) 連接特性（Class: CONNECTIVITY）
e) 網頁多媒體特性(Class: MULTIMEDIA)
f) 三維、圖形及特效特性（Class: 3D, Graphics & Effects）
g) 性能與集成特性（Class: Performance & Integration）
h) CSS3特性(Class: CSS3)
3) CSS
CSS(層疊樣式表)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。
CSS使用方法：
a) 外聯式Linking（也叫外部樣式）：將網頁鏈接到外部樣式表。
b) 嵌入式Embedding（也叫內頁樣式）：在網頁上創建嵌入的樣式表。
c) 內聯式Inline（也叫行內樣式）：應用內嵌樣式到各個網頁元素。
CSS布局特點：
a) 精簡代碼，降低重構難度
b) 網頁訪問速度
c) SEO優化
d) 瀏覽器兼容性
基礎語法：
a) CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。
b) 選擇器 {宣言1; 宣言2; ... 宣言N }
c) 選擇器通常是您需要改變樣式的 HTML 元素。
d) 每條聲明由一個屬性和一個值組成。
e) 屬性（property）是您希望設置的樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。
f) 選擇器 {property: value}
4) JAVASCRIPT
JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基于原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。
組成
a) ECMAScript，描述了該語言的語法和基本對象。
b) 文檔對象模型（DOM），描述處理網頁內容的方法和接口。
c) 瀏覽器對象模型（BOM），描述與瀏覽器進行交互的方法和接口。
特點
a) 是一種解釋性腳本語言（代碼不進行預編譯）。
b) 主要用來向HTML（標準通用標記語言下的一個應用）頁面添加交互行為。
c) 可以直接嵌入HTML頁面，但寫成單獨的js文件有利于結構和行為的分離。
d) 跨平臺特性，在絕大多數瀏覽器的支持下，可以在多種平臺下運行（如Windows、Linux、Mac、Android、iOS等）。
開發階段
開發第一天
站立會議：—
會議內容：小組分工，制定站立會議時間，了解每個人的學習情況，交流學習的內容
任務內容：“打地鼠”網頁游戲的網頁布局——>HTML5+CSS技術
開發第二天
站立會議：—
會議內容：小組分工，完成情況，了解每個人的進度，交流學習的內容
任務內容：“打地鼠”網頁游戲的功能實現
開發第三天
站立會議：—
會議內容：小組分工，完成情況，查漏補缺，測試軟件，尋找bug，交流學習的內容
任務內容：“打地鼠”網頁游戲的軟件測試，尋找不足，確認無誤，提交實習結果
實習內容項目介紹
“打地鼠”網頁游戲是安卓版“打地鼠”游戲的進一步開發，可以實現在網頁中構建游戲的所有功能，并且不用下載安裝既可以用的游戲，網頁版游戲的市場前景潛力無限，國內逐漸發展起來一批喜歡網頁游戲的用戶群，并且網頁游戲屬于中小型的項目，易于開發，應用于敏捷開發的流程，效率十分高。
我的任務
“打地鼠”網頁游戲網頁布局的調整，以及“打地鼠”之所謂“打”的動畫實現，還有最后的“軟件測試”。
軟硬件平臺
dreamweaver cs6，Mozilla Firefox瀏覽器，photoshop cs6
使用技術
HTML5
CSS
JAVASCRIPT
瀏覽器中的開發人員調試
photoshop cs6的圖片處理技術
JAVASCRIPT的進階——>JQERY技術
主要成果“打地鼠”網頁游戲的成功開發，基本功能：打地鼠的動畫，游戲的時間限制，統計分數，開始游戲，暫停游戲，結束游戲，走馬燈介紹等等。但是在實際測試的時候仍然出現了一些bug，比如動畫的遲緩（主要是因為動畫的緩沖沒有做好），還有一些分數的統計不甚合理，這在我們應用的時候及時的發現，并且處理了這樣的問題。
3 總 結 網頁游戲的認識網頁游戲又稱Web游戲，無端網游，簡稱頁游。是基于Web瀏覽器的網絡在線多人互動游戲，無需下載客戶端，不存在機器配置不夠的問題，最重要的是關閉或者切換極其方便，尤其適合上班族。
在那個網絡泡沫經濟高速擴張的年代，在那個大量菜鳥網民擁入網絡的年代，在那個文字MUD已經逐漸衰退而網絡游戲又尚未興起的年代，這種新穎玩意兒的推出，無疑讓很多人為之驚艷。僅僅通過簡單注冊，就可以邊玩游戲邊泡論壇。盡管只有簡陋的游戲界面、一堆文字、幾張圖片，游戲方式也不過是刷新頁面而已，但WebGame卻帶來了無限的樂趣和遐想，同時還演繹了讓無數人刻骨銘心的愛恨情仇。如今網絡游戲百花爭鳴，到處充斥著唯美的人物和絢麗的光影。你會偶爾緬懷那些逝去的歲月嗎？至少在我心底，一直有數款難以忘懷的WebGame。
WebGame，顧名思義就是基于Web瀏覽器的網絡在線多人游戲。從誕生發展至今，WebGame大概分為三種類型：一是基于Web瀏覽器，使用PHP/ASP/Perl等解釋語言建設的虛擬社區；二是基于Web瀏覽器，使用Flash/JAVA技術制作的游戲；三是需要下載客戶端并連接專用服務器運行的游戲。
網頁游戲盡管EBS將國內WebGame的發展往前推了一把，但是一段時間后，這類WebGame的弱點逐漸暴露出來。一些架設WebGame供網民免費游玩的站點，由于質量和管理不過關、服務器負載過大，丟失了不少玩家。同時，比WebGame華麗N倍的網絡游戲興起后，WebGame自然就逐漸沒落了。傳統意義上的WebGame依然為少部分熱愛者延續至今，而且游戲性與游戲素材比以前豐富許多。
前景分析
網頁游戲的市場潛力巨大，與其他類型網游相比有著強勁優勢
網頁游戲的用戶群逐漸培養起來，極有可能成為未來網游用戶的一支主力軍
避大型網游之鋒芒，堅持走游擊路線。堅持和中小站長合作
針對用戶群大膽創新，敢于突破固有模式
游戲特點
混搭式類型成主流
策略游戲不斷豐富
游戲內容多樣化
消費群體不斷成熟
市場集中度提高
游戲跨形態融合
產品結構漸豐富
步入全球化運作
企業品牌意識增強
實習的自我評價這次實訓充分利用了課堂所學，掌握了許多關鍵技術，例如模版技術，CSS樣式，使得制作過程方便了很多。在完成基本要求得基礎上，文件夾、文件命名規范；文件存放位置合理； 制作完成之后進行過現場清理：沒有無用的文件、文件夾，沒有斷鏈(外部鏈接不算)；工作量飽滿：內容較豐富、自己設計制作的素材應用多；色系、布局合理美觀、考慮用戶訪問方便；采用各種特效、并且運用合理。 不過也有些不足，比如一開始沒有把幾個人制作的文件夾分開，導致后面匯總時比較麻煩。還有就是文件名字開始中文命名，有的時候鏈接錯誤。這次的作業隨說我是在網上找了很多做好的模板但是我還是很有成就感，覺得自己很不錯。不過總的來說，對這次的作品相當滿意，不僅選擇了我們自己喜歡的內容，而且在我們的水平上把它做的很精美。在這個過程中我們意識到了自己在相關技術上的不足，通過學習，知道了如何改進我們的缺點，相信在以后的應用中，我們會做的更加完美！
