web實訓(xùn)報告
隨著社會不斷地進步，報告使用的頻率越來越高，報告具有語言陳述性的特點。其實寫報告并沒有想象中那么難，以下是小編整理的web實訓(xùn)報告，供大家參考借鑒，希望可以幫助到有需要的朋友。
web實訓(xùn)報告1
一.網(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è)計的。當(dāng)瀏覽者進入首頁時就可以看到分告欄中的信息。主要用于提示和建議如何進行合法訪問和主人的一些個人小要求。如圖3-2所示。
本站最新公告欄中的信息當(dāng)鼠標(biāo)經(jīng)過時就停止，當(dāng)鼠標(biāo)移開時又開始流動。其功能的實現(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è)計的頁面。當(dāng)瀏覽者注冊后的信息將自動提交到后臺數(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)報告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
一、實習(xí)目的
·讓學(xué)生了解網(wǎng)站的制作流程和基本技法。.Dreamweaver的使用
·掌握利用IIS完成站點創(chuàng)建，學(xué)會站點的規(guī)劃與創(chuàng)建，能自己創(chuàng)建個人網(wǎng)站和簡單的企業(yè)網(wǎng)站。
·掌握利用SQLServer的企業(yè)管理器建立數(shù)據(jù)庫和數(shù)據(jù)庫表，鞏固數(shù)據(jù)庫基本命令的使用。
·掌握利用ASP訪問與操作數(shù)據(jù)庫的各種常用的功能及實現(xiàn)方法。·了解動態(tài)網(wǎng)頁的制作技術(shù)，掌握與數(shù)據(jù)庫的鏈接及簡單的數(shù)據(jù)處理�！づ嘤�(xùn)學(xué)生的動手能力、綜合應(yīng)用能力和團隊合作能力。
二、實習(xí)要求
·按時、按地參加實習(xí)，遵守實習(xí)紀(jì)律，遵守實習(xí)場地的制度；·愛護實習(xí)場地的所有實習(xí)設(shè)備，講究公共衛(wèi)生；
·做好實習(xí)筆記和實習(xí)記載，實掌握實習(xí)的每項內(nèi)容；
·認真填寫好實習(xí)報告、實習(xí)總結(jié)，實習(xí)完成統(tǒng)一交實習(xí)老師。
三、實習(xí)形式
·前一周完成ASP、SQLServer(或Access)以及DeramweacerMXXX的學(xué)習(xí)，要及時完成學(xué)習(xí)任務(wù)。
·后一兩周進行網(wǎng)站綜合開發(fā)實訓(xùn)，可分組進行。
四、實驗內(nèi)容
1.網(wǎng)站結(jié)構(gòu)示意圖
打開我的首頁，然后點擊zhufu按鈕進入按鈕界面，所示
newyears/
進入頁面后有一首歡快的背景音樂，在祝福頁面里，你可以向你的好友發(fā)表你的祝福，你可以對祝福查看和修改，并且還可以看到歷史記錄，頁面右上角可以返回首頁。
liuyan1/
回到主頁再點擊留言按鈕，進入下一頁面，你可以發(fā)表留言，不需要審核也能發(fā)表。
由于時間倉促，網(wǎng)站暫時到此，網(wǎng)站還在積極開設(shè)建設(shè)中，敬請期待你的到來
五、實訓(xùn)結(jié)果
實驗基本成功
實訓(xùn)是培養(yǎng)學(xué)生綜合運用所學(xué)知識,發(fā)現(xiàn),提出,分析和解決實際問題,通過上機練習(xí)來培養(yǎng)我們自身實踐能力，這次網(wǎng)頁布局訓(xùn)練就是其中之一。
這次的網(wǎng)頁設(shè)計與制作讓我收獲頗豐。的確，從聽老師解說到開始自己制作，從理論到實踐，在這幾節(jié)課的實操時間里，過程中不僅鞏固了以前所學(xué)過的知識，而且學(xué)到了很多在書本上所沒有學(xué)到過的知識。使我懂得了理論與實際相結(jié)合是很重要的，只有從理論中得出結(jié)論，才能真正為掌握技術(shù)，從而提高自己的實際動手能力和獨立思考的能力。只有把布局的基礎(chǔ)打好，才能設(shè)計出成功的網(wǎng)頁
六，實訓(xùn)心得
首先我要做的就是要選擇好題目和網(wǎng)站的.風(fēng)格，之后我就分步驟準(zhǔn)備在制作網(wǎng)站前所要做好的準(zhǔn)備工作。我瀏覽了日照職業(yè)技術(shù)學(xué)院以及相關(guān)網(wǎng)站的一些特點，借鑒這些網(wǎng)站的優(yōu)秀之處，不好的地方在自己的網(wǎng)站上加以改良，從而使自己的網(wǎng)站更加美觀。
回顧這次課程設(shè)計，至今我仍感慨頗多。的卻。從選題到開始制作，從理論到實踐，在實訓(xùn)機房日子里，可以說得是苦多于甜，但是可以學(xué)到很多很多的的東西，同時不僅可以鞏固了以前所學(xué)過的知識，而且學(xué)到了很多在書本上所沒有學(xué)到過的知識。
在選擇好題目和網(wǎng)站的風(fēng)格之后，我就開始了實訓(xùn)項目的進程，按照實訓(xùn)方案的規(guī)定，先是將網(wǎng)站的總體策劃以書面的形式展現(xiàn)出來，通過老師審核之后，在相應(yīng)的時間段找相關(guān)的素材，搜集與主題相關(guān)的文字、圖像等。再是設(shè)計網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設(shè)計首頁及其頁面的版式結(jié)構(gòu)。然后創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。制作首頁、二級子頁、內(nèi)容頁，創(chuàng)建超級鏈接。最后就是測試與瀏覽網(wǎng)頁，如果還有什么不理想的地方再改進再預(yù)覽，如此反復(fù)，最后達到最好效果！
web實訓(xùn)報告4
所謂行萬里路，必先始于足下。剛開始學(xué)習(xí)WEB前端基礎(chǔ)的時候，老師說，其實你們學(xué)的這個后面真正去工作的時候可能也不是很會用到，所以就有很多人會問，既然我們都用不到，那干嘛還學(xué)呀？其實，對于一個程序員來說，你不僅要有很好的后端專業(yè)能力，你還應(yīng)當(dāng)具備一定的前端素養(yǎng)，知道一些起碼的前端知識。
來到XX的第一個月，我們是以基礎(chǔ)為主吧，因為大家到這里的基礎(chǔ)都不一樣，有一些本身就具備很高水準(zhǔn)的人，也有很多像自己一樣從小白開始的人，所以，對我們而言，XX開設(shè)的這種雙元模式對我們是有很大用處的。我們從最基礎(chǔ)的開始學(xué)習(xí)，在學(xué)習(xí)HTML的時候，我們還延續(xù)著很古老和古老的表格制作網(wǎng)站，然后到后面的CSS學(xué)習(xí)，用CSS樣式去進一步完善我們制作的網(wǎng)址，再到著一期的難點JS課程體系，一級最后的JQ和BOOtstrap，可以說這個過程其實也是一個循序肩頸的過程，有簡到難的過程。
第一部分：HTML的學(xué)習(xí)
其實HTML的四天學(xué)習(xí)的話，重要的就是一個標(biāo)記的學(xué)習(xí)，這大概是學(xué)習(xí)一門語言最基礎(chǔ)的一部分吧。但是也不是說背一背就解決問題的，選擇IT，程序員這一方面，只要多練習(xí)，多敲代碼感覺就好了，所以熟練的使用這些標(biāo)記其實不是很大的問題，對自己來說，比較難的是一個表格和框架，也許會有人說，表格有什么難的，就行列的問題啊，但是不知道為什么，在學(xué)習(xí)的那幾天對于表格的學(xué)習(xí)和接受能力都沒有別的那么好，表格的整體框架能搭出來，但是就是對于表格的美化總做不到自己心里所預(yù)期的那樣。其實練習(xí)的話也是挺多的，對于表格的網(wǎng)頁練習(xí)做了應(yīng)該也有一二十個的，但是就是沒那么理想，所以這方面的話也是需要自己多加練習(xí)和修正的，因為表格的用處還是挺大的。HTML的學(xué)習(xí)方面還有框架和表單，框架的話，就是一個網(wǎng)頁的主體了，網(wǎng)頁的大致形式基本上從你的框架結(jié)構(gòu)就可以知道的，學(xué)習(xí)框架，重要的就是網(wǎng)頁的布局如何劃分，然后利用框架的嵌套，浮動就可以解決的，學(xué)習(xí)過程也不會是很大的難度。
想想HTML還學(xué)了些什么呢？表單！表單對前端開發(fā)來說還是挺高的，因為我們能在一個網(wǎng)頁中看到很多的表單應(yīng)用。包括用戶的注冊啦，密碼驗證啦，還有搜索欄之類的，幾乎全是表單的應(yīng)用。表單學(xué)習(xí)比較重要的地方應(yīng)該就是那十來個表單控件的應(yīng)用，這些表單控件進一步區(qū)分的話還有就是單邊標(biāo)記和雙邊標(biāo)的的表單控件，因為很多單邊標(biāo)記的表單，他的值一般只能是存在value當(dāng)中，如果不注意的話，很多時候我們會忘記寫上這個value。這個階段的表單感覺并不是那么難，當(dāng)然，學(xué)到后面的JS之后，相對于表單驗證之類的才感覺難了很多。
第二部分：CSS學(xué)習(xí)
對我來說，CSS課程雖然只有三天，但是卻是更應(yīng)該學(xué)好的一個模塊。因為我們都知道，其實一個網(wǎng)站的WEB前端，就是用
加CSS來寫的，不是用之前的表格來寫的，足以見得CSS的重要性。CSS就是網(wǎng)頁樣式，一個網(wǎng)頁的整體美感，在你確定了框架之后，就看你的CSS樣式的添加了，所以一直以來都很想把CSS學(xué)好。記得CSS學(xué)習(xí)的那幾天，自己的消化還是很好的，自己去獨立完成練習(xí)的時候也是沒有太大難度的，但是不知道是為什么，到后面學(xué)習(xí)JSJQ的時候，操作CSS時居然會吧CSS和HTML弄的有點混淆，這一點一直沒做好。CSS的`學(xué)習(xí)還有一個地方就是浮動，因為存在塊元素和行輩元素，塊元素因為其本身特性，一個塊元素標(biāo)記他要占用一整行的空間，而一個行內(nèi)元素他只能占用行內(nèi)的一些空間，但是在實際操作中，很多時候我們卻要想將多個塊元素排在同一行，或者將多個行內(nèi)元素排在不同行，這時候就可以使用浮動的方法來實現(xiàn)，浮動最主要做的就是這個，唯一要記住的一點就是做了浮動之后，如果他的父元素是沒有進行匡高的設(shè)定的話，是不是要進行清除浮動，防止下面的操作也是有浮動的。
第三部分：重點學(xué)習(xí)JS
JS是相對于這整個月學(xué)習(xí)的重點吧，也是很多人沒辦法很好接觸的地方，當(dāng)然，自己在這里的學(xué)習(xí)也是有不足的地方。像一些對屬性的操作的標(biāo)記之類，懂得怎么用，但是不是很熟悉，所以經(jīng)常在操作的'時候要去查手冊。學(xué)的最不好的一個地方應(yīng)該是將數(shù)組中的元素按照一定的規(guī)則或者順序添加到指定或?qū)?yīng)的表格中，這中題型是自己做的比較少的，也是掌握很不好的地方，所以也希望用放假的這幾天好好練習(xí)一下，不能拖到下一個階段去。個人對JS的理解其實就是大量算法的集合，因為很多時候你都會用到函數(shù)，只是多了一些找元素和對元素綁定標(biāo)記的過程，最重要的還是構(gòu)造函數(shù)，調(diào)用函數(shù)的過程！
第四部分：JQ及Bootstrap
對于JQ和Bootstrap的學(xué)習(xí)來說，其實就是一個應(yīng)用的過程吧，所有的函數(shù)都幫你寫好了，你只需要學(xué)會調(diào)用就好了的。當(dāng)然。調(diào)用他，其實對于JQ來說，學(xué)習(xí)的過程沒有具備很大的難度，只是嘗試著去多寫寫，寫兩三次基本就記住怎么用了。最后還有一天的Bootstrap學(xué)習(xí)，寫過一些案例，只要會改，基本沒有太大的難度。
后續(xù)：其實對于WEB前端的學(xué)習(xí)的話重要的就是多用，很多東西我們上課聽得時候其實都基本聽得懂，但是更重要的是在于你課后的練習(xí)，離開了老師的一個思維引導(dǎo)，我們該怎樣去完成項目才是我們該學(xué)會的。這一個月的學(xué)習(xí)難度系數(shù)都不是很高。但卻是一個比較繁雜的過程，因為作為前端來說，我們需要不斷的優(yōu)化，不斷的修正，美化整個頁面。不管是前端還是后端，都希望自己能好好學(xué)！
【web實訓(xùn)報告】相關(guān)文章：
web實訓(xùn)報告12-18
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)報告(集錦4篇)12-23
web實訓(xùn)報告集錦9篇01-16
web實訓(xùn)報告集合9篇01-16