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


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