【正文】 。相似部分可適當(dāng)省略。 內(nèi)容： 自選所需網(wǎng)頁設(shè)計工具和語言，搜集或自創(chuàng)網(wǎng)頁所需素 材，實現(xiàn)網(wǎng)頁的布局、美工、基本客戶端校驗等目的。提交設(shè)計報告。 第 1 天：復(fù)習(xí)鞏固原有知識、查閱相關(guān)資料、構(gòu)思出基本設(shè)計方案； 第 2 天：搜集素材、應(yīng)用相關(guān)工具設(shè)計網(wǎng)頁基本結(jié)構(gòu)。 課程設(shè)計報告須詳細(xì)地闡述設(shè)計思路和過程，以網(wǎng)頁布局結(jié)構(gòu)為主線，分別注釋代 碼功能。如有余力者，可以進(jìn)一步學(xué)習(xí)并應(yīng)用數(shù)據(jù)庫技術(shù)。交通運輸學(xué)院課程設(shè)計 1 交通運輸學(xué)院 網(wǎng)頁制作及管理 課程設(shè)計 學(xué) 院 交通運輸學(xué)院 ___班 級 信管 11 交通運輸學(xué)院課程設(shè)計 2 指導(dǎo)教師評語及成績 指 導(dǎo) 教 師 評 語 成 績 導(dǎo)師簽字： 年 月 日 交通運輸學(xué)院課程設(shè)計 3 蘭州交通大學(xué)交通運輸學(xué)院課程設(shè)計任務(wù)書 所在系： 信息管理與信息系統(tǒng) 課程名稱： 網(wǎng)頁設(shè) 計 指導(dǎo)教師（簽名）： 專業(yè)班級： 信管 11 學(xué)生姓名： 學(xué)號： 202000832 一、課程設(shè)計題目 網(wǎng)頁設(shè)計 二、課程設(shè)計的目的 發(fā)現(xiàn)課程學(xué)習(xí)中的不足和薄弱環(huán)節(jié)，予以補(bǔ)充和加強(qiáng)。 三、課程設(shè)計的主要內(nèi)容和要 求 （包括原始數(shù)據(jù)、技術(shù)參數(shù)、設(shè)計要求、工作量要求等） 自選所需網(wǎng)頁設(shè)計工具和語言，搜集或自創(chuàng)網(wǎng)頁所需素材，實現(xiàn)網(wǎng)頁的布局、美工、基本客戶端校驗等目的。 工作量方面，要求設(shè)計一個網(wǎng)站的主頁和其它至少兩個頁面，要求風(fēng)格統(tǒng)一。 四、工作進(jìn)度安排 本課程設(shè)計的所有內(nèi)容在一周內(nèi)完成。 第 7天：完善細(xì)節(jié)，按要求完善修改課程設(shè)計報告。培養(yǎng)獨立思考和解決問題的能力，探索和創(chuàng)新的能力。 課程設(shè)計報告須詳細(xì)地闡述設(shè)計思路和過程，以網(wǎng)頁布局結(jié)構(gòu)為主線，分別注釋代碼功能。首先，明確設(shè)計主題：設(shè)計班級網(wǎng)站的三個網(wǎng)頁，其中包括班級主頁，班級簡介頁面，班級相冊頁碼，并保持其風(fēng)格的一致。最后，將三個網(wǎng)頁通過連接的形式合成一個整體，進(jìn)而達(dá)到最終目的。 height:1050px。 height:300px。 float:right。 width:36%。 } .content .primary .primary{ width:61%。 height:695px。 backgroundimage:url(D:/My Documents/My Pictures/)。 交通運輸學(xué)院課程設(shè)計 7 float:right。 width:31%。 float:left。 } .footer .primary .secondary{ /*對底部的第三列布局的屬性進(jìn)行設(shè)置 */ width:34%。 paddingright:3px。 交通運輸學(xué)院課程設(shè)計 9 backgroundimage:url(D:/My Documents/My Pictures/圖片 )。 background:url(D:/My Documents/My Pictures/) repeatx。 padding:5px。 borderleft:2px solid FFFFFF。 color:FF33FF。 } div class=wrapper div class=header ul class=nav !頭部的導(dǎo)航進(jìn)行布局 lia href=Home/a/li lia href=News/a/li lia href=Reading/a/li lia href=downloadDownload/a/li lia href=talkingTalking/a/li /ul /div 截圖如圖 圖 聯(lián)絡(luò)吧部分分析如下： .content .secondary table { /*對內(nèi)容下的第一列布局中的表格整體屬性進(jìn)行設(shè)置 */ margin:5px 0px。 color:000000。 } td{ margin:0px。 } div class=secondary id=box height=400 !對第一列布局中聯(lián)絡(luò)吧部分的表格的安排 IMG SRC=D:/My Documents/My Pictures/ WIDTH=200 HEIGHT=50 TABLE cellpadding=5px height=400 TR TD rowspan=2 班 BR主 BR任 /TD TDTelephone/TD 交通運輸學(xué)院課程設(shè)計 12 TD6666666/TD /TR TR TDEmail/TD TDa href=mailto:xxxyyy/TD /TR TR TD rowspan=2班 BR長 /TD TDTelephone/TD TD88888888/TD /TR TR TDEmail/TD TDa href=mailto:xxxyyy/TD /TR TR TD rowspan=2 a href=p朋 BR友 BR 零 BR距 BR離 BR*/p p朋 BR友 BR零 BR距 BR離 BR*/p p朋 BR友 BR零 BR距 BR離 /p /TD TD colspan=2 UL id=font lia href=B快來 Zoly 的空間逛逛吧 ~/B/a/li lia href=B快和 Jony 交個朋友吧 ~/B/a/li … lia href=B我是可愛的 Mimy 哦 ~/B/a/li lia href=BHeby 在等你哦 ~~/B/a/li /UL /TD /TR 交通運輸學(xué)院課程設(shè)計 13 /TABLE 截圖如圖 新聞吧部分的分析： .content .primary .primary li { /*對內(nèi)容中第二列布局下的列表項的屬性進(jìn)行設(shè)置 */ height:25px。 } .content .primary .primary li a{ margin:0。 } div class=content div class=primary div class=primary IMGSRC=D:/My Documents/My Pictures/ WIDTH=250 HEIGHT=60 div class=date !日期的布局 script type=text/javascript var d=new Date() var month=new Array(12) month[0]=1 month[1]=2 交通運輸學(xué)院課程設(shè)計 14 … month[11]=12 (2020 +month[()]+ +()+ ) var weekday=new Array(7) weekday[0]=星期日 weekday[1]=星期一 … weekday[6]=星期六 (weekday[()]) /script /div UL !對整體內(nèi)容中第一列主體新聞部分的安排 LI IMGSRC=D:/My Documents/My Pictures/u= WIDTH=40 HEIGHT=30 a href=☆：今天下午在五教開班會！請大家相互轉(zhuǎn)告 ~/a /LI LI IMGSRC=D:/My Documents/My Pi