web實訓(xùn)報告(集錦4篇)
我們眼下的社會，大家逐漸認識到報告的重要性，報告包含標題、正文、結(jié)尾等。為了讓您不再為寫報告頭疼，以下是小編為大家整理的web實訓(xùn)報告，僅供參考，希望能夠幫助到大家。
web實訓(xùn)報告1
進入XXweb班近一個月了，從一無所知的小白到現(xiàn)在也完成了京東詳情頁的一個小項目。學(xué)習過程中除了偶爾遇到困難，總體還算順利。在這里主要想分享自己以一個文科生――零基礎(chǔ)學(xué)員的角度來學(xué)習web前端開發(fā)的感受。
由于之前在大學(xué)里是學(xué)的旅游專業(yè)，和計算機毫無關(guān)系，來到XX時對自己有些半信半疑。不少人甚至懷疑XX是行騙機構(gòu)。在做了全面的了解之后，我勸服家人同意我來這里學(xué)習。另一方面，我向老師咨詢了自己學(xué)習的方向，考慮到自己從文科到計算機專業(yè)跨度較大的轉(zhuǎn)變，我在Java與web之間選擇了web。相對于Java，web的學(xué)習更基礎(chǔ)，容易入手，就業(yè)的機會也非常多。
Web開班第一天，老師即從網(wǎng)頁基礎(chǔ)、HTML入手，攫取重點，給我們介紹了它的相關(guān)知識。我們主要學(xué)習了HTML5，里面有很多的新特性且時下較為流行。它相當于一個網(wǎng)頁界面的宏觀架構(gòu)。如果把一個網(wǎng)頁的實現(xiàn)比作是一座建筑的建造過程，那么HTML即是這座建筑里的鋼筋混泥土，搭建起整個建筑的框架、承重。
之后，我們又學(xué)習了CSS基礎(chǔ)樣式，仍然借用上面的比喻，CSS則相當于建筑里各個房間的不同結(jié)構(gòu)，它們使得這座建筑更加的多樣化。且相對于HTML，它更加的復(fù)雜、多樣化，呈現(xiàn)的效果也具有更多的可能性。老師向我們推薦了《CSS禪意花園》這本書，里面列舉了豐富且多種多樣的CSS樣式。
作為今后可能成為的優(yōu)秀前端工程師，僅僅學(xué)習自己內(nèi)部的知識是遠遠不夠的。因此，第一個月中我們也學(xué)習了UI中PS繪圖制作基礎(chǔ)，這對于一個前端來說也是非常重要的，在今后的工作中，我們可能會面對各種各樣的問題，如果掌握部分PS尤其是切圖技術(shù)，在和UI的接觸中可以減少很多不必要的繁瑣工作。
總之，作為一個前端工程師，我們所要掌握的知識是全面的，當我們寫代碼時的思維是縝密的。HTML和CSS是基礎(chǔ)中的基礎(chǔ)。之后我們會學(xué)習更多的JavaScript相關(guān)知識和其他，希望自己在這過程中仍能保持謙遜的的心態(tài)，去學(xué)習前人留下的珍貴寶藏。
web前端技術(shù)實訓(xùn)報告五
所謂行萬里路，必先始于足下。剛開始學(xué)習WEB前端基礎(chǔ)的時候，老師說，其實你們學(xué)的這個后面真正去工作的時候可能也不是很會用到，所以就有很多人會問，既然我們都用不到，那干嘛還學(xué)呀？其實，對于一個程序員來說，你不僅要有很好的后端專業(yè)能力，你還應(yīng)當具備一定的前端素養(yǎng)，知道一些起碼的前端知識。
來到XX的第一個月，我們是以基礎(chǔ)為主吧，因為大家到這里的基礎(chǔ)都不一樣，有一些本身就具備很高水準的人，也有很多像自己一樣從小白開始的人，所以，對我們而言，XX開設(shè)的這種雙元模式對我們是有很大用處的。我們從最基礎(chǔ)的開始學(xué)習，在學(xué)習HTML的時候，我們還延續(xù)著很古老和古老的表格制作網(wǎng)站，然后到后面的CSS學(xué)習，用CSS樣式去進一步完善我們制作的網(wǎng)址，再到著一期的難點JS課程體系，一級最后的JQ和BOOtstrap，可以說這個過程其實也是一個循序肩頸的過程，有簡到難的過程。
第一部分：HTML的學(xué)習
其實HTML的四天學(xué)習的話，重要的就是一個標記的學(xué)習，這大概是學(xué)習一門語言最基礎(chǔ)的一部分吧。但是也不是說背一背就解決問題的，選擇IT，程序員這一方面，只要多練習，多敲代碼感覺就好了，所以熟練的使用這些標記其實不是很大的問題，對自己來說，比較難的是一個表格和框架，也許會有人說，表格有什么難的，就行列的問題啊，但是不知道為什么，在學(xué)習的那幾天對于表格的學(xué)習和接受能力都沒有別的那么好，表格的整體框架能搭出來，但是就是對于表格的美化總做不到自己心里所預(yù)期的那樣。其實練習的話也是挺多的，對于表格的網(wǎng)頁練習做了應(yīng)該也有一二十個的，但是就是沒那么理想，所以這方面的話也是需要自己多加練習和修正的，因為表格的用處還是挺大的。HTML的學(xué)習方面還有框架和表單，框架的話，就是一個網(wǎng)頁的主體了，網(wǎng)頁的大致形式基本上從你的框架結(jié)構(gòu)就可以知道的，學(xué)習框架，重要的就是網(wǎng)頁的布局如何劃分，然后利用框架的嵌套，浮動就可以解決的，學(xué)習過程也不會是很大的難度。
想想HTML還學(xué)了些什么呢？表單！表單對前端開發(fā)來說還是挺高的'，因為我們能在一個網(wǎng)頁中看到很多的表單應(yīng)用。包括用戶的注冊啦，密碼驗證啦，還有搜索欄之類的，幾乎全是表單的應(yīng)用。表單學(xué)習比較重要的地方應(yīng)該就是那十來個表單控件的應(yīng)用，這些表單控件進一步區(qū)分的話還有就是單邊標記和雙邊標的的表單控件，因為很多單邊標記的表單，他的值一般只能是存在value當中，如果不注意的話，很多時候我們會忘記寫上這個value。這個階段的表單感覺并不是那么難，當然，學(xué)到后面的JS之后，相對于表單驗證之類的才感覺難了很多。
第二部分：CSS學(xué)習
對我來說，CSS課程雖然只有三天，但是卻是更應(yīng)該學(xué)好的一個模塊。因為我們都知道，其實一個網(wǎng)站的WEB前端，就是用
加CSS來寫的，不是用之前的表格來寫的，足以見得CSS的重要性。CSS就是網(wǎng)頁樣式，一個網(wǎng)頁的整體美感，在你確定了框架之后，就看你的CSS樣式的添加了，所以一直以來都很想把CSS學(xué)好。記得CSS學(xué)習的那幾天，自己的消化還是很好的，自己去獨立完成練習的時候也是沒有太大難度的，但是不知道是為什么，到后面學(xué)習JSJQ的時候，操作CSS時居然會吧CSS和HTML弄的有點混淆，這一點一直沒做好。CSS的學(xué)習還有一個地方就是浮動，因為存在塊元素和行輩元素，塊元素因為其本身特性，一個塊元素標記他要占用一整行的空間，而一個行內(nèi)元素他只能占用行內(nèi)的一些空間，但是在實際操作中，很多時候我們卻要想將多個塊元素排在同一行，或者將多個行內(nèi)元素排在不同行，這時候就可以使用浮動的方法來實現(xiàn)，浮動最主要做的就是這個，唯一要記住的一點就是做了浮動之后，如果他的父元素是沒有進行匡高的設(shè)定的話，是不是要進行清除浮動，防止下面的操作也是有浮動的。
第三部分：重點學(xué)習JS
JS是相對于這整個月學(xué)習的重點吧，也是很多人沒辦法很好接觸的地方，當然，自己在這里的學(xué)習也是有不足的地方。像一些對屬性的操作的標記之類，懂得怎么用，但是不是很熟悉，所以經(jīng)常在操作的時候要去查手冊。學(xué)的最不好的一個地方應(yīng)該是將數(shù)組中的元素按照一定的規(guī)則或者順序添加到指定或?qū)?yīng)的表格中，這中題型是自己做的比較少的，也是掌握很不好的地方，所以也希望用放假的這幾天好好練習一下，不能拖到下一個階段去。個人對JS的理解其實就是大量算法的集合，因為很多時候你都會用到函數(shù)，只是多了一些找元素和對元素綁定標記的過程，最重要的還是構(gòu)造函數(shù)，調(diào)用函數(shù)的過程！
第四部分：JQ及Bootstrap
對于JQ和Bootstrap的學(xué)習來說，其實就是一個應(yīng)用的過程吧，所有的函數(shù)都幫你寫好了，你只需要學(xué)會調(diào)用就好了的。當然。調(diào)用他，其實對于JQ來說，學(xué)習的過程沒有具備很大的難度，只是嘗試著去多寫寫，寫兩三次基本就記住怎么用了。最后還有一天的Bootstrap學(xué)習，寫過一些案例，只要會改，基本沒有太大的難度。
后續(xù)：其實對于WEB前端的學(xué)習的話重要的就是多用，很多東西我們上課聽得時候其實都基本聽得懂，但是更重要的是在于你課后的練習，離開了老師的一個思維引導(dǎo)，我們該怎樣去完成項目才是我們該學(xué)會的。這一個月的學(xué)習難度系數(shù)都不是很高。但卻是一個比較繁雜的過程，因為作為前端來說，我們需要不斷的優(yōu)化，不斷的修正，美化整個頁面。不管是前端還是后端，都希望自己能好好學(xué)！
web實訓(xùn)報告2
一、實訓(xùn)項目
簡易記事本
二、實訓(xùn)目的和要求
本次實訓(xùn)是對前面學(xué)過的所有面向?qū)ο蟮木幊趟枷胍约癑AVAWEB編程方法的一個總結(jié)、回顧和實踐，因此，開始設(shè)計前學(xué)生一定要先回顧以前所學(xué)的內(nèi)容，明確本次作業(yè)設(shè)計所要用到的技術(shù)點并到網(wǎng)上搜索以及查閱相關(guān)的書籍來搜集資料。
通過編寫采用JSP+Servlet+JavaBean技術(shù)框架的應(yīng)用系統(tǒng)綜合實例，以掌握JavaWEB開發(fā)技術(shù)。
具體要求有以下幾點：
1。問題的描述與程序?qū)⒁獙崿F(xiàn)的具體功能。
2。程序功能實現(xiàn)的具體設(shè)計思路或框架，并檢查流程設(shè)計。
3。代碼實現(xiàn)。
4。設(shè)計小結(jié)。
三、實訓(xùn)項目的開發(fā)環(huán)境和所使用的'技術(shù)
基于J2SE基礎(chǔ)，利用MyEclipse8。5以上版本的集成開發(fā)環(huán)境完成實訓(xùn)項目，界面友好，代碼的可維護性好，有必要的注釋和相應(yīng)的文檔。
四、實訓(xùn)地點、日程、分組情況：
實訓(xùn)地點：4棟303機房日程：
第一階段：1、班級分組，選定課題，查閱相關(guān)資料半天2、劃分模塊、小組成員分工半天3、利用CASE工具進行系統(tǒng)設(shè)計和分析，并編制源程序5天
第二階段：上機調(diào)試，修改、調(diào)試、完善系統(tǒng)2天
第三階段：撰寫、上交課程設(shè)計報告，上交課程設(shè)計作品源程序（每人1份）2天。
web實訓(xùn)報告3
一、實習目的
通過對Java語言、JavaWeb、Oracle數(shù)據(jù)庫應(yīng)用設(shè)計及SQL語言的復(fù)習和鍛煉，并且通過使用MyEclipse開發(fā)平臺設(shè)計庫存管理系統(tǒng)項目，以達到充分熟悉開發(fā)平臺及其應(yīng)用設(shè)計。
同時掌握并實踐軟件項目設(shè)計規(guī)范及其開發(fā)流程：需求分析、概要設(shè)計、詳細設(shè)計、代碼編寫、系統(tǒng)測試及軟件手冊編寫，以便提前適應(yīng)軟件公司開發(fā)流程、環(huán)境和工作要求
二、實習內(nèi)容
1、公司管理規(guī)則，程序員素質(zhì)，程序員編碼規(guī)范;
2、需求開發(fā)與管理;
3、面向?qū)ο蠓治雠c設(shè)計，面向?qū)ο缶幊痰奶匦?
4、javaSE、javaWeb
5、數(shù)據(jù)庫設(shè)計、SQL應(yīng)用
6、軟件需求分析與設(shè)計
7、項目實戰(zhàn)
三、實習總結(jié)
通過這一期的實訓(xùn)，雖然倍感折磨，但是收獲卻很大的，學(xué)習中我不但有了學(xué)習成果的喜悅，而且自己也日漸成熟，有種說不出的喜悅。
當我們正式準備學(xué)習實訓(xùn)java編程技術(shù)時，讓我倍感興奮，雖然以前大學(xué)學(xué)的是.Net方向，但畢竟Java是自己以后想主攻的技術(shù)，所以自然也就非常的亢奮。
感覺肩上責任之重大，那一刻起，我就決心帶領(lǐng)我們小組，奮戰(zhàn)我們的實訓(xùn)路。
當然開始學(xué)習后也并非是想象中那樣順利，開始的學(xué)習讓我異常感到學(xué)習任務(wù)的艱巨，因為學(xué)習中我們遇到了很多以前未曾遇到的難點，有時難免冥思苦想也無濟于事，通過我們小組的積極努力協(xié)作，同時請教老師和其他同學(xué)，我們順利的化解了一道道的障礙。
這讓我不斷的對學(xué)習技術(shù)又有了新的'認識：學(xué)習中我們必須邊總結(jié)邊學(xué)習，開始階段對老師交代的任何方法和類都不要放過，不管是否簡單與否都要樂于地接受，因為老師肯定有他的道理，相信老師走過的路比我們長，那么其經(jīng)驗也就肯定比我們豐富。
上課時一定要專心聽講，一個關(guān)鍵的知識點聽漏了，可能會使一個人在課下花很多時間去消化，這樣也就會花掉做其他事情的大量時間，同時也使得學(xué)習不能和老師的講的課程同步，以至出現(xiàn)以后就跟不上老師講課的進度而掉隊。
所以學(xué)習中我們寧可勞其筋骨，苦其心志，惡其體膚，也不能掉隊跟不上學(xué)習進度。
在學(xué)習的過程中也體會到，遇到問題也要請教。
不然的話自己一個人去做的話會花很多的時間，我在做這個在線考試的項目中，其中也問到過許多問題，通過同學(xué)的幫助下解決了，提高了程序的開發(fā)進程。
其他的同學(xué)有問題的`話我也是給他們盡量解決。
我認為學(xué)習知識的過程當中就應(yīng)該是相互學(xué)習相互進步的。
Java是面在的主流技術(shù)我會努力將它學(xué)好，現(xiàn)在我缺乏的是堅持不懈的精神，周賢軍給了我很大的影響，我會向他學(xué)習，雖然學(xué)習java的路還很找，但我會繼續(xù)走下去。
在這里，我非常感謝實訓(xùn)的指導(dǎo)老師，在老師的幫助和指導(dǎo)下，我克服了Java學(xué)習上的一道道難關(guān)，課上認真聽講，摘好必要的筆記，并通過自己課后的不斷消化學(xué)習，現(xiàn)在自己已經(jīng)基本掌握了java的基礎(chǔ)知識，并等待知識的進一步提升。
實訓(xùn)即將結(jié)束了，我非常懷念在達內(nèi)科技的實訓(xùn)，在實訓(xùn)的這4個半個月時間里，我每一天過的都市踏實的，充實的;我相信，只要我秉持艱苦奮斗，為理想拼搏的精神，盡管在未來的java路上荊棘叢叢，我一定可以披荊斬刺，度過重重難關(guān)，實現(xiàn)自己未來的理想!
web實訓(xùn)報告4
一.網(wǎng)站的需求分析
對于個人網(wǎng)站而言，一個好的網(wǎng)頁會給人留下深刻的印象，那樣才會提高網(wǎng)站的知名度才會增加點擊率。如果通過網(wǎng)站管理系統(tǒng)工作，就可以拓開以前傳統(tǒng)的宣傳思路，用戶可以通過上網(wǎng)就能達到找到所需要材料的目的，并且可以給管理員留言以反饋意見。
二.系統(tǒng)實現(xiàn)所需要的軟件
網(wǎng)頁編輯排版Dreamweaver CS3、網(wǎng)頁圖像制作軟件Photo CS2、網(wǎng)頁動畫制件軟件Flash、ACCESS數(shù)據(jù)庫、動態(tài)網(wǎng)頁編程語言ASP
三、網(wǎng)站設(shè)計的思路
網(wǎng)站拓撲圖構(gòu)畫
從開始想創(chuàng)建網(wǎng)站到最后的個人網(wǎng)站的上傳發(fā)布是需要包含一個完整的工作流程。網(wǎng)站包括哪些欄目，采用什么樣的制作結(jié)構(gòu)，這些都是我們在制作網(wǎng)站前首先要確定的，
下面是我個人網(wǎng)站的結(jié)構(gòu)圖：
四、系統(tǒng)功能模塊的實現(xiàn)過程
個人網(wǎng)站實現(xiàn)了留言、文章、相冊、日志、注冊、鏈接、調(diào)查、后臺管理等諸多功能于一體的網(wǎng)站。本人經(jīng)過需求分析、和可行性的管理方式進行了前臺設(shè)計與后臺管理。通過數(shù)據(jù)庫的創(chuàng)建與連接實現(xiàn)了人機交互功能。
1個人首頁功能模塊功能的實現(xiàn)過程
個人首頁主要放置主人的最新動態(tài)，導(dǎo)航條菜單包括首頁、個人簡歷、個人相冊、文字拾掇、我的聊吧、給我留言、友情鏈接。給我留言，必須通過先登陸或先注冊才能進行留言。底部插入個人網(wǎng)站的版權(quán)信息，同時也加入了聯(lián)系我們、后臺管理、首頁收藏、設(shè)為首頁、版權(quán)聲明。
（1）.個人首頁導(dǎo)航功能實現(xiàn)介紹
個人首頁導(dǎo)航有七個鏈接分別是：我的首頁、個人簡歷、個人相冊、文字拾掇、 我的聊吧、給我留言、友情鏈接。它們都采用“行為”中“交換圖像”。如圖3-1所示。
（2）.個人首頁公告欄功能實現(xiàn)過程
公告欄的功能主要是對于瀏覽者現(xiàn)設(shè)計的。當瀏覽者進入首頁時就可以看到分告欄中的信息。主要用于提示和建議如何進行合法訪問和主人的'一些個人小要求。如圖3-2所示。
本站最新公告欄中的信息當鼠標經(jīng)過時就停止，當鼠標移開時又開始流動。其功能的實現(xiàn)主要是通過以下代碼：
scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
（3）.留言板功能實現(xiàn)過程
設(shè)計一個留言板作為和瀏覽者交流的紐帶，這樣可隨時掌握瀏覽者的相關(guān)信息和最新動態(tài)。瀏覽者通過留言后提交到后臺數(shù)據(jù)庫中，然后管理用戶可以通過后臺進行對其留言的回復(fù)。留言薄的設(shè)計如圖3-4所示這樣就可以產(chǎn)生一個動態(tài)的留言薄交互平臺。
（4）.注冊功能模塊實現(xiàn)過程
注冊頁面主要是對于沒有用戶名和帳號的瀏覽者要進行留言時所設(shè)計的頁面。當瀏覽者注冊后的信息將自動提交到后臺數(shù)據(jù)庫中，以便下次要進行留言。注冊頁面的設(shè)計
2個人簡介功能模塊的實現(xiàn)過程
本模塊是個人簡介部分，每個個人網(wǎng)站都會有作者介紹。在個人簡介中主要實現(xiàn)了兩個功能模
塊分別是：個人簡歷列信息顯示和個人作品的展現(xiàn)。在這頁面主要的是靜態(tài)的頁面。只在個人簡歷頁面采用了熱點鏈接來進行到個人作品的跳轉(zhuǎn)。在這個模塊訪客會了解到作者的一些基本信息，界面內(nèi)容如圖3-6所示。
完成上述頁面后，單擊我的“作品展示”這時鏈接到我的個人作品頁面。這個頁面基本上是靜態(tài)的。主要放置了我的Photoshop作品和Flash作品等。在這個有限和空間里放置我的作品是不夠的。所以采用了用層和行為來進和作品的交換顯示。界面的內(nèi)容如圖3-7所示。
3個人相冊功能模塊的實現(xiàn)過程
本模塊是展示個人的相冊，主要是借鑒影集的制作來完成個人相冊的功能的實現(xiàn)。個人相冊進行好歸類后分成多個方面的相冊所以首先進入是個人相冊的目錄。個人相冊主中，瀏覽者可以看到我“求學(xué)生涯”、“友情合影”、“大學(xué)生活”、“歡樂之行”、“擁抱記憶”、“溫馨之家”，的相關(guān)照片。在進行相冊查看時瀏覽者通過單擊滾動中的小圖片然后在層中顯示在圖片,如下圖3-8所示。
【web實訓(xùn)報告】相關(guān)文章：
web實訓(xùn)報告12-18
web實訓(xùn)報告12-16
web網(wǎng)站實訓(xùn)報告01-19
web實訓(xùn)報告4篇12-19
web實訓(xùn)報告(9篇)01-12
web實訓(xùn)報告9篇01-12
web實訓(xùn)報告匯編9篇01-15
web實訓(xùn)報告集錦9篇01-16
web實訓(xùn)報告集合9篇01-16