第一篇:web課程設計報告
課程設計報告
學
院:
信息科學與工程學院
專
業:計算機科學與技術(軟件外包方向)班
級:
計軟1302班
學
號:
201312141041
學生姓名:
韓世昌
指導教師:
張芊茜
課程名稱:
Web客戶端編程技術
設計名稱:
網頁設計
一、設計內容及要求 ① 設計題目
題目自定,可以是“我的個人網站”、“我的大學生活”、“我的家鄉”等,也可以是其它題目。
要求主題要鮮明,內容要充實、健康。
② 設計任務
運用HTML、CSS和JavaScript技術完成一個相對完整的網站,至少完成5個頁面。
③ 設計要求
使用HTML標記,CSS樣式及JavaScript技術,完成的網頁沒有錯誤首頁設置導航欄,命名為index.htm。利用CSS技術對網站進行布局,網站風格統一靈活運用JavaScript使網頁生動,配置服務器,發布網站,并經主流瀏覽器測試通過
④ 具體要求
時鐘,級聯菜單,動態圖片展示,各種廣告欄,HTML5和CSS3的應用,建立表單頁面,并用JavaScript對表單內容進行驗證。
二、設計思路
我的課程設計主題定的是家鄉介紹,共有5個頁面,分別實現首頁,類,歷史文化,家鄉景點介紹和注冊本站會員以及家鄉特產的鏈接。首頁大致分為4部分,比較簡單,分別用css實現導航欄,左邊推薦網站的div塊和下方圖片塊以及用JavaScript腳本實現了圖面自動循環切換以及頁面底部的時鐘顯示。,css設置導航欄,下面的塊與上面的背景圖片邊緣對齊,左邊有一個div中有列表 設置了錨點。
三、設計結果及分析
網頁的顯示沒有達到預期的效果,在網頁的設計上還需要提高,內容比較少,不豐滿。在網頁的布局上也比較單調,主要是設計時間只有四天,沒有太多的時間進行修改。我會在寒假進一步修改此次課程設計的作業,讓效果達到滿意狀態。
四、總結
課程設計是培養學生綜合運用所學知識發現提出分析和解決實際問題鍛煉實踐能力的重要環節,是對學生實際工作能力的具體訓練和考察過程,隨著科學技術發展的日新日異,Web網頁技術已經成為當今計算機應用中空前活躍的領域,在生活中可以說得是無處不在。因此作為二十一世紀的大學來說掌握Web網頁的開發技術是十分重要的。
回顧起此次Web課程設計,至今我仍感慨頗多,的確,從選題到定稿,從理論到實踐,在整整4天的日子里,可以說得是苦多于甜,但是可以學到很多很多的的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在課堂上所沒有學到過的知識。通過這次
課程設計使我懂得了理論與實際相結合是很重要的,只有理論知識是遠遠不夠的,只有把所學的理論知識與實踐相結合起來,從理論中得出結論,才能真正為社會服務,從而提高自己的實際動手能力和獨立思考的能力。在設計的過程中遇到問題,可以說得是困難重重,第一次做的,難免會遇到過各種各樣的問題,同時在設計的過程中發現了自己的不足之處,對以前所學過的知識理解得不夠深刻,掌握得不夠牢固。通過這次課程設計之后,一定把以前所學過的知識重新溫故。
五、附錄(源代碼)主頁源代碼
var a=[“p1.jpg”,“p2.jpg”,“p3.jpg”,“p4.jpg”,“p5.jpg”];var i=0;function pic(){
} document.getElementById(“picview”).src=a[i];i++;if(i==a.length-1){
i=0;} setTimeout(“pic()”,2000);window.onload = function(){ } pic();
章??丘
第二篇:Web課程設計總結
Web課程設計總結
一、作品主題描述
我設計的網頁的主題是關于動漫推薦的。
我喜歡動漫,各種題材的,古代江湖、歷史故事、恐怖、熱血之類的我都喜歡,做這個網站是希望把我喜歡的推薦給大家,讓更多的人加入二次元的世界!
二、作品技術路線
關于作品技術路線,我主要用了bootstrap方面的知識,像bootstrap按鈕、下拉菜單、縮略圖、bootstrap輪播之類的,當然還有很多基礎知識,例如背景、背景音樂,還有視頻的插入,網頁的鏈接等等。
三、作品素材處理
關于素材,由于我是做的動漫方面的網頁,首先我先去選擇適合主題的圖片,再選擇其中最能代表作品的圖片,再根據實際情況修改圖片尺寸,接著再選擇文字素材,選擇簡短有最能概括作品內容的文字。
四、主要問題
在這次設計中,我還想實現排行榜這個功能,但由于個人能力不足,還有一部分時間問題,沒有實現排行榜功能,心里略微有些遺憾,我會在交上本次課程設計之后繼續努力完成,還有視頻和背景音樂的插入,沒有成功改變播放器的樣式。
五、網頁制作的心得體會
轉瞬之間,半個學期又接近尾聲,在李導師的精心輔導下,度過了這個富有生機,富有朝氣的學期。學到了很多做夢也不會遇到的如此奇特的有趣知識,對于我來講是一個很好的鍛煉和充實的機會。
俗話說的好“書山有路勤為徑,學海無涯苦作舟”。在這一絕世佳句的鼓動下,我把握了工作之余的一切可利用的剩余時間,全心全意投入到網頁世界,去不斷的學習,去不斷的收索;同時去不斷的充實,去不斷的完善自我,在網絡的天空下逐漸的美化自己的人生!
在學習網頁制作的過程中,我深深體會到一點“有付出,就終有回報”,你的付出與你的回報終究是成正比的。經過了多少漫漫長路,經過了多少忘我的投入,經過了多少波折,我的網頁與眾人見面了。當我第一眼在網絡下一覽我的個人主頁,我是多么的激動,多么的興奮,就像多年未見的老同學,一種講不出道不明的感覺。
我在制作主頁中的心得體會:做好主頁,并不是一件容易的事,它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。1.標題
在個人主頁中標題起著很重要的作用,它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短,有特色、容易記,還要符合自己主頁的主題和風格,決不要取一個名不符實的“好名字”,別人第一次上了當,下次再也不會光顧了。2.內容的采集
選好標題后,開始采集內容,內容必須與標題相符,在采集內容的過程中,應注重特色,所謂特色應該是有一些自己的東西。個人主頁中的特色,應該突出自己的個性,把自己的興趣、愛好盡情地發揮出來,因為在網絡上不受限制。主頁就是在網絡上的一個小小家園,在那里,可以放上自己喜歡的任何東西,包括你自己平時喜歡一些文章,一些好聽的歌,一些好的動畫作品。把這些內容按類別進行分類,設置欄目,讓人一目了然,在欄目上不要設置太多,最好不要超過十個,層次上最好少于五層。3.圖片
做個人主頁不能只用文字,必須在主頁上適當地加一些圖片,增加可看性,俗話說“一圖勝千言”,我想不無道理,一張處理得好的圖片不需要多做任何解釋,就能讓人一目了然,讓人去思考,去了解它。當然處理得不好的以及無關緊要的圖片最好不要放上去,否則讓人覺得是累贅,同時也影響網頁的傳輸速度。圖片不僅要好看,還要在保證圖片質量的情況下盡量縮小圖片的大小(即字節數),在目前網絡傳輸速度不是很快的情況下,圖片的大小在很大程度上影響了網頁的傳輸速度。那么如何精簡圖片的大小呢,一般來說,圖片顏色較少的及在256色以內的最好把它處理成gif圖像格式,如果是一些色彩比較豐富的圖片,最好把它處理成jpg圖像格式,因為gif和jpg各有各的壓縮優勢,應根據具體的圖片來選擇壓縮比。
4.網頁排版
網頁頁面整體的排版設計也是不可忽略的,要讓讀者在狹小的電腦屏幕上閱讀,很重要的一個原則是合理地運用空間,讓自己的網頁井井有條,留下必要的空白,人覺得很輕松。不要把整個網頁都填得密密實實的,沒有一點空隙,這樣會給人一種壓抑感。5.背景
網頁的背景并不一定非要用白色,選用的背景應該和整套頁面的色調相協調。合理的應用色彩是非常關鍵的。
6.其它
如果想自己的網頁更有特色一些,可適當地加一些網頁制作的技巧,諸如聲音、動態網頁等,當然這些小技巧最好不要加太多,它會影響網頁的下載速度。等個人主頁做得差不多了,可別忘了在個人主頁上放一個留言板、一個計數器。前者能及時獲得參觀者的意見和建議,及時得到網友反饋的信息,最好能做到有問必答,用行動去贏得更多的訪問者;后者能讓知道主頁參觀者的統計數據,可以及時調整設計,適應不同的瀏覽器和參觀者的要求。
7.宣傳
昨天,網頁與我無緣,那是因為上天不給我們一個見面的機會!
今天,網頁與我相識,與我相知,成為我的一個最真誠的朋友,那時因為董老師的辛勤栽培!
明天,網頁與我一生相伴,終身相隨,那是因為我領悟了什么是“一個網絡,整個世界”。
總而言之,我將用畢生的精力,心血去換取網絡中最燦爛的那顆夜明珠,在網頁的藍圖里,我將記下人生不朽的個人詩篇,計算機會在以后的學習生活中充當越來越重要的角色,相信我也會學習到更多關于計算機和網絡的知識。這次制作網頁收獲確實不小!!
第三篇:web課程設計題目
不超過3位同學一組,分組完成以下功能:
1、新聞管理:
前臺:新聞清單、查看新聞、新聞點擊數記錄、搜索新聞
后臺:管理員登錄/注銷、發布新聞、修改新聞、刪除新聞
2、留言簿
前臺:寫入留言、留言列表、查看留言
后臺:管理員登錄/注銷、查看留言、搜索留言、刪除留言、回復留言
3、用戶管理
前臺:用戶注冊、用戶登錄、修改自己的登錄密碼、用戶通過提問驗證取回密碼
后臺:管理員登錄/注銷、查看用戶清單、添加用戶、修改用戶注冊信息、修改用戶密碼、刪除用戶、搜索用戶
4、網上調查
前臺:投票、查看得票、寫入評論、查看評論
后臺:管理員登錄/注銷、設定調查項、刪除評論、修改得票數
5、訂單管理
前臺:商品清單、查看商品、搜索商品、加入購物車、購物車管理(修改商品數量、刪除商品)、生成訂單、查看訂單狀態
后臺:管理員登錄/注銷、添加商品、修改商品、刪除商品、查看訂單、刪除訂單、確認訂單
6、流量統計
記錄訪問信息(時間、IP、瀏覽器版本、操作系統等)、查看最近的30次來訪信息、查看瀏覽器統計報告、查看操作系統統計報告、查看年/月/日訪問量統計報告、查看小時訪問量統計報告
7、庫存管理
用戶登錄/注銷、入庫操作、出庫操作、當前庫存統計報告、出庫統計報告、入庫統計報告、庫存搜索、初始庫存設定
8、同學錄
前臺:用戶登錄/注銷、添加自己的聯系信息、寫留言、搜索留言、搜索同學 后臺:管理員登錄/注銷、修改聯系信息、刪除留言
9、教室預訂
前臺:申請教室、申請撤銷(申請在管理員確認前可以撤銷)、查看教室占用情況、搜索教室
后臺:管理員登錄/注銷、查看申請清單、刪除申請、確認申請、查看教室占用情況
第四篇:Java web課程設計實訓報告
Java web課程設計實訓報告
我們進行了為期一周的Java web的課程實訓。在這次實訓中,我覺得我學到了很多東西。這次,老師給我們安排了一個項目,是關于商店購物的。首先,我們劃分了幾個小組,每組4-6人,每個人有每個人的工作,每個人的工作完成后整合到一起,這個項目就完成了。我在我們小組的工作是寫一段刪除商品的Java代碼。因為我的基礎比較差,所以我分擔的工作比較少,下面是我做的一段代碼:
public void deleteProduct(String id){
Statement stmt = null;
connectTODB();
int tempid =
Integer.parseInt(id);
try {
stmt =
this.con.createStatement();
stmt.execute(“delete from
shop_info where product_id=” + tempid);
} catch(Exception e){
e.printStackTrace();
} finally {
close(this.con, stmt, null);}}
總而言之,這次實訓對我的幫助很大,我工作會很有從中學到了什么是團隊協作,正所謂團結就是力量,不僅如此,我還學到了很多的專業知識,積累了一些經驗。我想,對于我以后的工作會很有幫助,希望還能有更多像這樣的機會讓我能夠鍛煉我自己。
第五篇:2013年天津科技大學web課程設計報告
2013 Web程序設計課程作業學號 姓名
題目
一、開發目的二、軟件設計
(一)總體功能設計(軟件功能架構圖)
(二)用例設計(包括用例圖和用例描述)
(三)數據庫設計
三、軟件實現(各個模塊的界面展示和簡單的操作說明)
四、總結


文檔為doc格式
聲明:本文內容由互聯網用戶自發貢獻自行上傳,本網站不擁有所有權,未作人工編輯處理,也不承擔相關法律責任。如果您發現有涉嫌版權的內容,歡迎發送郵件至:645879355@qq.com 進行舉報,并提供相關證據,工作人員會在5個工作日內聯系你,一經查實,本站將立刻刪除涉嫌侵權內容。
Java Web開發課程設計
Java Web 開發課程設計一、性質、目的和任務 本課程設計是在《Java Web開發》課程上設置的,是鞏固學生所學理論知識、培養學生動手能力并使理論與實際相結合的重要實踐環節。......
web課程設計報告-視頻網站(5篇材料)
Web應用開發基礎設計 題目: 電影網站設計與實現_ 系部:_信息技術工程學院___ 專業:_xxxxxxxx___________ 班級:_xxxxxxxx___________ 學號:_xxxxxxxxxxxx________ 姓名:_xxxxxxx__......
WEB程序設計課程設計指導書(模版)
WEB課程設計指導書設計課題:廣東海洋大學寸金學院micro blog信息系統 設計目的:1。綜合應用java程序設計、WEB程序設計、數據庫應用、計算機網絡等知識設 計和實現我校Micro B......
web課程設計的個人總結
web課程設計的個人總結 web課程設計的個人總結一----在線測試系統 這次課程設計我做的是章節自測系統, 主要是服務于學生進行階段性自測和練習。系統分為練習和測試兩部分,每......
11級《Web程序設計課程設計》計劃
《Web程序設計課程設計》計劃 班級:B110501~06任課教師:張文學、刁文廣、郭俊恩一、設計目的與要求 《Web程序設計課程設計》是《WEB程序設計》課程之后進行的實踐環節。通過該......
web server課程設計分析[合集五篇]
Web server 軟件體系結構課設 1 實驗目的 掌握Web服務體系結構和工作方式,即該體系結構的服務提供者、服務請求者和服務注冊中心的角色和它們之間的交互。 2 實驗內容 2.1......
Web動態網頁課程設計 題目及要求
Web動態網頁課程設計 (總學時數:16課時) 一 Web動態網頁 課程設計性質:本課程是一門計算機相關專業實踐性環節。以HTML和CSS為基礎,全面學習網頁設計制作有關的知識,讓學生通......
Java Web項目實踐課程設計說明書 樣張
長 春 大 學課程設計紙 課程設計說明書,大體格式及要求如下: 一、封面;┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ 裝 ┊ ┊ ┊ ┊ ┊ 訂 ┊ ┊ ┊ ┊ ┊ 線 ┊ ┊ ┊ ┊ ┊ ┊......