第一篇:11級(jí)《Web程序設(shè)計(jì)課程設(shè)計(jì)》計(jì)劃
《Web程序設(shè)計(jì)課程設(shè)計(jì)》計(jì)劃
班級(jí):B110501~06任課教師:張文學(xué)、刁文廣、郭俊恩
一、設(shè)計(jì)目的與要求
《Web程序設(shè)計(jì)課程設(shè)計(jì)》是《WEB程序設(shè)計(jì)》課程之后進(jìn)行的實(shí)踐環(huán)節(jié)。通過(guò)該課程設(shè)計(jì),使學(xué)生進(jìn)一步加深對(duì)Web程序設(shè)計(jì)基本概念、B/S架構(gòu)及開(kāi)發(fā)流程和動(dòng)態(tài)網(wǎng)站設(shè)計(jì)方法等知識(shí)的理解,提高Web技術(shù)編程能力和調(diào)試能力,牢固掌握ASP.NET Web程序設(shè)計(jì)技術(shù),培養(yǎng)學(xué)生綜合運(yùn)用面向?qū)ο蟪绦蛟O(shè)計(jì)、數(shù)據(jù)庫(kù)原理、Web程序設(shè)計(jì)和軟件工程等相關(guān)課程知識(shí)獨(dú)立解決實(shí)際問(wèn)題的能力。
通過(guò)該課程設(shè)計(jì),應(yīng)達(dá)到下列基本要求:
1.熟練掌握C#和Web程序設(shè)計(jì)的基本知識(shí)和技能;
2.基本掌握Web程序開(kāi)發(fā)的基本思路和方法,熟悉Web程序開(kāi)發(fā)過(guò)程,并初步具備利用面向?qū)ο蟮木幊趟枷牒蚖eb程序設(shè)計(jì)技術(shù)等綜合知識(shí)完成網(wǎng)站開(kāi)發(fā)的能力;
3.初步具備學(xué)生自學(xué)參考書(shū)籍及查閱手冊(cè)、圖表和文獻(xiàn)資料的能力;
4.初步養(yǎng)成重視軟件測(cè)試、重視文檔寫(xiě)作、重視界面設(shè)計(jì)的程序開(kāi)發(fā)習(xí)慣;
5.初步養(yǎng)成學(xué)生團(tuán)隊(duì)協(xié)作能力。
二、設(shè)計(jì)內(nèi)容
學(xué)生每2~3人組成一個(gè)小組,從以下五個(gè)題目中選取1個(gè)題目,分工協(xié)作,共同完成。在課程設(shè)計(jì)過(guò)程中,除完成每個(gè)題目規(guī)定的功能性描述外,還必須滿(mǎn)足以下幾點(diǎn)公共性要求:
1)所開(kāi)發(fā)軟件至少需由登錄頁(yè)和3-5個(gè)以上功能性網(wǎng)頁(yè)組成。其中功能性網(wǎng)頁(yè)布局需具有的特征包括:使用CSS和DIV統(tǒng)一布局,網(wǎng)頁(yè)寬度設(shè)置為800*600;在CSS應(yīng)包括類(lèi)選擇符、并列選擇符、標(biāo)記選擇符、ID選擇符等;DIV布局應(yīng)使用到float及盒子模型。
2)必須使用Button、CheckBox、TextBox、ListBox、DropDownList等標(biāo)準(zhǔn)服務(wù)器控件、Required、Compare等驗(yàn)證控件;使用DropDownList控件時(shí),需體現(xiàn)AutoPostBack屬性;
3)進(jìn)行查詢(xún)或統(tǒng)計(jì)操作時(shí)需要使用到MultiView;
4)至少有兩個(gè)頁(yè)面采用QueryString進(jìn)行數(shù)據(jù)傳遞技術(shù);
5)需要使用Session內(nèi)置對(duì)象記錄登錄用戶(hù)信息,并在每個(gè)功能性網(wǎng)頁(yè)顯示出當(dāng)前登錄用戶(hù)名等信息;在顯示用戶(hù)名信息時(shí)需要采用單值綁定技術(shù);
6)需要使用Cookie記錄用戶(hù)登錄信息,Cookie的有效時(shí)間不大于10天;
7)需要用到Sever對(duì)象的Transfer方法和Response對(duì)象的Redirect、Write等方法;
8)數(shù)據(jù)顯示時(shí)需要使用GridView服務(wù)器控件進(jìn)行數(shù)據(jù)綁定,并支持編輯、刪除和分頁(yè)操作;
9)需要分別使用SqlDataReader和SqlDataAdapter兩種數(shù)據(jù)庫(kù)訪(fǎng)問(wèn)方法,完成數(shù)據(jù)的添加、刪除和更新操作。
1.學(xué)生成績(jī)管理
1.1問(wèn)題描述
建立B/S模式的學(xué)生成績(jī)管理系統(tǒng)。
1.2 基本要求
(1)數(shù)據(jù)庫(kù)設(shè)計(jì)要符合范式要求。
(2)能對(duì)學(xué)生信息、課程信息及成績(jī)等進(jìn)行添加、刪除、修改等操作;
(3)提供學(xué)生成績(jī)的查詢(xún)功能,輸入學(xué)生的學(xué)號(hào)或姓名,能查找出該生各學(xué)期的成績(jī);
(4)提供必要的統(tǒng)計(jì)功能,如計(jì)算不及格人數(shù)、生成給予警告名單等。
2.飯店管理系統(tǒng)
2.1問(wèn)題描述
分析飯店經(jīng)營(yíng)管理整個(gè)過(guò)程,實(shí)現(xiàn)B/S模式的飯店管理系統(tǒng)。
2.2 基本要求
(1)數(shù)據(jù)庫(kù)設(shè)計(jì)要符合范式要求。
(2)能對(duì)菜單、包間、包桌、服務(wù)員信息等進(jìn)行添加、刪除、修改等操作。
(3)提供支出、收入的查詢(xún)功能,能夠按月生成報(bào)表。
(4)能計(jì)算服務(wù)員業(yè)績(jī)及收入。
3.教研管理系統(tǒng)
3.1問(wèn)題描述
分析相關(guān)情況,了解教研所需數(shù)據(jù),實(shí)現(xiàn)B/S模式的教研管理系統(tǒng)。
3.2基本要求
(1)數(shù)據(jù)庫(kù)設(shè)計(jì)要符合范式要求。
(2)能對(duì)教師基本資料(姓名、性別、學(xué)歷、職稱(chēng)、研究方向、工號(hào)等)、教師教研項(xiàng)目信息(項(xiàng)目名稱(chēng)、項(xiàng)目來(lái)源、項(xiàng)目編號(hào)、項(xiàng)目級(jí)別、項(xiàng)目經(jīng)費(fèi)、立項(xiàng)時(shí)間、結(jié)項(xiàng)時(shí)間、獲獎(jiǎng)情況等)進(jìn)行添加、刪除、修改操作。
(3)提供簡(jiǎn)單查詢(xún)功能,輸入教師姓名或單位名稱(chēng),能查找出該教師及科研項(xiàng)目相關(guān)信息。
(4)提供簡(jiǎn)單統(tǒng)計(jì)功能,可以按照時(shí)間段統(tǒng)計(jì)某個(gè)教室的教研成果。
4.圖書(shū)銷(xiāo)售管理系統(tǒng)
4.1問(wèn)題描述
了解網(wǎng)上圖書(shū)銷(xiāo)售相關(guān)流程,實(shí)現(xiàn)B/S模式的圖書(shū)銷(xiāo)售管理系統(tǒng)。
4.2基本要求
(1)數(shù)據(jù)庫(kù)設(shè)計(jì)要符合范式要求。
(2)能對(duì)圖書(shū)(如圖書(shū)名稱(chēng)、出版社、作者、ISBN號(hào)、單價(jià)、圖書(shū)編號(hào)、庫(kù)存數(shù)量等)、客戶(hù)(名稱(chēng)、聯(lián)系電話(huà)、通信地址、郵件地址等)、銷(xiāo)售圖書(shū)情況(圖書(shū)編號(hào)、數(shù)量、支付狀態(tài)、備注信息、訂單編號(hào)、銷(xiāo)售日期等)等信息進(jìn)行添加、刪除、修改操作。
(3)提供必要查詢(xún)功能,例如輸入圖書(shū)名稱(chēng),能查找出該圖書(shū)的相關(guān)信息,并展示圖書(shū)信息。
(4)提供簡(jiǎn)單統(tǒng)計(jì)功能,可以完成按照時(shí)間段進(jìn)行圖書(shū)銷(xiāo)售量統(tǒng)計(jì)。
5.文章發(fā)布管理系統(tǒng)
5.1問(wèn)題描述
了解文章發(fā)布管理的流程,分析其功能,建立文章數(shù)據(jù)庫(kù),實(shí)現(xiàn)B/S模式的文章發(fā)布管理系統(tǒng)。
5.2基本要求
(1)數(shù)據(jù)庫(kù)設(shè)計(jì)要符合范式要求。
(2)能對(duì)文章資料進(jìn)行添加、刪除、修改操作。
(3)提供查詢(xún)功能,輸入文章名稱(chēng),能查找出該文章的相關(guān)信息。
(4)用戶(hù)權(quán)限控制,一般用戶(hù)只能查詢(xún),管理員用戶(hù)可以修改數(shù)據(jù)。
6.自擬
6.1問(wèn)題描述
根據(jù)自擬的題目,把問(wèn)題描述清楚。
(1)自擬題目難易程度要與前五個(gè)題目相當(dāng)。
(2)數(shù)據(jù)庫(kù)設(shè)計(jì)要符合范式要求。
(3)能進(jìn)行添加、刪除、修改操作。
(4)提供查詢(xún)功能。
(5)用戶(hù)權(quán)限控制,一般用戶(hù)只能查詢(xún),管理員用戶(hù)可以修改數(shù)據(jù)。6.2基本要求
三、設(shè)計(jì)地點(diǎn)及進(jìn)行方式
設(shè)計(jì)地點(diǎn):計(jì)算機(jī)機(jī)房
進(jìn)行方式:
1.教師宣布課程設(shè)計(jì)注意事項(xiàng)及課程設(shè)計(jì)組織形式,并對(duì)相關(guān)理論知識(shí)進(jìn)行簡(jiǎn)單介紹。
2.學(xué)生以2~3人為小組,從設(shè)計(jì)內(nèi)容中選取一道題目,分析設(shè)計(jì)任務(wù),確定各自設(shè)計(jì)任務(wù),并以文本形式上報(bào)指導(dǎo)教師。
3.學(xué)生以小組為單位,首先分析各自的設(shè)計(jì)任務(wù),查閱手冊(cè)、圖表和文獻(xiàn)資料完成程序設(shè)計(jì),然后上機(jī)編程和運(yùn)行調(diào)試。
4.學(xué)生獨(dú)立完成所承擔(dān)任務(wù)的課程設(shè)計(jì)報(bào)告撰寫(xiě),上報(bào)指導(dǎo)教師。其中課程設(shè)計(jì)報(bào)告書(shū)應(yīng)包括以下幾部分內(nèi)容:
(1)做了哪些工作、實(shí)現(xiàn)了什么結(jié)果、系統(tǒng)功能。
(2)數(shù)據(jù)庫(kù)設(shè)計(jì):數(shù)據(jù)庫(kù)概念結(jié)構(gòu)、邏輯結(jié)構(gòu)、物理結(jié)構(gòu)設(shè)計(jì);表結(jié)構(gòu)設(shè)計(jì)。
(3)功能設(shè)計(jì):類(lèi)圖的設(shè)計(jì)、模塊結(jié)構(gòu)圖(或頁(yè)面鏈接關(guān)系圖)
(4)設(shè)計(jì)關(guān)鍵功能算法和繪制函數(shù)流程圖。
(5)程序的功能和運(yùn)行測(cè)試結(jié)果說(shuō)明。
(6)簡(jiǎn)要總結(jié)及自我評(píng)價(jià)。
5.指導(dǎo)教師完成學(xué)生課程設(shè)計(jì)報(bào)告審閱并組織學(xué)生答辯。
四、進(jìn)度安排
第1天:課程設(shè)計(jì)任務(wù)、進(jìn)度及要求講解。確定小組,分析所選題目,進(jìn)行分工,查閱相關(guān)資料,寫(xiě)出需求分析,確定系統(tǒng)功能,劃分模塊;
第2天:數(shù)據(jù)庫(kù)設(shè)計(jì)、網(wǎng)頁(yè)界面設(shè)計(jì);編寫(xiě)課程設(shè)計(jì)報(bào)告系統(tǒng)設(shè)計(jì)及界面設(shè)計(jì)部分內(nèi)容;教師檢查階段性成果。
第3-4天:編制代碼并調(diào)試,編寫(xiě)課程設(shè)計(jì)報(bào)告程序?qū)崿F(xiàn)部分內(nèi)容;
第5天:提交源程序清單和課程設(shè)計(jì)報(bào)告,進(jìn)行答辯。
五、成績(jī)?cè)u(píng)定
學(xué)生成績(jī)以?xún)?yōu)、良、中、及格和不及格5個(gè)等級(jí)評(píng)定。成績(jī)構(gòu)成:
1、學(xué)生編寫(xiě)的實(shí)際軟件和運(yùn)行結(jié)果,占總成績(jī)40%
2、設(shè)計(jì)報(bào)告,占總成績(jī)30%
3、答辯提問(wèn),占總成績(jī)20%
4、出勤,占總成績(jī)10%
六、注意事項(xiàng)
1、教師需向?qū)W生講清課程設(shè)計(jì)的任務(wù)、要求、進(jìn)度、考核辦法、實(shí)驗(yàn)室安全制度等。
2、學(xué)生完成課程設(shè)計(jì)完成后,必須按規(guī)范書(shū)寫(xiě)課程設(shè)計(jì)報(bào)告。
3、實(shí)驗(yàn)2~3人1組,在規(guī)定的時(shí)間內(nèi),由學(xué)生獨(dú)立完成,出現(xiàn)問(wèn)題,教師要引導(dǎo)學(xué)生獨(dú)立分析、解決。
第二篇:WEB程序設(shè)計(jì)課程設(shè)計(jì)指導(dǎo)書(shū)(模版)
WEB課程設(shè)計(jì)指導(dǎo)書(shū)
設(shè)計(jì)課題:廣東海洋大學(xué)寸金學(xué)院micro blog信息系統(tǒng)
設(shè)計(jì)目的:1。綜合應(yīng)用java程序設(shè)計(jì)、WEB程序設(shè)計(jì)、數(shù)據(jù)庫(kù)應(yīng)用、計(jì)算機(jī)網(wǎng)絡(luò)等知識(shí)設(shè)
計(jì)和實(shí)現(xiàn)我校Micro Blog信息系統(tǒng)。
2.通過(guò)上述設(shè)計(jì)和實(shí)現(xiàn),加深學(xué)生對(duì)java程序設(shè)計(jì)、WEB程序設(shè)計(jì)、數(shù)據(jù)庫(kù)應(yīng)
用、計(jì)算機(jī)網(wǎng)絡(luò)相關(guān)理論的理解,鍛煉學(xué)生綜合應(yīng)用所學(xué)知識(shí)分析問(wèn)題和解決問(wèn)題的能力。
3.培養(yǎng)軟件開(kāi)發(fā)的團(tuán)隊(duì)協(xié)作精神。
設(shè)計(jì)內(nèi)容:1。用戶(hù)注冊(cè)
2.用戶(hù)登錄(分一般用戶(hù)和管理員)
3.某用戶(hù)發(fā)布微博信息
4.瀏覽所有用戶(hù)的微博信息
5.瀏覽指定用戶(hù)的微博信息
6.查詢(xún)某些用戶(hù)或(且)某時(shí)間段或(且)某論題的微博信息。
7。刪除某些用戶(hù)或(且)某時(shí)間段或(且)某論題的微博信息。
8.統(tǒng)計(jì)分析某時(shí)間段的用戶(hù)數(shù)量,微博數(shù)量。
9.發(fā)布重大消息或提示信息
(7-9基于管理員)
設(shè)計(jì)要求:完整實(shí)現(xiàn)設(shè)計(jì)內(nèi)容所指定的功能
應(yīng)用服務(wù)器采用Tomcat 6.0或以上
基于JSP編程
開(kāi)發(fā)工具采用Eclipse + DreamWeaver
數(shù)據(jù)庫(kù)采用SQL server2005,或ACCESS 2003(或更新版本)
用戶(hù)界面友好
組織方式:在自然班范圍內(nèi)按4人一組分組確定設(shè)計(jì)小組,每組確定一名組長(zhǎng)。時(shí)間安排:一周考核方式:
1.各設(shè)計(jì)小組上交系統(tǒng)實(shí)現(xiàn)的軟件(通過(guò)郵件方式按自然班上交)。
2.各設(shè)計(jì)小組上交課程設(shè)計(jì)書(shū)面報(bào)告,另通過(guò)郵件按自然班上交電子版。
報(bào)告按上述設(shè)計(jì)內(nèi)容逐項(xiàng)表述,并加上中英文標(biāo)題、關(guān)鍵字、摘要、總結(jié)。報(bào)告中必須完整展示各項(xiàng)設(shè)計(jì)內(nèi)容的設(shè)計(jì)結(jié)果。表述清晰,格式規(guī)范。
3.評(píng)分:軟件設(shè)計(jì)和實(shí)現(xiàn)60分。
設(shè)計(jì)報(bào)告40分。
第三篇:web程序設(shè)計(jì)(JSP)課程設(shè)計(jì)總結(jié)
《Web程序設(shè)計(jì)(JSP)》課程設(shè)計(jì)總結(jié)
課程設(shè)計(jì)時(shí)間: 2011-2012 年第一學(xué)期 第13周—第14周課程設(shè)計(jì)班級(jí): 計(jì)科08101
課程設(shè)計(jì)計(jì)劃學(xué)時(shí):40
實(shí)際設(shè)計(jì)學(xué)時(shí):40
設(shè)計(jì)地點(diǎn):信息中心A-107
課程設(shè)計(jì)是培養(yǎng)學(xué)生綜合運(yùn)用所學(xué)知識(shí),發(fā)現(xiàn)、提出、分析和解決實(shí)際問(wèn)題,鍛煉實(shí)踐能力的重要環(huán)節(jié)?!癢eb程序設(shè)計(jì)課程設(shè)計(jì)”是計(jì)算機(jī)科學(xué)與技術(shù)專(zhuān)業(yè)的專(zhuān)業(yè)課,是培養(yǎng)學(xué)生掌握動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)的重要課程。
本次課程設(shè)計(jì)要求學(xué)生獨(dú)立開(kāi)發(fā)一個(gè)小型電子商務(wù)網(wǎng)站,向客戶(hù)提供一個(gè)介紹、展示商品的環(huán)境,是客戶(hù)選擇、購(gòu)買(mǎi)商品的虛擬平臺(tái)。系統(tǒng)要求實(shí)現(xiàn)一般的電子商務(wù)網(wǎng)站所具備的功能,包括會(huì)員登錄、商品瀏覽、商品查詢(xún)、購(gòu)物車(chē)、下訂單、結(jié)算、后臺(tái)管理等。通過(guò)本課程的課程設(shè)計(jì)要求
1.課程設(shè)計(jì)開(kāi)始之前要事先確定好課題并準(zhǔn)備好相應(yīng)素材(圖片,音頻等);
2.課程設(shè)計(jì)開(kāi)始后每組同學(xué)必須相互合作共同完成課題;
3.每組中的每個(gè)同學(xué)必須獨(dú)立完成定制模塊的任務(wù);
4.課程設(shè)計(jì)課題要求內(nèi)容完整,功能齊全;
5.要有自己的設(shè)計(jì)風(fēng)格,禁止相互copy;
6.嚴(yán)格按照課程設(shè)計(jì)時(shí)間安排作好每一項(xiàng)工作;
7.認(rèn)真分析課題,整理開(kāi)發(fā)思路,完成每天的規(guī)定的工作量;
設(shè)計(jì)完成,上交完整的課程設(shè)計(jì)報(bào)告并為答辯作好充分準(zhǔn)備。
課程設(shè)計(jì)成果驗(yàn)收
要求學(xué)生認(rèn)真回顧設(shè)計(jì)過(guò)程,總結(jié)收獲,發(fā)現(xiàn)不足,整理技術(shù)資料,撰寫(xiě)課程設(shè)計(jì)報(bào)告書(shū),寫(xiě)出心得體會(huì)和改進(jìn)意見(jiàn),準(zhǔn)備答辯。
1.成果驗(yàn)收
指導(dǎo)教師及答辯小組對(duì)每位同學(xué)設(shè)計(jì)的成果進(jìn)行驗(yàn)收,打設(shè)計(jì)成果成績(jī)。驗(yàn)收時(shí)間為最后一次上機(jī)實(shí)驗(yàn)時(shí)進(jìn)行。
2.撰寫(xiě)課程設(shè)計(jì)報(bào)告
布置設(shè)計(jì)成果通過(guò)驗(yàn)收的同學(xué)撰寫(xiě)課程設(shè)計(jì)報(bào)告。學(xué)生在課程設(shè)計(jì)完成后,提交所設(shè)計(jì)課題的“課程設(shè)計(jì)報(bào)告”,要求打印稿、電子稿(Word格式)各一份,用A4幅面紙打印。
3.答辯
通過(guò)答辯達(dá)到相互學(xué)習(xí),找出不足,開(kāi)拓設(shè)計(jì)思路的目的。主要考察學(xué)生對(duì)課程設(shè)計(jì)的認(rèn)識(shí)、設(shè)計(jì)過(guò)程的體會(huì)與收獲、設(shè)計(jì)成果的理解、成果的真實(shí)性及功能、關(guān)鍵技術(shù)問(wèn)題的解決方案等。
課程設(shè)計(jì)小結(jié)
本次課程設(shè)計(jì),學(xué)生整體積極性較高,由于一些原因,這次課程設(shè)計(jì)時(shí)間短,課時(shí)少,同學(xué)們?cè)谟锌荚嚾蝿?wù)下,除了在極有限的課堂上設(shè)計(jì)制作外,課后也投入了不少的時(shí)間和精力,按要求完成小組分配的設(shè)計(jì)任務(wù)。通過(guò)本次課程設(shè)計(jì)增強(qiáng)了學(xué)生之間協(xié)同合作、相互幫助的情感,并使每位同學(xué)有了不同程度的提高,達(dá)到了課程設(shè)計(jì)的目的。
電氣信息工程系王慶月2011-11-25
第四篇:WEB程序設(shè)計(jì)心得
袁龍--WEB程序設(shè)計(jì)個(gè)人心得
這個(gè)學(xué)期學(xué)習(xí)了WEB客戶(hù)端程序設(shè)計(jì),對(duì)網(wǎng)頁(yè)制作有了一定的了解,這個(gè)學(xué)期完成了老師布置的2個(gè)項(xiàng)目,我一直做得是前臺(tái)界面設(shè)計(jì),所以對(duì)前臺(tái)比對(duì)后臺(tái)了解些,通過(guò)這2個(gè)項(xiàng)目的鍛煉,我覺(jué)得我自己的前臺(tái)界面開(kāi)發(fā)能力有很大的提高,從最初開(kāi)始的什么都不會(huì),到現(xiàn)在基本能把前臺(tái)界面設(shè)計(jì)的比較好了,自己也對(duì)WEB程序設(shè)計(jì)有了一定的了解,至于后臺(tái)代碼,也有了一定的了解,可能用起來(lái),沒(méi)有前臺(tái)熟
說(shuō)一下自己學(xué)習(xí)WEB的歷程————-當(dāng)曾老師開(kāi)設(shè)WEB程序設(shè)計(jì)的時(shí)候,第一次上課時(shí)感覺(jué)這課真心高大上,于是一種想學(xué)的沖動(dòng)驅(qū)使我開(kāi)始下決心一定要把這課學(xué)好,出色的完成老師布置的項(xiàng)目。于是一個(gè)想法在我腦海閃現(xiàn),老師講的東西畢竟有限,所以我要發(fā)揮自己的自主學(xué)習(xí)能力,于是開(kāi)始在網(wǎng)上尋找各種有關(guān)教程。找了許多教程,最終在傳智播客這個(gè)網(wǎng)站上找到了學(xué)習(xí)前臺(tái)界面的教學(xué)視頻,于是開(kāi)始了我的學(xué)習(xí)WEB的旅程。首先開(kāi)始學(xué)習(xí)的是DIV+CSS,聽(tīng)授課老師的講述我了解到了下面的知識(shí)---網(wǎng)頁(yè)的設(shè)計(jì)目前都是應(yīng)用DIV+CSS或者TABLE+CSS 只是DIV更加靈活點(diǎn),而TABLE更加傳統(tǒng),而且還是很好用 首先從最簡(jiǎn)單的HTML語(yǔ)法學(xué)起
而HTML語(yǔ)法主要在于對(duì)表格和表單的使用
實(shí)際上唯一難的就是表格的掌握,因?yàn)橛帽砀駚?lái)布局,需要考慮打方方面面的,而從語(yǔ)言語(yǔ)法來(lái)說(shuō)不難
HTML是標(biāo)簽形式的,所以要靈活嵌標(biāo)簽,可以做出不同的效果,特別是FORM標(biāo)簽里面嵌套TABLE標(biāo)簽可以控制里面的元素排列方式
來(lái)控制一段,沒(méi)什么特別注意的
標(biāo)簽用來(lái)控制制定的一段字體效果不錯(cuò)
好用
然后就開(kāi)始試著自己通過(guò)手動(dòng)寫(xiě)代碼來(lái)布局,因?yàn)閷W(xué)WEB的最鍛煉技術(shù)的就是自己手寫(xiě)代碼,于是自己通過(guò)純手工代碼的形式編寫(xiě)了一個(gè)課程表,記得當(dāng)時(shí)編這個(gè)的時(shí)候足足花了我一天的時(shí)間,因?yàn)楫?dāng)時(shí)什么都不知道,先看了視頻教學(xué),然后第二天決定自己動(dòng)手實(shí)踐一下,當(dāng)我第二天做的時(shí)候發(fā)現(xiàn),看別人編的時(shí)候感覺(jué)好簡(jiǎn)單,當(dāng)時(shí)當(dāng)自己動(dòng)手編的時(shí)候各種不會(huì),最后經(jīng)過(guò)一天的改啊,終于讓我編出來(lái)了,瞬間有了點(diǎn)成就感,后來(lái)把div+CSS學(xué)完了,盡管曾老師講的是拖控件,但是我學(xué)過(guò)手動(dòng)敲代碼,于是操作起控件來(lái)得心應(yīng)手,就這樣我自己自學(xué)了一些東西,其中包括flash,javascript,div+CSS,dom,jquery,ajax等等一些技術(shù),感覺(jué)這學(xué)期學(xué)到了很多東西,其中有老師教的,也有自己自學(xué)的,有了這些基礎(chǔ),然后就開(kāi)始了第一個(gè)項(xiàng)目的,圖書(shū)管理系統(tǒng),當(dāng)時(shí)我負(fù)責(zé)的是前臺(tái)界面,當(dāng)時(shí)參照了一個(gè)網(wǎng)站,知道了有母版頁(yè)這個(gè)東西,于是開(kāi)始自己建一個(gè)母版頁(yè),在建母版頁(yè)的過(guò)程中也是遇到了很多困難,看著別人做的干覺(jué)蠻簡(jiǎn)單,可是自己做起來(lái),確實(shí)失敗了很多次,我記得那時(shí)候?yàn)榱私ㄟ@個(gè)母版頁(yè),每天都是寢室最晚一個(gè)睡得,最先一個(gè)起的,在自己的努力下,終于學(xué)會(huì)了怎么建母版頁(yè),并運(yùn)用于了我們的第一個(gè)項(xiàng)目,現(xiàn)在回頭想了一下,現(xiàn)在覺(jué)得母版頁(yè)其實(shí)挺簡(jiǎn)單了,就是這樣一個(gè)簡(jiǎn)單的頁(yè)面,對(duì)于一個(gè)初學(xué)者來(lái)說(shuō)也是一個(gè)巨大的障礙,現(xiàn)在就說(shuō)說(shuō)我對(duì)前臺(tái)布局的一些理解吧 用過(guò)都知道
配合,TR就是行,TD就是單元格,弄清楚位置還是很簡(jiǎn)單的,特別注意TD在占用行或者列的時(shí)候最好能畫(huà)出整個(gè)表格方便來(lái)寫(xiě)代碼哦.表格還能嵌套表格,可以把位置具體出來(lái)哦哦哦.難點(diǎn)在于設(shè)置對(duì)齊方式和寬度,老是不容易弄好 是個(gè)塊,和CSS配合可以達(dá)到表格的效果,但代碼簡(jiǎn)單清晰,可是不好掌握.容易引起各種各樣的變形,對(duì)瀏覽器的兼容性也有需要提高. |