web實訓報告4篇
隨著個人素質的提升,報告十分的重要,其在寫作上具有一定的竅門。其實寫報告并沒有想象中那么難,以下是小編幫大家整理的web實訓報告,歡迎閱讀,希望大家能夠喜歡。
web實訓報告1
一.網站的需求分析
對于個人網站而言,一個好的網頁會給人留下深刻的印象,那樣才會提高網站的知名度才會增加點擊率。如果通過網站管理系統工作,就可以拓開以前傳統的宣傳思路,用戶可以通過上網就能達到找到所需要材料的目的,并且可以給管理員留言以反饋意見。
二.系統實現所需要的軟件
網頁編輯排版Dreamweaver CS3、網頁圖像制作軟件Photo CS2、網頁動畫制件軟件Flash、ACCESS數據庫、動態網頁編程語言ASP
三、網站設計的思路
網站拓撲圖構畫
從開始想創建網站到最后的個人網站的上傳發布是需要包含一個完整的工作流程。網站包括哪些欄目,采用什么樣的制作結構,這些都是我們在制作網站前首先要確定的,
下面是我個人網站的結構圖:
四、系統功能模塊的實現過程
個人網站實現了留言、文章、相冊、日志、注冊、鏈接、調查、后臺管理等諸多功能于一體的網站。本人經過需求分析、和可行性的管理方式進行了前臺設計與后臺管理。通過數據庫的創建與連接實現了人機交互功能。
1個人首頁功能模塊功能的實現過程
個人首頁主要放置主人的最新動態,導航條菜單包括首頁、個人簡歷、個人相冊、文字拾掇、我的聊吧、給我留言、友情鏈接。給我留言,必須通過先登陸或先注冊才能進行留言。底部插入個人網站的版權信息,同時也加入了聯系我們、后臺管理、首頁收藏、設為首頁、版權聲明。
(1).個人首頁導航功能實現介紹
個人首頁導航有七個鏈接分別是:我的首頁、個人簡歷、個人相冊、文字拾掇、 我的聊吧、給我留言、友情鏈接。它們都采用“行為”中“交換圖像”。如圖3-1所示。
(2).個人首頁公告欄功能實現過程
公告欄的功能主要是對于瀏覽者現設計的。當瀏覽者進入首頁時就可以看到分告欄中的信息。主要用于提示和建議如何進行合法訪問和主人的一些個人小要求。如圖3-2所示。
本站最新公告欄中的信息當鼠標經過時就停止,當鼠標移開時又開始流動。其功能的實現主要是通過以下代碼:
scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">
(3).留言板功能實現過程
設計一個留言板作為和瀏覽者交流的紐帶,這樣可隨時掌握瀏覽者的相關信息和最新動態。瀏覽者通過留言后提交到后臺數據庫中,然后管理用戶可以通過后臺進行對其留言的回復。留言薄的設計如圖3-4所示這樣就可以產生一個動態的留言薄交互平臺。
(4).注冊功能模塊實現過程
注冊頁面主要是對于沒有用戶名和帳號的瀏覽者要進行留言時所設計的頁面。當瀏覽者注冊后的信息將自動提交到后臺數據庫中,以便下次要進行留言。注冊頁面的設計
2個人簡介功能模塊的實現過程
本模塊是個人簡介部分,每個個人網站都會有作者介紹。在個人簡介中主要實現了兩個功能模
塊分別是:個人簡歷列信息顯示和個人作品的展現。在這頁面主要的是靜態的頁面。只在個人簡歷頁面采用了熱點鏈接來進行到個人作品的跳轉。在這個模塊訪客會了解到作者的.一些基本信息,界面內容如圖3-6所示。
完成上述頁面后,單擊我的“作品展示”這時鏈接到我的個人作品頁面。這個頁面基本上是靜態的。主要放置了我的Photoshop作品和Flash作品等。在這個有限和空間里放置我的作品是不夠的。所以采用了用層和行為來進和作品的交換顯示。界面的內容如圖3-7所示。
3個人相冊功能模塊的實現過程
本模塊是展示個人的相冊,主要是借鑒影集的制作來完成個人相冊的功能的實現。個人相冊進行好歸類后分成多個方面的相冊所以首先進入是個人相冊的目錄。個人相冊主中,瀏覽者可以看到我“求學生涯”、“友情合影”、“大學生活”、“歡樂之行”、“擁抱記憶”、“溫馨之家”,的相關照片。在進行相冊查看時瀏覽者通過單擊滾動中的小圖片然后在層中顯示在圖片,如下圖3-8所示。
web實訓報告2
一、實習目的
·讓學生了解網站的制作流程和基本技法。.Dreamweaver的使用
·掌握利用IIS完成站點創建,學會站點的規劃與創建,能自己創建個人網站和簡單的企業網站。
·掌握利用SQLServer的企業管理器建立數據庫和數據庫表,鞏固數據庫基本命令的使用。
·掌握利用ASP訪問與操作數據庫的各種常用的功能及實現方法。·了解動態網頁的制作技術,掌握與數據庫的鏈接及簡單的數據處理。·培訓學生的動手能力、綜合應用能力和團隊合作能力。
二、實習要求
·按時、按地參加實習,遵守實習紀律,遵守實習場地的制度;·愛護實習場地的所有實習設備,講究公共衛生;
·做好實習筆記和實習記載,實掌握實習的`每項內容;
·認真填寫好實習報告、實習總結,實習完成統一交實習老師。
三、實習形式
·前一周完成ASP、SQLServer(或Access)以及DeramweacerMXXX的學習,要及時完成學習任務。
·后一兩周進行網站綜合開發實訓,可分組進行。
四、實驗內容
1.網站結構示意圖
打開我的首頁,然后點擊zhufu按鈕進入按鈕界面,所示
newyears/
進入頁面后有一首歡快的背景音樂,在祝福頁面里,你可以向你的好友發表你的祝福,你可以對祝福查看和修改,并且還可以看到歷史記錄,頁面右上角可以返回首頁。
liuyan1/
回到主頁再點擊留言按鈕,進入下一頁面,你可以發表留言,不需要審核也能發表。
由于時間倉促,網站暫時到此,網站還在積極開設建設中,敬請期待你的到來
五、實訓結果
實驗基本成功
實訓是培養學生綜合運用所學知識,發現,提出,分析和解決實際問題,通過上機練習來培養我們自身實踐能力,這次網頁布局訓練就是其中之一。
這次的網頁設計與制作讓我收獲頗豐。的確,從聽老師解說到開始自己制作,從理論到實踐,在這幾節課的實操時間里,過程中不僅鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。使我懂得了理論與實際相結合是很重要的,只有從理論中得出結論,才能真正為掌握技術,從而提高自己的實際動手能力和獨立思考的能力。只有把布局的基礎打好,才能設計出成功的網頁
六,實訓心得
首先我要做的就是要選擇好題目和網站的風格,之后我就分步驟準備在制作網站前所要做好的準備工作。我瀏覽了日照職業技術學院以及相關網站的一些特點,借鑒這些網站的優秀之處,不好的地方在自己的網站上加以改良,從而使自己的網站更加美觀。
回顧這次課程設計,至今我仍感慨頗多。的卻。從選題到開始制作,從理論到實踐,在實訓機房日子里,可以說得是苦多于甜,但是可以學到很多很多的的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。
在選擇好題目和網站的風格之后,我就開始了實訓項目的進程,按照實訓方案的規定,先是將網站的總體策劃以書面的形式展現出來,通過老師審核之后,在相應的時間段找相關的素材,搜集與主題相關的文字、圖像等。再是設計網站的內容結構、目錄結構和鏈接結構,設計首頁及其頁面的版式結構。然后創建本地網站,建立網站的目錄結構。制作首頁、二級子頁、內容頁,創建超級鏈接。最后就是測試與瀏覽網頁,如果還有什么不理想的地方再改進再預覽,如此反復,最后達到最好效果!
web實訓報告3
所謂行萬里路,必先始于足下。剛開始學習WEB前端基礎的時候,老師說,其實你們學的這個后面真正去工作的時候可能也不是很會用到,所以就有很多人會問,既然我們都用不到,那干嘛還學呀?其實,對于一個程序員來說,你不僅要有很好的后端專業能力,你還應當具備一定的前端素養,知道一些起碼的前端知識。
來到XX的第一個月,我們是以基礎為主吧,因為大家到這里的基礎都不一樣,有一些本身就具備很高水準的人,也有很多像自己一樣從小白開始的人,所以,對我們而言,XX開設的這種雙元模式對我們是有很大用處的。我們從最基礎的開始學習,在學習HTML的時候,我們還延續著很古老和古老的表格制作網站,然后到后面的CSS學習,用CSS樣式去進一步完善我們制作的網址,再到著一期的難點JS課程體系,一級最后的JQ和BOOtstrap,可以說這個過程其實也是一個循序肩頸的過程,有簡到難的過程。
第一部分:HTML的學習
其實HTML的四天學習的話,重要的就是一個標記的學習,這大概是學習一門語言最基礎的一部分吧。但是也不是說背一背就解決問題的,選擇IT,程序員這一方面,只要多練習,多敲代碼感覺就好了,所以熟練的使用這些標記其實不是很大的問題,對自己來說,比較難的是一個表格和框架,也許會有人說,表格有什么難的,就行列的問題啊,但是不知道為什么,在學習的那幾天對于表格的學習和接受能力都沒有別的那么好,表格的整體框架能搭出來,但是就是對于表格的美化總做不到自己心里所預期的那樣。其實練習的話也是挺多的,對于表格的網頁練習做了應該也有一二十個的,但是就是沒那么理想,所以這方面的`話也是需要自己多加練習和修正的,因為表格的用處還是挺大的。HTML的學習方面還有框架和表單,框架的話,就是一個網頁的主體了,網頁的大致形式基本上從你的框架結構就可以知道的,學習框架,重要的就是網頁的布局如何劃分,然后利用框架的嵌套,浮動就可以解決的,學習過程也不會是很大的難度。
想想HTML還學了些什么呢?表單!表單對前端開發來說還是挺高的,因為我們能在一個網頁中看到很多的表單應用。包括用戶的注冊啦,密碼驗證啦,還有搜索欄之類的,幾乎全是表單的應用。表單學習比較重要的地方應該就是那十來個表單控件的應用,這些表單控件進一步區分的話還有就是單邊標記和雙邊標的的表單控件,因為很多單邊標記的表單,他的值一般只能是存在value當中,如果不注意的話,很多時候我們會忘記寫上這個value。這個階段的表單感覺并不是那么難,當然,學到后面的JS之后,相對于表單驗證之類的才感覺難了很多。
第二部分:CSS學習
對我來說,CSS課程雖然只有三天,但是卻是更應該學好的一個模塊。因為我們都知道,其實一個網站的WEB前端,就是用
加CSS來寫的,不是用之前的表格來寫的,足以見得CSS的重要性。CSS就是網頁樣式,一個網頁的整體美感,在你確定了框架之后,就看你的CSS樣式的添加了,所以一直以來都很想把CSS學好。記得CSS學習的那幾天,自己的消化還是很好的,自己去獨立完成練習的時候也是沒有太大難度的,但是不知道是為什么,到后面學習JSJQ的時候,操作CSS時居然會吧CSS和HTML弄的有點混淆,這一點一直沒做好。CSS的學習還有一個地方就是浮動,因為存在塊元素和行輩元素,塊元素因為其本身特性,一個塊元素標記他要占用一整行的空間,而一個行內元素他只能占用行內的一些空間,但是在實際操作中,很多時候我們卻要想將多個塊元素排在同一行,或者將多個行內元素排在不同行,這時候就可以使用浮動的方法來實現,浮動最主要做的就是這個,唯一要記住的一點就是做了浮動之后,如果他的父元素是沒有進行匡高的設定的話,是不是要進行清除浮動,防止下面的操作也是有浮動的。
第三部分:重點學習JS
JS是相對于這整個月學習的重點吧,也是很多人沒辦法很好接觸的地方,當然,自己在這里的學習也是有不足的地方。像一些對屬性的操作的標記之類,懂得怎么用,但是不是很熟悉,所以經常在操作的'時候要去查手冊。學的最不好的一個地方應該是將數組中的元素按照一定的規則或者順序添加到指定或對應的表格中,這中題型是自己做的比較少的,也是掌握很不好的地方,所以也希望用放假的這幾天好好練習一下,不能拖到下一個階段去。個人對JS的理解其實就是大量算法的集合,因為很多時候你都會用到函數,只是多了一些找元素和對元素綁定標記的過程,最重要的還是構造函數,調用函數的過程!
第四部分:JQ及Bootstrap
對于JQ和Bootstrap的學習來說,其實就是一個應用的過程吧,所有的函數都幫你寫好了,你只需要學會調用就好了的。當然。調用他,其實對于JQ來說,學習的過程沒有具備很大的難度,只是嘗試著去多寫寫,寫兩三次基本就記住怎么用了。最后還有一天的Bootstrap學習,寫過一些案例,只要會改,基本沒有太大的難度。
后續:其實對于WEB前端的學習的話重要的就是多用,很多東西我們上課聽得時候其實都基本聽得懂,但是更重要的是在于你課后的練習,離開了老師的一個思維引導,我們該怎樣去完成項目才是我們該學會的。這一個月的學習難度系數都不是很高。但卻是一個比較繁雜的過程,因為作為前端來說,我們需要不斷的優化,不斷的修正,美化整個頁面。不管是前端還是后端,都希望自己能好好學!
web實訓報告4
一、實訓項目
簡易記事本
二、實訓目的和要求
本次實訓是對前面學過的所有面向對象的編程思想以及JAVAWEB編程方法的一個總結、回顧和實踐,因此,開始設計前學生一定要先回顧以前所學的'內容,明確本次作業設計所要用到的技術點并到網上搜索以及查閱相關的書籍來搜集資料。
通過編寫采用JSP+Servlet+JavaBean技術框架的應用系統綜合實例,以掌握JavaWEB開發技術。
具體要求有以下幾點:
1。問題的描述與程序將要實現的具體功能。
2。程序功能實現的具體設計思路或框架,并檢查流程設計。
3。代碼實現。
4。設計小結。
三、實訓項目的開發環境和所使用的技術
基于J2SE基礎,利用MyEclipse8。5以上版本的集成開發環境完成實訓項目,界面友好,代碼的可維護性好,有必要的注釋和相應的文檔。
四、實訓地點、日程、分組情況:
實訓地點:4棟303機房日程:
第一階段:1、班級分組,選定課題,查閱相關資料半天2、劃分模塊、小組成員分工半天3、利用CASE工具進行系統設計和分析,并編制源程序5天
第二階段:上機調試,修改、調試、完善系統2天
第三階段:撰寫、上交課程設計報告,上交課程設計作品源程序(每人1份)2天。
【web實訓報告】相關文章:
web實訓報告12-18
web實訓報告12-16
web網站實訓報告01-19
web實訓報告(9篇)01-12
web實訓報告9篇01-12
web實訓報告匯編9篇01-15
web實訓報告(集錦4篇)12-23
web實訓報告集錦9篇01-16
web實訓報告集合9篇01-16