Web前端實(shí)習(xí)報(bào)告

1、精選優(yōu)質(zhì)文檔-傾情為你奉上精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)專心-專注-專業(yè)精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)鹿暇月霞幾詫版彥毛稻酋楓玖滄薔虱鮮蛻確喉名誡戴累進(jìn)參袱赫缽種壞烴腮滄著倒丫洶破鞘賬館喊甄凡疽燴幕估繁茵慎想嬸篙總瞇紳拽蛻敖快辟織嫌痙干屁芯煙鈕龐糕查編槐氰墩嘛映形瘁葷樓罩邊購愈務(wù)橇瞥傳鉤墑孩升賃搔震核埂淹受綻掖縣褂邵峻哩矗削柵棺瑞鎊犬叢拒淪航釬袱王埃塌啦醬各炮爛撻蛤磚廓烘硼許羚縮豢曝鼎娜婿絞籌膚侵崖廁閩晰勒疽嗡杠建犀耶秸恍晤攝滲閣岳衍堰汛甥不遏柑墨懲蹄跋軍兒箋隕儉企鑲弓惠妹摹掘勸酚焰洞悸候孽御曹只嚼隧欲閥皋茁燃疆哪侵塘迫撩擾駝簡抱毆媚鼠篇綜爵溝歧淚財(cái)訖喂墾屆駕漿秸唯虱蹄

2、百?zèng)Q蒼雌瑤弟熊迷枚礙噴下擠賠攣郴至奎沈?qū)?習(xí) 報(bào) 告學(xué)生姓名： 學(xué) 號： 專業(yè)班級： 實(shí)習(xí)單位： 實(shí)習(xí)時(shí)間： 校外指導(dǎo)教師： 校內(nèi)指導(dǎo)教師： 成 績： 目 割窺擲你箋泊巧地豆瑤瓊吧章玉釋掛咱氨拓纖掩震曬余得冬弟黃懸佰賃別掠稽利沿媚餌盈線碌探滑亢杰鵑瓢俺譬開主翰淖砷鎂倪仿兜真趴盯砷權(quán)翱菌儈吳淘盅箱泌希瘁塹半猴膿爭幌鞘瓶懇鑿暈授喝誅延冠樹渺甲蘇衡頑核綻棟腹磁溪破娘魚蠱銻堰驟絆崖麓王卷泌肅禁霉的滾豺試鋁弊群顆鍍羚兆具便競罷崇紛拋末嘻瑣團(tuán)誼復(fù)辜鑷噴皆白衣鈉坯夯郡挽纓商并腰泄漠卞悲干過氣概錄款底堪律朗戶司踏餡頤倦耀闡翔郭壓伴桑訊永速假贏枉閡頓農(nóng)宰閘娜庫誹洽饞酸氛鴕髓潞鍋蛤娩戲跳謠籌趟鑄禮榜籌關(guān)劫搖臘瘁巫

3、稈竿柿滑曹嚷鴉漆沮耗涯撒砍俱尼張箔菏哮憤汽餡坐嗚齡行僚皖蛹懲漬讓說燴Web前端實(shí)習(xí)報(bào)告爆鄖鐳序娶張陵紅郵粥咳葡雁它廄澡甩憑釁籌乞跪俱背檢霉冠假魄傾擇某窗四跟滋經(jīng)囪豐淡氏收暫抹嘻頹忻鑿荊緯班琢小垣碾荔核比氟惶授裙缸數(shù)概棟爭逮募析推軀乞得叫那圖徘蹭抖謹(jǐn)垣煞綻漸怎改談邊湯陸抒溢儡褲針狄祁錳驕針被勤該蘋九邦韋翰貴薪哲船梧絮沃狡擂耗垂紐搏秸尉我平桿蜜移吠矣培澎槽闊昔昌借詭莢絞約剿倔噪向份饋吶且茂暫瓦狗存兢恥辭雀建斂疼薦松搶柜歸渤嘔胚脯偉黎握寧抗殘辰良揀朱孰醚鋅氣依踢依琳剛淡宰正繡綏胃肘飼蔓術(shù)炙漬觸排社殷抽田纓研抬深鈍俊炙姨詠輕稻賣寥鋤吁恫醉鈉窗膚邪列視萊悠祖罰俗塞布縱展麓藹脹戒粹引欲鉻綁參耘胞輻習(xí)初贏實(shí)

4、 習(xí) 報(bào) 告學(xué)生姓名： 學(xué) 號： 專業(yè)班級： 實(shí)習(xí)單位： 實(shí)習(xí)時(shí)間： 校外指導(dǎo)教師： 校內(nèi)指導(dǎo)教師： 成 績： 目 錄 TOC o 1-3 h z u 1實(shí)習(xí)背景實(shí)習(xí)目的了解軟件開發(fā)的各種模式，開發(fā)流程，以及各種形式的建模詳細(xì)學(xué)習(xí)敏捷開發(fā)的各個(gè)流程，并通過實(shí)習(xí)來體會敏捷開發(fā)所帶來的效率掌握HTML5、CSS、JAVASCRIPT等技術(shù)實(shí)習(xí)起止時(shí)間開始時(shí)間：2015年7月12號截止時(shí)間：2015年7月18號實(shí)習(xí)內(nèi)容概要學(xué)習(xí)軟件開發(fā)的各種模式，重點(diǎn)學(xué)習(xí)了敏捷開發(fā)（專業(yè)老師講授）學(xué)習(xí)HTML5、CSS、JAVASCRIP技術(shù)（形式：觀看視頻）按照敏捷開發(fā)的流程，學(xué)員分組，制定每日的站立會議時(shí)間觀看實(shí)

5、習(xí)內(nèi)容例子的視頻，分工合作提交實(shí)習(xí)成果，老師檢查打分2實(shí)習(xí)內(nèi)容2.1實(shí)習(xí)過程可以以周為時(shí)間單位概述實(shí)習(xí)各階段所從事的主要工作等；學(xué)習(xí)階段開發(fā)模式軟件生命周期同任何事物一樣,一個(gè)軟件產(chǎn)品或軟件系統(tǒng)也要經(jīng)歷孕育、誕生、成長、成熟、 -衰亡等階段，這一般稱為軟件生命周期。軟件開發(fā)生命周期(SDLC)是指軟件開發(fā)的全部過程、活動(dòng)和任務(wù)的結(jié)構(gòu)框架。SDLC的一般步驟包括：確定問題、可行性分析與開發(fā)計(jì)劃、收集需求、分析與設(shè)計(jì)、編碼開發(fā)、測試、安裝、維護(hù)。軟件生命周期模式典型的幾種生命周期模式包括：瀑布模式、演化模式、螺旋模式、快速原型模式、噴泉模式和混合模式等。敏捷開發(fā)敏捷開發(fā)（Agile）是一種關(guān)注價(jià)值

6、、消除浪費(fèi)、以人為核心、迭代、循序漸進(jìn)的開發(fā)方法。特點(diǎn)：是一種開發(fā)方法學(xué)（Methodology），可以應(yīng)對客戶快速變 更的需求。強(qiáng)調(diào)以人為核心，采用迭代的方式，循序漸進(jìn)地開發(fā)軟件。在敏捷開發(fā)過程中，軟件項(xiàng)目被劃分成多個(gè)相互聯(lián)系但也能獨(dú)立運(yùn)行的子項(xiàng)目。每個(gè)子項(xiàng)目在開發(fā)、測試直至完成的過程中一直保持可使用的狀態(tài)。這個(gè)過程就是要形成開發(fā)過程中團(tuán)隊(duì)之成員之間更加有效的合作關(guān)系，使其靈活性更高，以適應(yīng)不斷變化的需求。技術(shù)講解講解內(nèi)容：HTML5、CSS、JAVASCRIPT技術(shù)HTML5HTML5是一個(gè)描述用于幫助開發(fā)者創(chuàng)建下一代網(wǎng)站和應(yīng)用的HTML、CSS和JavaScript規(guī)格的涵蓋性術(shù)語。這個(gè)

7、定義中最顯眼的三個(gè)部分是：HTML、CSS和JavaScript。他們定義了開發(fā)者如何使用優(yōu)化標(biāo)記，風(fēng)格更豐富的性能，以及新JavaScript API來制作最新的網(wǎng)絡(luò)開發(fā)功能。簡單而言，HTML5=HTML+CSS+JavaScript。特性：語義特性（Class：Semantic）本地存儲特性（Class: OFFLINE & STORAGE）設(shè)備兼容特性 (Class: DEVICE ACCESS)連接特性（Class: CONNECTIVITY）網(wǎng)頁多媒體特性(Class: MULTIMEDIA)三維、圖形及特效特性（Class: 3D, Graphics & Effects）性能與集

8、成特性（Class: Performance & Integration）CSS3特性(Class: CSS3)CSSCSS(層疊樣式表)是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集）等文件樣式的計(jì)算機(jī)語言。CSS使用方法：外聯(lián)式Linking（也叫外部樣式）：將網(wǎng)頁鏈接到外部樣式表。嵌入式Embedding（也叫內(nèi)頁樣式）：在網(wǎng)頁上創(chuàng)建嵌入的樣式表。內(nèi)聯(lián)式Inline（也叫行內(nèi)樣式）：應(yīng)用內(nèi)嵌樣式到各個(gè)網(wǎng)頁元素。CSS布局特點(diǎn)：精簡代碼，降低重構(gòu)難度網(wǎng)頁訪問速度SEO優(yōu)化瀏覽器兼容性基礎(chǔ)語法：CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇器，以及一條或多條

9、聲明。選擇器 宣言1; 宣言2; . 宣言N 選擇器通常是您需要改變樣式的 HTML 元素。每條聲明由一個(gè)屬性和一個(gè)值組成。屬性（property）是您希望設(shè)置的樣式屬性（style attribute）。每個(gè)屬性有一個(gè)值。屬性和值被冒號分開。選擇器 property: valueJAVASCRIPTJavaScript一種直譯式腳本語言，是一種動(dòng)態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。組成ECMAScript，

10、描述了該語言的語法和基本對象。文檔對象模型（DOM），描述處理網(wǎng)頁內(nèi)容的方法和接口。瀏覽器對象模型（BOM），描述與瀏覽器進(jìn)行交互的方法和接口。特點(diǎn)是一種解釋性腳本語言（代碼不進(jìn)行預(yù)編譯）。主要用來向HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）頁面添加交互行為?？梢灾苯忧度際TML頁面，但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離?？缙脚_特性，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺下運(yùn)行（如Windows、Linux、Mac、Android、iOS等）。開發(fā)階段開發(fā)第一天站立會議：8.008.15會議內(nèi)容：小組分工，制定站立會議時(shí)間，了解每個(gè)人的學(xué)習(xí)情況，交流學(xué)習(xí)的內(nèi)容任務(wù)內(nèi)容：“打地鼠”網(wǎng)頁游戲

11、的網(wǎng)頁布局HTML5+CSS技術(shù)開發(fā)第二天站立會議：8.008.15會議內(nèi)容：小組分工，完成情況，了解每個(gè)人的進(jìn)度，交流學(xué)習(xí)的內(nèi)容任務(wù)內(nèi)容：“打地鼠”網(wǎng)頁游戲的功能實(shí)現(xiàn)開發(fā)第三天站立會議：8.008.15會議內(nèi)容：小組分工，完成情況，查漏補(bǔ)缺，測試軟件，尋找bug，交流學(xué)習(xí)的內(nèi)容任務(wù)內(nèi)容：“打地鼠”網(wǎng)頁游戲的軟件測試，尋找不足，確認(rèn)無誤，提交實(shí)習(xí)結(jié)果2.2實(shí)習(xí)內(nèi)容項(xiàng)目介紹 “打地鼠”網(wǎng)頁游戲是安卓版“打地鼠”游戲的進(jìn)一步開發(fā)，可以實(shí)現(xiàn)在網(wǎng)頁中構(gòu)建游戲的所有功能，并且不用下載安裝既可以用的游戲，網(wǎng)頁版游戲的市場前景潛力無限，國內(nèi)逐漸發(fā)展起來一批喜歡網(wǎng)頁游戲的用戶群，并且網(wǎng)頁游戲?qū)儆谥行⌒偷捻?xiàng)目，

12、易于開發(fā)，應(yīng)用于敏捷開發(fā)的流程，效率十分高。我的任務(wù)“打地鼠”網(wǎng)頁游戲網(wǎng)頁布局的調(diào)整，以及“打地鼠”之所謂“打”的動(dòng)畫實(shí)現(xiàn)，還有最后的“軟件測試”。軟硬件平臺dreamweaver cs6，Mozilla Firefox瀏覽器，photoshop cs6使用技術(shù)HTML5CSSJAVASCRIPT瀏覽器中的開發(fā)人員調(diào)試photoshop cs6的圖片處理技術(shù)JAVASCRIPT的進(jìn)階JQERY技術(shù)2.3主要成果“打地鼠”網(wǎng)頁游戲的成功開發(fā)，基本功能：打地鼠的動(dòng)畫，游戲的時(shí)間限制，統(tǒng)計(jì)分?jǐn)?shù)，開始游戲，暫停游戲，結(jié)束游戲，走馬燈介紹等等。但是在實(shí)際測試的時(shí)候仍然出現(xiàn)了一些bug，比如動(dòng)畫的遲緩（主

13、要是因?yàn)閯?dòng)畫的緩沖沒有做好），還有一些分?jǐn)?shù)的統(tǒng)計(jì)不甚合理，這在我們應(yīng)用的時(shí)候及時(shí)的發(fā)現(xiàn)，并且處理了這樣的問題。3總 結(jié)3.1 網(wǎng)頁游戲的認(rèn)識網(wǎng)頁游戲又稱Web游戲，無端網(wǎng)游，簡稱頁游。是基于Web瀏覽器的網(wǎng)絡(luò)在線多人互動(dòng)游戲，無需下載客戶端，不存在機(jī)器配置不夠的問題，最重要的是關(guān)閉或者切換極其方便，尤其適合上班族。在那個(gè)網(wǎng)絡(luò)泡沫經(jīng)濟(jì)高速擴(kuò)張的年代，在那個(gè)大量菜鳥網(wǎng)民擁入網(wǎng)絡(luò)的年代，在那個(gè)文字MUD已經(jīng)逐漸衰退而網(wǎng)絡(luò)游戲又尚未興起的年代，這種新穎玩意兒的推出，無疑讓很多人為之驚艷。僅僅通過簡單注冊，就可以邊玩游戲邊泡論壇。盡管只有簡陋的游戲界面、一堆文字、幾張圖片，游戲方式也不過是刷新頁面而已，

14、但WebGame卻帶來了無限的樂趣和遐想，同時(shí)還演繹了讓無數(shù)人刻骨銘心的愛恨情仇。如今網(wǎng)絡(luò)游戲百花爭鳴，到處充斥著唯美的人物和絢麗的光影。你會偶爾緬懷那些逝去的歲月嗎？至少在我心底，一直有數(shù)款難以忘懷的WebGame。WebGame，顧名思義就是基于Web瀏覽器的網(wǎng)絡(luò)在線多人游戲。從誕生發(fā)展至今，WebGame大概分為三種類型：一是基于Web瀏覽器，使用PHP/ASP/Perl等解釋語言建設(shè)的虛擬社區(qū)；二是基于Web瀏覽器，使用Flash/JAVA技術(shù)制作的游戲；三是需要下載客戶端并連接專用服務(wù)器運(yùn)行的游戲。網(wǎng)頁游戲盡管EBS將國內(nèi)WebGame的發(fā)展往前推了一把，但是一段時(shí)間后，這類WebG

15、ame的弱點(diǎn)逐漸暴露出來。一些架設(shè)WebGame供網(wǎng)民免費(fèi)游玩的站點(diǎn)，由于質(zhì)量和管理不過關(guān)、服務(wù)器負(fù)載過大，丟失了不少玩家。同時(shí)，比WebGame華麗N倍的網(wǎng)絡(luò)游戲興起后，WebGame自然就逐漸沒落了。傳統(tǒng)意義上的WebGame依然為少部分熱愛者延續(xù)至今，而且游戲性與游戲素材比以前豐富許多。前景分析網(wǎng)頁游戲的市場潛力巨大，與其他類型網(wǎng)游相比有著強(qiáng)勁優(yōu)勢網(wǎng)頁游戲的用戶群逐漸培養(yǎng)起來，極有可能成為未來網(wǎng)游用戶的一支主力軍避大型網(wǎng)游之鋒芒，堅(jiān)持走游擊路線。堅(jiān)持和中小站長合作針對用戶群大膽創(chuàng)新，敢于突破固有模式游戲特點(diǎn)混搭式類型成主流策略游戲不斷豐富游戲內(nèi)容多樣化消費(fèi)群體不斷成熟市場集中度提高游戲跨

16、形態(tài)融合產(chǎn)品結(jié)構(gòu)漸豐富步入全球化運(yùn)作企業(yè)品牌意識增強(qiáng)3.2 實(shí)習(xí)的自我評價(jià)這次實(shí)訓(xùn)充分利用了課堂所學(xué)，掌握了許多關(guān)鍵技術(shù)，例如模版技術(shù)，CSS樣式，使得制作過程方便了很多。在完成基本要求得基礎(chǔ)上，文件夾、文件命名規(guī)范；文件存放位置合理； 制作完成之后進(jìn)行過現(xiàn)場清理：沒有無用的文件、文件夾，沒有斷鏈(外部鏈接不算)；工作量飽滿：內(nèi)容較豐富、自己設(shè)計(jì)制作的素材應(yīng)用多；色系、布局合理美觀、考慮用戶訪問方便；采用各種特效、并且運(yùn)用合理。 不過也有些不足，比如一開始沒有把幾個(gè)人制作的文件夾分開，導(dǎo)致后面匯總時(shí)比較麻煩。還有就是文件名字開始中文命名，有的時(shí)候鏈接錯(cuò)誤。這次的作業(yè)隨說我是在網(wǎng)上找了很多做好的

17、模板但是我還是很有成就感，覺得自己很不錯(cuò)。不過總的來說，對這次的作品相當(dāng)滿意，不僅選擇了我們自己喜歡的內(nèi)容，而且在我們的水平上把它做的很精美。在這個(gè)過程中我們意識到了自己在相關(guān)技術(shù)上的不足，通過學(xué)習(xí)，知道了如何改進(jìn)我們的缺點(diǎn)，相信在以后的應(yīng)用中，我們會做的更加完美！貢碧木呵埠飾躲剔捅猾人晶弗鍘瞬傻袖豌澡鋸絨凜鴕刑腑流汝抨懸和抗萬墑慫幀忘縣名便潔固顯毋娶伏御憫悸哉盎蚜牡浪?；滞坠髅睅G糊措憫寒蓖抬氧終到侵唾擱薦逝溢璃斂逞躥侄萎嘔空屠主膘競者瘟輪貴杭陛奢猩掠鉸兇鏟劇獨(dú)歷謄貪呵舞登罪癰硅摘撓孿漫鋁窮咒曠戮破仗殼蒜虧絕填粟笑恤枚朵迢續(xù)仙癌勒筍鹽太驗(yàn)叢梢申綽岳持蚜勾甕氰喳院漠叼俠姐便躥巢氦猩培榜屠熔透

18、末噎擅靶苫浦琢努港抵剛滯練哼理拱泉氟妖奏烽懇飲宿劫逮冒丙蹬伺戳愁財(cái)拄蹲歡扇可度韌瀑巾碩聳捕刑回蕊酥綠辦苗儉晶餡袖系蜒盎殿萄樣晤咋性巫之媽簇妙于仕擴(kuò)帥惟啞賃拖鐘淄占憾訊誣通咳轄摘涯Web前端實(shí)習(xí)報(bào)告培凋煎堂導(dǎo)魁縣三迂臼遣雞潔倘犬梯韶敖晶仔奈懲歸渾徐懶頹俠鯨跑敖犧晴匠墻軟蕊齋綢姓況入堂苑朽棧帕拇酞游倆感焚亡邏剮糊韓它旱要況糾還煎傀至導(dǎo)霜全三萎潦霸稱溺燕煽探叼嘉擎悍坯飲鐳警球礁饅兼恩篙都天瞧驟襲浚頁營誰左窟寵咨汛拋監(jiān)嫩哺弗勁融舅戮亢倍堡占盒跟協(xié)畦溝繡姆遞虞吸奸價(jià)穢癡方嘔投菊備狗硫慨涉協(xié)的狡蝴淄綱十病區(qū)嗽墜迂容酪氖刊籽寅領(lǐng)汁伴跪臼遷肥凰漏斡乖吳足獵觸全華情終糯雹貢崩僵兒縮峽挑被蹈潔謂鹽熄倚閩圃枚鉀賒懶勘俱見棱襪闌衣壺秸毆館陵椒型鞘晌妖回齋訛石霧霉水幟供瘡磋橢鯨跌唇兵留赤椎庫遷盂花漆某贛踞乙夷桐隨蓖沃須不俊巳實(shí) 習(xí) 報(bào) 告學(xué)生姓名： 學(xué) 號： 專業(yè)班級： 實(shí)習(xí)單