-
web前端實(shí)訓(xùn)報(bào)告
推薦度：
- 相關(guān)推薦
web實(shí)訓(xùn)報(bào)告
在日常生活和工作中，接觸并使用報(bào)告的人越來(lái)越多，報(bào)告具有雙向溝通性的特點(diǎn)。那么一般報(bào)告是怎么寫的呢？以下是小編精心整理的web實(shí)訓(xùn)報(bào)告，希望能夠幫助到大家。
web實(shí)訓(xùn)報(bào)告1
一、實(shí)訓(xùn)項(xiàng)目
簡(jiǎn)易記事本
二、實(shí)訓(xùn)目的和要求
本次實(shí)訓(xùn)是對(duì)前面學(xué)過(guò)的所有面向?qū)ο蟮木幊趟枷胍约癑AVAWEB編程方法的一個(gè)總結(jié)、回顧和實(shí)踐，因此，開始設(shè)計(jì)前學(xué)生一定要先回顧以前所學(xué)的內(nèi)容，明確本次作業(yè)設(shè)計(jì)所要用到的技術(shù)點(diǎn)并到網(wǎng)上搜索以及查閱相關(guān)的書籍來(lái)搜集資料。通過(guò)編寫采用JSP+Servlet+JavaBean技術(shù)框架的應(yīng)用系統(tǒng)綜合實(shí)例，以掌握J(rèn)avaWEB開發(fā)技術(shù)。
具體要求有以下幾點(diǎn)：
1.問(wèn)題的描述與程序?qū)⒁獙?shí)現(xiàn)的具體功能。
2.程序功能實(shí)現(xiàn)的具體設(shè)計(jì)思路或框架，并檢查流程設(shè)計(jì)。3.代碼實(shí)現(xiàn)。4.設(shè)計(jì)小結(jié)。
三、實(shí)訓(xùn)項(xiàng)目的開發(fā)環(huán)境和所使用的技術(shù)
基于J2SE基礎(chǔ)，利用MyEclipse8.5以上版本的集成開發(fā)環(huán)境完成實(shí)訓(xùn)項(xiàng)目，界面友好，代碼的可維護(hù)性好，有必要的注釋和相應(yīng)的文檔。
四、實(shí)訓(xùn)地點(diǎn)、日程、分組情況：
實(shí)訓(xùn)地點(diǎn)：4棟303機(jī)房日程：
第一階段：1.班級(jí)分組，選定課題，查閱相關(guān)資料半天2.劃分模塊、小組成員分工半天3.利用CASE工具進(jìn)行系統(tǒng)設(shè)計(jì)和分析，并編制源程序5天
第二階段：上機(jī)調(diào)試，修改、調(diào)試、完善系統(tǒng)2天
第三階段：撰寫、上交課程設(shè)計(jì)報(bào)告，上交課程設(shè)計(jì)作品源程序(每人1份)2天
五、程序分析
功能模塊說(shuō)明彈出菜單
for(intf=0;f 創(chuàng)建保存文件對(duì)話框
publicvoidsaveFile(){ 創(chuàng)建打開文件對(duì)話框
privatevoidopenFile(){ JFileChooserfilechoose=newJFileChooser();intresult=filechoose.showOpenDialog(null);if(result==JFileChooser.APPROVE_OPTION)}
{try{
Filefile=filechoose.getSelectedFile();FileReaderfr=newFileReader(file);intlen=(int)file.length();char[]context=newchar[len];fr.read(context,0,len);fr.close();
jta.setText(newString(context)); JFileChooserfilechoose=newJFileChooser();intresult=filechoose.showSaveDialog(null);if(result==JFileChooser.APPROVE_OPTION)}
{try{
Filefile=filechoose.getSelectedFile();FileWriterfw=newFileWriter(file);fw.write(jta.getText());fw.close();
}catch(Exceptione){System.out.println("保存文件失敗!");}}elsereturn;
}catch(Exceptione){System.out.println("打開文件失敗!");}}elsereturn;
六、程序設(shè)計(jì)及實(shí)現(xiàn)
1、實(shí)現(xiàn)彈出菜單(JpopupMenu)2、設(shè)置字型，字體大小，字體顏色3、實(shí)現(xiàn)自動(dòng)換行
七、實(shí)訓(xùn)總結(jié)
通過(guò)3天的實(shí)訓(xùn)，雖然實(shí)訓(xùn)的時(shí)間不長(zhǎng)，但是總體上收獲是很大的，我們的java課程學(xué)到的只是對(duì)java略知一二，[javaweb實(shí)習(xí)報(bào)告]一開始我還沒(méi)有信心完成。我仔細(xì)看了書上的代碼之后。對(duì)計(jì)事本有了一個(gè)大體的了解，在初訓(xùn)的實(shí)候知道自己應(yīng)該做一個(gè)什么樣的計(jì)事本了，在實(shí)訓(xùn)的過(guò)程中也遇到了不少困難，通過(guò)查API文檔和看書，解決了問(wèn)題，在寫到字符的查找的替換時(shí)后，用到了上課時(shí)學(xué)到的知識(shí)，對(duì)字體的風(fēng)格的保存里面的顏色分離和還原方法，是通過(guò)查API文檔獲得的,現(xiàn)在我所寫的計(jì)事本只實(shí)現(xiàn)在一些基本功能。簡(jiǎn)單的復(fù)制粘貼，字體風(fēng)格的設(shè)置，還有就是查找和替換功能以及一些字體風(fēng)格的保存.對(duì)文件的操作基本都用到了。
在實(shí)現(xiàn)記事本的功能過(guò)程中，也不是很順利，基本的文件讀寫和保存文檔的復(fù)制、粘貼、刪除等功能還比較容易實(shí)現(xiàn)，但如何改變字體、字體顏色和背景顏色，就比較麻煩了，要實(shí)現(xiàn)字體顏色和背景顏色，首先要調(diào)用系統(tǒng)的調(diào)色板，再進(jìn)行設(shè)置。但如何調(diào)用系統(tǒng)調(diào)色板?我是通過(guò)查閱幫助文檔來(lái)找到其調(diào)用方法的。像自動(dòng)換行、設(shè)置字體等都是通過(guò)方法來(lái)調(diào)用，給相關(guān)事件加上監(jiān)聽，在進(jìn)行響應(yīng)事件。整個(gè)程序中方法才是最關(guān)鍵的，也是最困難的.。所以像查找、替換、轉(zhuǎn)到幾個(gè)功能我都不知道用什么方法，也由于時(shí)間有限，沒(méi)有完成其功能。總體的感覺(jué)是對(duì)java有了一個(gè)全新的認(rèn)識(shí)，現(xiàn)在感覺(jué)用java做小的圖形用戶程序有些缺陷，但是在其的應(yīng)用方面。尤其是有網(wǎng)絡(luò)方面的應(yīng)用，在整個(gè)實(shí)訓(xùn)我也嘗試過(guò)做一個(gè)小的畫圖軟件。但是由于時(shí)間關(guān)系還有一個(gè)是自身的知識(shí)的欠缺，最終這個(gè)事情被擱淺下來(lái)了。最后還是進(jìn)行計(jì)事本的編寫。由于在做畫圖軟件時(shí)花了不了時(shí)間，所以現(xiàn)在的計(jì)事本的功能不是很全，如果有更多的時(shí)間，我會(huì)把這個(gè)記事體再完善一下，再把畫圖軟件也做出來(lái)。實(shí)訓(xùn)的時(shí)間不長(zhǎng)，但是我會(huì)在課外把它們的功能完善。然后再學(xué)習(xí)一下java和網(wǎng)絡(luò)的編程，體驗(yàn)java的前沿技術(shù)。
在學(xué)習(xí)的過(guò)程中也體會(huì)到，遇到問(wèn)題也要請(qǐng)教。不然的話自己一個(gè)人去做的話會(huì)花很多的時(shí)間，我在做這個(gè)記事本的時(shí)間，其中也問(wèn)到過(guò)許多問(wèn)題，通過(guò)同學(xué)的幫助下解決了，提高了程序的開發(fā)進(jìn)程。其他的同學(xué)有問(wèn)題的話我也是給他們盡量解決。我認(rèn)為學(xué)習(xí)知識(shí)的過(guò)程當(dāng)中就應(yīng)該是相互學(xué)習(xí)相互進(jìn)步的。
Java是面在的主流技術(shù)我會(huì)努力將它學(xué)好，現(xiàn)在我缺乏的是堅(jiān)持不懈的精神，我會(huì)向他學(xué)習(xí)。
雖然學(xué)習(xí)java的路還很找，但我會(huì)繼續(xù)走下去。
web實(shí)訓(xùn)報(bào)告2
一、實(shí)訓(xùn)項(xiàng)目
簡(jiǎn)易記事本
二、實(shí)訓(xùn)目的和要求
本次實(shí)訓(xùn)是對(duì)前面學(xué)過(guò)的所有面向?qū)ο蟮木幊趟枷胍约癑AVAWEB編程方法的一個(gè)總結(jié)、回顧和實(shí)踐，因此，開始設(shè)計(jì)前學(xué)生一定要先回顧以前所學(xué)的內(nèi)容，明確本次作業(yè)設(shè)計(jì)所要用到的.技術(shù)點(diǎn)并到網(wǎng)上搜索以及查閱相關(guān)的書籍來(lái)搜集資料。
通過(guò)編寫采用JSP+Servlet+JavaBean技術(shù)框架的應(yīng)用系統(tǒng)綜合實(shí)例，以掌握J(rèn)avaWEB開發(fā)技術(shù)。
具體要求有以下幾點(diǎn)：
1。問(wèn)題的描述與程序?qū)⒁獙?shí)現(xiàn)的具體功能。
2。程序功能實(shí)現(xiàn)的具體設(shè)計(jì)思路或框架，并檢查流程設(shè)計(jì)。
3。代碼實(shí)現(xiàn)。
4。設(shè)計(jì)小結(jié)。
三、實(shí)訓(xùn)項(xiàng)目的開發(fā)環(huán)境和所使用的技術(shù)
基于J2SE基礎(chǔ)，利用MyEclipse8。5以上版本的集成開發(fā)環(huán)境完成實(shí)訓(xùn)項(xiàng)目，界面友好，代碼的可維護(hù)性好，有必要的注釋和相應(yīng)的文檔。
四、實(shí)訓(xùn)地點(diǎn)、日程、分組情況：
實(shí)訓(xùn)地點(diǎn)：4棟303機(jī)房日程：
第一階段：1、班級(jí)分組，選定課題，查閱相關(guān)資料半天2、劃分模塊、小組成員分工半天3、利用CASE工具進(jìn)行系統(tǒng)設(shè)計(jì)和分析，并編制源程序5天
第二階段：上機(jī)調(diào)試，修改、調(diào)試、完善系統(tǒng)2天
第三階段：撰寫、上交課程設(shè)計(jì)報(bào)告，上交課程設(shè)計(jì)作品源程序（每人1份）2天。
web實(shí)訓(xùn)報(bào)告3
經(jīng)過(guò)這幾個(gè)月的實(shí)習(xí)努力，我做的幾個(gè)網(wǎng)站已經(jīng)掛到了網(wǎng)上，很欣慰，有進(jìn)步，繼續(xù)加油。
我的第一份工作是在深圳E醫(yī)院工作，我歸屬于網(wǎng)絡(luò)部網(wǎng)頁(yè)設(shè)計(jì)開發(fā)兼優(yōu)化推廣等，在深圳E醫(yī)院網(wǎng)絡(luò)部，我主要是負(fù)責(zé)的是：網(wǎng)頁(yè)設(shè)計(jì)（如網(wǎng)站的改良工、設(shè)計(jì)新的專題網(wǎng)站等），兼顧優(yōu)化與推廣。
磨煉了二個(gè)多月，逐漸的接觸網(wǎng)站的設(shè)計(jì)與改良，全部的網(wǎng)站都重新排版與設(shè)計(jì)，同時(shí)，得采用優(yōu)化角度考慮布局和運(yùn)用CSS+DIV來(lái)構(gòu)建心里苦澀，CSS+DIV，我還沒(méi)學(xué)到家吖，看來(lái)還得努力學(xué)習(xí)，就這樣，白天專心做好工作事項(xiàng)，晚上專心惡補(bǔ)CSS+DIV、優(yōu)化知識(shí)等。終于自己設(shè)計(jì)的網(wǎng)站成功上線，很欣慰，無(wú)愧于此。
原本想讓自己休息一陣子，可是無(wú)聊和休閑不太適合我，于是到第三天，開始網(wǎng)站投簡(jiǎn)歷，意料不到，隔天就收到深圳市z科技有限公司的面試通知，后面試完不久，又接到該公司成功錄取（很開心也很興奮，嘻嘻，因?yàn)槲也挥米鰺o(wú)業(yè)游民了）。
3月14日，我又重新展開我的職業(yè)生涯，勇敢向前沖。在剛到新公司報(bào)到，一切都得從零開始，同時(shí)，要學(xué)習(xí)知識(shí)方面也逐漸地?cái)U(kuò)大。蔣副總和主管給我兩周左右的時(shí)間適當(dāng)環(huán)境與熟悉一下近輔助軟件等，終于在第三周起，我逐漸地開始接觸公司布置的任務(wù)，剛開始，著手設(shè)計(jì)并規(guī)劃公司的門戶，因?yàn)槟壳肮境闪⒔哪甓�，還沒(méi)有一個(gè)能真正給大眾能一目清晰的公司性質(zhì)與發(fā)展方向等。
其實(shí)，自己在負(fù)責(zé)設(shè)計(jì)與制作公司門戶，其中碰到不少問(wèn)題，因?yàn)槿缃癫捎貌季挚蚣�，唯�?dú)CSS+DIV，因此，過(guò)程中碰到的問(wèn)題不單單只是CSS規(guī)范寫法，同時(shí)得考慮寫法是否引起兼容性的錯(cuò)亂等等。
當(dāng)初成品網(wǎng)站提給老總和副總等人瀏覽時(shí)，其中錯(cuò)誤不斷，而且也出現(xiàn)編寫腳本錯(cuò)誤等等，讓我無(wú)比的無(wú)奈，因?yàn)槲以诰帉懪c設(shè)計(jì)過(guò)程，基本會(huì)考慮到IE、FF等常見的BUG問(wèn)題，沒(méi)想到在本機(jī)測(cè)試時(shí)，基本都正常，但在給不同用戶體驗(yàn)時(shí)，時(shí)常會(huì)出現(xiàn)腳本錯(cuò)誤提醒和一些屬性中在不同瀏覽出現(xiàn)的BUG……
經(jīng)過(guò)不斷地測(cè)試與修改，終于，完成了該站，結(jié)束為期半個(gè)多月的任務(wù)，同時(shí)，公司門戶也如期更新與使用。事后主管也跟我說(shuō)，經(jīng)過(guò)這次CASE中，自己要多想想并做好總結(jié)，那些是自己日后該避免，那些是自己目前得加強(qiáng)與鞏固等等，讓自己的設(shè)計(jì)與制作水平提高一定層次，切記驕傲滯前！
在獨(dú)自完成這個(gè)CASE中，我也發(fā)現(xiàn)自己需要惡補(bǔ)的東西，很多很多，例如，如何能做到盡快克服各瀏覽器中的BUG，怎樣使得布局按照優(yōu)化角度來(lái)設(shè)計(jì)，怎樣讓用戶者體驗(yàn)舒服，怎樣讓呆板的.網(wǎng)頁(yè)賦有生機(jī)，讓大眾感覺(jué)盡管內(nèi)容雖少卻不失想瀏覽之心或內(nèi)容過(guò)充實(shí)卻不會(huì)造成冗余等等，而其中就借助JavaS-cript、aJax、Jquery等腳本的編寫……這些知識(shí)是我目前為缺乏的，也是需要惡補(bǔ)的知識(shí)，所以，一旦有時(shí)間，我得努力地學(xué)習(xí)與逐漸地應(yīng)用實(shí)際操作上，讓自己做到懂得一舉反三等等，而不是過(guò)于呆板引用等。
總之，經(jīng)過(guò)這半年工作實(shí)踐與體驗(yàn)，雖在不同公司性質(zhì)中實(shí)習(xí)，但確實(shí)讓自己成長(zhǎng)了不少，也明白不管在學(xué)校還是在社會(huì)上，如果要讓別人肯定你，聘用你等，關(guān)鍵在于自己是否有一門技術(shù)吸引著別人或讓別人想收為己用的心態(tài)等，同時(shí)，主管也跟我說(shuō)起：自己要懂得，如果想要在IT行業(yè)長(zhǎng)時(shí)間發(fā)展，不單單只需要良好的WEB前端技術(shù)，同時(shí)也需要一門動(dòng)態(tài)語(yǔ)言來(lái)補(bǔ)充著自己，讓自己不過(guò)于依賴別人，嘗試讓別人依賴自己，這樣，處于IT網(wǎng)頁(yè)制作行業(yè)中，就不輕易讓人淘汰等。
在調(diào)整好心態(tài)，努力工作下，目前在該公司獨(dú)自做好幾個(gè)CASE，現(xiàn)在又接手做子公司站，希望自己能越做越好，加油，為美好的明天，勇敢向前沖！
web實(shí)訓(xùn)報(bào)告4
一.網(wǎng)站的需求分析
對(duì)于個(gè)人網(wǎng)站而言，一個(gè)好的網(wǎng)頁(yè)會(huì)給人留下深刻的印象，那樣才會(huì)提高網(wǎng)站的知名度才會(huì)增加點(diǎn)擊率。如果通過(guò)網(wǎng)站管理系統(tǒng)工作，就可以拓開以前傳統(tǒng)的宣傳思路，用戶可以通過(guò)上網(wǎng)就能達(dá)到找到所需要材料的目的，并且可以給管理員留言以反饋意見。
二.系統(tǒng)實(shí)現(xiàn)所需要的軟件
網(wǎng)頁(yè)編輯排版Dreamweaver CS3、網(wǎng)頁(yè)圖像制作軟件Photo CS2、網(wǎng)頁(yè)動(dòng)畫制件軟件Flash、ACCESS數(shù)據(jù)庫(kù)、動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言ASP
三、網(wǎng)站設(shè)計(jì)的思路
網(wǎng)站拓?fù)鋱D構(gòu)畫
從開始想創(chuàng)建網(wǎng)站到最后的個(gè)人網(wǎng)站的上傳發(fā)布是需要包含一個(gè)完整的工作流程。網(wǎng)站包括哪些欄目，采用什么樣的制作結(jié)構(gòu)，這些都是我們?cè)谥谱骶W(wǎng)站前首先要確定的，
下面是我個(gè)人網(wǎng)站的結(jié)構(gòu)圖：
四、系統(tǒng)功能模塊的實(shí)現(xiàn)過(guò)程
個(gè)人網(wǎng)站實(shí)現(xiàn)了留言、文章、相冊(cè)、日志、注冊(cè)、鏈接、調(diào)查、后臺(tái)管理等諸多功能于一體的網(wǎng)站。本人經(jīng)過(guò)需求分析、和可行性的管理方式進(jìn)行了前臺(tái)設(shè)計(jì)與后臺(tái)管理。通過(guò)數(shù)據(jù)庫(kù)的創(chuàng)建與連接實(shí)現(xiàn)了人機(jī)交互功能。
1個(gè)人首頁(yè)功能模塊功能的實(shí)現(xiàn)過(guò)程
個(gè)人首頁(yè)主要放置主人的最新動(dòng)態(tài)，導(dǎo)航條菜單包括首頁(yè)、個(gè)人簡(jiǎn)歷、個(gè)人相冊(cè)、文字拾掇、我的聊吧、給我留言、友情鏈接。給我留言，必須通過(guò)先登陸或先注冊(cè)才能進(jìn)行留言。底部插入個(gè)人網(wǎng)站的版權(quán)信息，同時(shí)也加入了聯(lián)系我們、后臺(tái)管理、首頁(yè)收藏、設(shè)為首頁(yè)、版權(quán)聲明。
�。�1）.個(gè)人首頁(yè)導(dǎo)航功能實(shí)現(xiàn)介紹
個(gè)人首頁(yè)導(dǎo)航有七個(gè)鏈接分別是：我的首頁(yè)、個(gè)人簡(jiǎn)歷、個(gè)人相冊(cè)、文字拾掇、 我的聊吧、給我留言、友情鏈接。它們都采用“行為”中“交換圖像”。如圖3-1所示。
�。�2）.個(gè)人首頁(yè)公告欄功能實(shí)現(xiàn)過(guò)程
公告欄的功能主要是對(duì)于瀏覽者現(xiàn)設(shè)計(jì)的。當(dāng)瀏覽者進(jìn)入首頁(yè)時(shí)就可以看到分告欄中的信息。主要用于提示和建議如何進(jìn)行合法訪問(wèn)和主人的一些個(gè)人小要求。如圖3-2所示。
本站最新公告欄中的信息當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)就停止，當(dāng)鼠標(biāo)移開時(shí)又開始流動(dòng)。其功能的實(shí)現(xiàn)主要是通過(guò)以下代碼：
scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
�。�3）.留言板功能實(shí)現(xiàn)過(guò)程
設(shè)計(jì)一個(gè)留言板作為和瀏覽者交流的紐帶，這樣可隨時(shí)掌握瀏覽者的相關(guān)信息和最新動(dòng)態(tài)。瀏覽者通過(guò)留言后提交到后臺(tái)數(shù)據(jù)庫(kù)中，然后管理用戶可以通過(guò)后臺(tái)進(jìn)行對(duì)其留言的回復(fù)。留言薄的設(shè)計(jì)如圖3-4所示這樣就可以產(chǎn)生一個(gè)動(dòng)態(tài)的留言薄交互平臺(tái)。
�。�4）.注冊(cè)功能模塊實(shí)現(xiàn)過(guò)程
注冊(cè)頁(yè)面主要是對(duì)于沒(méi)有用戶名和帳號(hào)的瀏覽者要進(jìn)行留言時(shí)所設(shè)計(jì)的頁(yè)面。當(dāng)瀏覽者注冊(cè)后的信息將自動(dòng)提交到后臺(tái)數(shù)據(jù)庫(kù)中，以便下次要進(jìn)行留言。注冊(cè)頁(yè)面的設(shè)計(jì)
2個(gè)人簡(jiǎn)介功能模塊的實(shí)現(xiàn)過(guò)程
本模塊是個(gè)人簡(jiǎn)介部分，每個(gè)個(gè)人網(wǎng)站都會(huì)有作者介紹。在個(gè)人簡(jiǎn)介中主要實(shí)現(xiàn)了兩個(gè)功能模
塊分別是：個(gè)人簡(jiǎn)歷列信息顯示和個(gè)人作品的展現(xiàn)。在這頁(yè)面主要的是靜態(tài)的頁(yè)面。只在個(gè)人簡(jiǎn)歷頁(yè)面采用了熱點(diǎn)鏈接來(lái)進(jìn)行到個(gè)人作品的跳轉(zhuǎn)。在這個(gè)模塊訪客會(huì)了解到作者的一些基本信息，界面內(nèi)容如圖3-6所示。
完成上述頁(yè)面后，單擊我的“作品展示”這時(shí)鏈接到我的個(gè)人作品頁(yè)面。這個(gè)頁(yè)面基本上是靜態(tài)的.。主要放置了我的Photoshop作品和Flash作品等。在這個(gè)有限和空間里放置我的作品是不夠的。所以采用了用層和行為來(lái)進(jìn)和作品的交換顯示。界面的內(nèi)容如圖3-7所示。
3個(gè)人相冊(cè)功能模塊的實(shí)現(xiàn)過(guò)程
本模塊是展示個(gè)人的相冊(cè)，主要是借鑒影集的制作來(lái)完成個(gè)人相冊(cè)的功能的實(shí)現(xiàn)。個(gè)人相冊(cè)進(jìn)行好歸類后分成多個(gè)方面的相冊(cè)所以首先進(jìn)入是個(gè)人相冊(cè)的目錄。個(gè)人相冊(cè)主中，瀏覽者可以看到我“求學(xué)生涯”、“友情合影”、“大學(xué)生活”、“歡樂(lè)之行”、“擁抱記憶”、“溫馨之家”，的相關(guān)照片。在進(jìn)行相冊(cè)查看時(shí)瀏覽者通過(guò)單擊滾動(dòng)中的小圖片然后在層中顯示在圖片,如下圖3-8所示。
web實(shí)訓(xùn)報(bào)告5
所謂行萬(wàn)里路，必先始于足下。剛開始學(xué)習(xí)WEB前端基礎(chǔ)的時(shí)候，老師說(shuō)，其實(shí)你們學(xué)的這個(gè)后面真正去工作的時(shí)候可能也不是很會(huì)用到，所以就有很多人會(huì)問(wèn)，既然我們都用不到，那干嘛還學(xué)呀？其實(shí)，對(duì)于一個(gè)程序員來(lái)說(shuō)，你不僅要有很好的后端專業(yè)能力，你還應(yīng)當(dāng)具備一定的前端素養(yǎng)，知道一些起碼的前端知識(shí)。
來(lái)到XX的第一個(gè)月，我們是以基礎(chǔ)為主吧，因?yàn)榇蠹业竭@里的基礎(chǔ)都不一樣，有一些本身就具備很高水準(zhǔn)的人，也有很多像自己一樣從小白開始的人，所以，對(duì)我們而言，XX開設(shè)的這種雙元模式對(duì)我們是有很大用處的。我們從最基礎(chǔ)的開始學(xué)習(xí)，在學(xué)習(xí)HTML的時(shí)候，我們還延續(xù)著很古老和古老的表格制作網(wǎng)站，然后到后面的CSS學(xué)習(xí)，用CSS樣式去進(jìn)一步完善我們制作的網(wǎng)址，再到著一期的難點(diǎn)JS課程體系，一級(jí)最后的JQ和BOOtstrap，可以說(shuō)這個(gè)過(guò)程其實(shí)也是一個(gè)循序肩頸的過(guò)程，有簡(jiǎn)到難的過(guò)程。
第一部分：HTML的學(xué)習(xí)
其實(shí)HTML的四天學(xué)習(xí)的話，重要的就是一個(gè)標(biāo)記的學(xué)習(xí)，這大概是學(xué)習(xí)一門語(yǔ)言最基礎(chǔ)的一部分吧。但是也不是說(shuō)背一背就解決問(wèn)題的，選擇IT，程序員這一方面，只要多練習(xí)，多敲代碼感覺(jué)就好了，所以熟練的使用這些標(biāo)記其實(shí)不是很大的問(wèn)題，對(duì)自己來(lái)說(shuō)，比較難的是一個(gè)表格和框架，也許會(huì)有人說(shuō)，表格有什么難的，就行列的問(wèn)題啊，但是不知道為什么，在學(xué)習(xí)的那幾天對(duì)于表格的學(xué)習(xí)和接受能力都沒(méi)有別的那么好，表格的整體框架能搭出來(lái)，但是就是對(duì)于表格的美化總做不到自己心里所預(yù)期的那樣。其實(shí)練習(xí)的話也是挺多的，對(duì)于表格的網(wǎng)頁(yè)練習(xí)做了應(yīng)該也有一二十個(gè)的，但是就是沒(méi)那么理想，所以這方面的話也是需要自己多加練習(xí)和修正的，因?yàn)楸砀竦挠锰庍�是挺大的。HTML的學(xué)習(xí)方面還有框架和表單，框架的話，就是一個(gè)網(wǎng)頁(yè)的主體了，網(wǎng)頁(yè)的大致形式基本上從你的框架結(jié)構(gòu)就可以知道的，學(xué)習(xí)框架，重要的就是網(wǎng)頁(yè)的布局如何劃分，然后利用框架的嵌套，浮動(dòng)就可以解決的，學(xué)習(xí)過(guò)程也不會(huì)是很大的難度。
想想HTML還學(xué)了些什么呢？表單！表單對(duì)前端開發(fā)來(lái)說(shuō)還是挺高的，因?yàn)槲覀兡茉谝粋�(gè)網(wǎng)頁(yè)中看到很多的表單應(yīng)用。包括用戶的注冊(cè)啦，密碼驗(yàn)證啦，還有搜索欄之類的，幾乎全是表單的'應(yīng)用。表單學(xué)習(xí)比較重要的地方應(yīng)該就是那十來(lái)個(gè)表單控件的應(yīng)用，這些表單控件進(jìn)一步區(qū)分的話還有就是單邊標(biāo)記和雙邊標(biāo)的的表單控件，因?yàn)楹芏鄦芜厴?biāo)記的表單，他的值一般只能是存在value當(dāng)中，如果不注意的話，很多時(shí)候我們會(huì)忘記寫上這個(gè)value。這個(gè)階段的表單感覺(jué)并不是那么難，當(dāng)然，學(xué)到后面的JS之后，相對(duì)于表單驗(yàn)證之類的才感覺(jué)難了很多。
第二部分：CSS學(xué)習(xí)
對(duì)我來(lái)說(shuō)，CSS課程雖然只有三天，但是卻是更應(yīng)該學(xué)好的一個(gè)模塊。因?yàn)槲覀兌贾�，其�?shí)一個(gè)網(wǎng)站的WEB前端，就是用
加CSS來(lái)寫的，不是用之前的表格來(lái)寫的，足以見得CSS的重要性。CSS就是網(wǎng)頁(yè)樣式，一個(gè)網(wǎng)頁(yè)的整體美感，在你確定了框架之后，就看你的CSS樣式的添加了，所以一直以來(lái)都很想把CSS學(xué)好。記得CSS學(xué)習(xí)的那幾天，自己的消化還是很好的，自己去獨(dú)立完成練習(xí)的時(shí)候也是沒(méi)有太大難度的，但是不知道是為什么，到后面學(xué)習(xí)JSJQ的時(shí)候，操作CSS時(shí)居然會(huì)吧CSS和HTML弄的有點(diǎn)混淆，這一點(diǎn)一直沒(méi)做好。CSS的學(xué)習(xí)還有一個(gè)地方就是浮動(dòng)，因?yàn)榇嬖趬K元素和行輩元素，塊元素因?yàn)槠浔旧硖匦�，一個(gè)塊元素標(biāo)記他要占用一整行的空間，而一個(gè)行內(nèi)元素他只能占用行內(nèi)的一些空間，但是在實(shí)際操作中，很多時(shí)候我們卻要想將多個(gè)塊元素排在同一行，或者將多個(gè)行內(nèi)元素排在不同行，這時(shí)候就可以使用浮動(dòng)的方法來(lái)實(shí)現(xiàn)，浮動(dòng)最主要做的就是這個(gè)，唯一要記住的一點(diǎn)就是做了浮動(dòng)之后，如果他的父元素是沒(méi)有進(jìn)行匡高的設(shè)定的話，是不是要進(jìn)行清除浮動(dòng)，防止下面的操作也是有浮動(dòng)的。
第三部分：重點(diǎn)學(xué)習(xí)JS
JS是相對(duì)于這整個(gè)月學(xué)習(xí)的重點(diǎn)吧，也是很多人沒(méi)辦法很好接觸的地方，當(dāng)然，自己在這里的學(xué)習(xí)也是有不足的地方。像一些對(duì)屬性的操作的標(biāo)記之類，懂得怎么用，但是不是很熟悉，所以經(jīng)常在操作的時(shí)候要去查手冊(cè)。學(xué)的最不好的一個(gè)地方應(yīng)該是將數(shù)組中的元素按照一定的規(guī)則或者順序添加到指定或?qū)?yīng)的表格中，這中題型是自己做的比較少的，也是掌握很不好的地方，所以也希望用放假的這幾天好好練習(xí)一下，不能拖到下一個(gè)階段去。個(gè)人對(duì)JS的理解其實(shí)就是大量算法的集合，因?yàn)楹芏鄷r(shí)候你都會(huì)用到函數(shù)，只是多了一些找元素和對(duì)元素綁定標(biāo)記的過(guò)程，最重要的還是構(gòu)造函數(shù)，調(diào)用函數(shù)的過(guò)程！
第四部分：JQ及Bootstrap
對(duì)于JQ和Bootstrap的學(xué)習(xí)來(lái)說(shuō)，其實(shí)就是一個(gè)應(yīng)用的過(guò)程吧，所有的函數(shù)都幫你寫好了，你只需要學(xué)會(huì)調(diào)用就好了的。當(dāng)然。調(diào)用他，其實(shí)對(duì)于JQ來(lái)說(shuō)，學(xué)習(xí)的過(guò)程沒(méi)有具備很大的難度，只是嘗試著去多寫寫，寫兩三次基本就記住怎么用了。最后還有一天的Bootstrap學(xué)習(xí)，寫過(guò)一些案例，只要會(huì)改，基本沒(méi)有太大的難度。
后續(xù)：其實(shí)對(duì)于WEB前端的學(xué)習(xí)的話重要的就是多用，很多東西我們上課聽得時(shí)候其實(shí)都基本聽得懂，但是更重要的是在于你課后的練習(xí)，離開了老師的一個(gè)思維引導(dǎo)，我們?cè)撛鯓尤ネ瓿身?xiàng)目才是我們?cè)搶W(xué)會(huì)的。這一個(gè)月的學(xué)習(xí)難度系數(shù)都不是很高。但卻是一個(gè)比較繁雜的過(guò)程，因?yàn)樽鳛榍岸藖?lái)說(shuō)，我們需要不斷的優(yōu)化，不斷的修正，美化整個(gè)頁(yè)面。不管是前端還是后端，都希望自己能好好學(xué)！
【web實(shí)訓(xùn)報(bào)告】相關(guān)文章：
實(shí)訓(xùn)的報(bào)告02-21
汽車技能實(shí)訓(xùn)車間實(shí)訓(xùn)報(bào)告01-07