WEB個(gè)人主頁(yè)設(shè)計(jì)報(bào)告15頁(yè)

1、WEB課程設(shè)計(jì) 題 目 個(gè)人主頁(yè)制作 學(xué)生姓名 : 李維軍學(xué) 號(hào) : 07110744指導(dǎo)教師 : 江霞專 業(yè) : 軟件工程二零壹零年三月一. 課程設(shè)計(jì)的目的通過(guò)本課程的訓(xùn)練，使我們掌握HTML語(yǔ)言的語(yǔ)法結(jié)構(gòu)，能夠使用HTML語(yǔ)言編寫(xiě)靜態(tài)網(wǎng)頁(yè)，控制網(wǎng)頁(yè)中的文字，圖片，超級(jí)鏈接，表格，表單，框架等，能夠使用HTML語(yǔ)言實(shí)現(xiàn)移動(dòng)的文字，制作多媒體頁(yè)面，能夠讀懂復(fù)雜網(wǎng)頁(yè)的源代碼。熟練使用網(wǎng)頁(yè)設(shè)計(jì)工具Frontpage、Dreamweaver MX，能夠使用Dreamweaver MX設(shè)計(jì)網(wǎng)頁(yè)的框架，導(dǎo)航條，設(shè)置文字，圖片，超級(jí)鏈接，滾動(dòng)文字，彈出窗口的屬性，能夠使用Dreamweaver MX設(shè)計(jì)出

2、比較復(fù)雜的網(wǎng)頁(yè)，建立小型網(wǎng)站。熟悉Flash MX的繪圖，幀，層，屬性面板的使用，能夠使用Flash MX制作簡(jiǎn)單的動(dòng)畫(huà)，設(shè)計(jì)網(wǎng)頁(yè)的FLASH標(biāo)題。掌握基于WEB的數(shù)據(jù)庫(kù)應(yīng)用，理解在B/S模式下網(wǎng)頁(yè)如何同數(shù)據(jù)庫(kù)之間建立聯(lián)系，重點(diǎn)了解基于IDC和ASP兩種方式以及各自的原理和運(yùn)行環(huán)境，學(xué)會(huì)使用ASP的基本語(yǔ)法、內(nèi)建對(duì)象、內(nèi)建組件以及ASP訪問(wèn)數(shù)據(jù)庫(kù)的方法，能夠讀懂并修改大型動(dòng)態(tài)網(wǎng)站（ASP網(wǎng)站）的代碼。二. 設(shè)計(jì)網(wǎng)站的主題和意義網(wǎng)站的主題：個(gè)人網(wǎng)站制作網(wǎng)站的意義：在這次課程設(shè)計(jì)中，我選擇的是制作一個(gè)名字叫“夜幕下拾荒者”的個(gè)人網(wǎng)頁(yè)制作主的網(wǎng)站，在設(shè)計(jì)之初，我們對(duì)HTML語(yǔ)言一點(diǎn)都不了解，因此在實(shí)

3、際動(dòng)手之前還要去閱讀書(shū)本，后來(lái)通過(guò)上一個(gè)多媒體的網(wǎng)站，將自己所學(xué)的HTML靜態(tài)網(wǎng)頁(yè)制作的相關(guān)知識(shí)運(yùn)用到實(shí)際中，加深了對(duì)理論知識(shí)的理解。在制作過(guò)程中，我們的制作并不像剛開(kāi)始想象的那么順利，但是我們通過(guò)查資料，問(wèn)同學(xué)得到了滿意的答案，總之，這次個(gè)人網(wǎng)站的課程設(shè)計(jì)提高了我們的動(dòng)手能力，也提高了我們的自學(xué)能力，對(duì)我們以后的學(xué)習(xí)和工作都有很大的幫助。三. 實(shí)驗(yàn)基本原理通過(guò)上機(jī)操作使學(xué)生實(shí)驗(yàn)掌握HTML語(yǔ)言的使用方法，使用HTML設(shè)計(jì)網(wǎng)頁(yè)。通過(guò)上機(jī)操作使學(xué)生熟悉Frontpage、Dreamweaver MX，F(xiàn)lash MX的使用方法，能夠使用Dreamweaver MX設(shè)計(jì)比較復(fù)雜的網(wǎng)頁(yè)，能夠使用Fl

4、ash MX設(shè)計(jì)簡(jiǎn)單的動(dòng)畫(huà)，能夠使用ASP創(chuàng)建動(dòng)態(tài)網(wǎng)站，鞏固和加深對(duì)網(wǎng)站建設(shè)與網(wǎng)頁(yè)制作知識(shí)的理解，增強(qiáng)計(jì)算機(jī)的使用和實(shí)際操作能力。本課程以Windows XP和Dreamweaver MX，F(xiàn)lash MX作為系統(tǒng)環(huán)境，主要講述HTML的基本語(yǔ)法和Frontpage、eamweaver MX、lash MX的基本操作以及ASP的應(yīng)用。四、運(yùn)行壞境 本網(wǎng)頁(yè)主要基于windows XP的操作系統(tǒng)，安裝有Flash播放器、網(wǎng)頁(yè)三劍客：Macromedia Dreamweaver 、Macromedia Fireworks 、Macromedia Flash 的運(yùn)行壞境及Photoshop CS4。五

5、. 設(shè)計(jì)過(guò)程（代碼和截圖介紹）網(wǎng)站管理系統(tǒng)的代碼：管理頁(yè)面body background:#799AE1; margin:0px; font:normal 12px 宋體; SCROLLBAR-FACE-COLOR: #004ABB; SCROLLBAR-HIGHLIGHT-COLOR: #799AE1; SCROLLBAR-SHADOW-COLOR: #799AE1; SCROLLBAR-DARKSHADOW-COLOR: #799AE1; SCROLLBAR-3DLIGHT-COLOR: #799AE1; SCROLLBAR-ARROW-COLOR: #FFFFFF;SCROLLBAR-T

6、RACK-COLOR: #AABFEC;table border:0px; td font:normal 12px 宋體; img vertical-align:bottom; border:0px; a font:normal 12px 宋體; color:#000000; text-decoration:none; a:hover color:#428EFF;text-decoration:underline; .sec_menu border-left:1px solid white; border-right:1px solid white; border-bottom:1px sol

7、id white; overflow:hidden; background:#D6DFF7; .menu_title .menu_title span position:relative; top:2px; left:8px; color:#215DC6; font-weight:bold; .menu_title2 .menu_title2 span position:relative; top:2px; left:8px; color:#428EFF; font-weight:bold; function showsubmenu(sid)whichEl = eval(submenu + s

8、id);if (whichEl.style.display = none)eval(submenu + sid + .style.display=;);elseeval(submenu + sid + .style.display=none;); 管理首頁(yè) | 退出   常規(guī)管理 站點(diǎn)配置修改密碼我的資料跟我交往 日記管理 分類管理 | 添加日志管理 | 添加評(píng)論管理 我的相冊(cè) 相冊(cè)分類 | 添加相片管理 | 上傳 多媒體 音樂(lè) | 添加視頻 | 添加Flash | 添加 工具箱 收藏夾   | 類別網(wǎng)絡(luò)硬盤(pán) | 上傳 留言版 留言版 管理系統(tǒng)信息 版本號(hào):個(gè)人主

9、頁(yè)V1.0版 程序設(shè)計(jì):a href= QQ:402517980 截圖示例： 六 網(wǎng)頁(yè)運(yùn)行結(jié)果在Iexplore8.0中將做好的個(gè)人主頁(yè)打開(kāi)，看到個(gè)人日志，相冊(cè)，多媒體音樂(lè)等滾動(dòng)條隨機(jī)滾動(dòng)等都能實(shí)現(xiàn)。點(diǎn)擊超鏈接的各個(gè)網(wǎng)頁(yè)，網(wǎng)頁(yè)打開(kāi)，子網(wǎng)頁(yè)中的各超鏈接，測(cè)試證明本次課程設(shè)計(jì)達(dá)到了預(yù)期所要實(shí)現(xiàn)的效果。七. 實(shí)驗(yàn)總結(jié)通過(guò)這次課程設(shè)計(jì)我對(duì)HTML語(yǔ)言有了一定的了解，從剛開(kāi)始的對(duì)HTML語(yǔ)言一點(diǎn)都不了解，到能夠兩個(gè)人合作完成一個(gè)網(wǎng)站的雛形，這是一個(gè)很大的進(jìn)步。在這次網(wǎng)頁(yè)的設(shè)計(jì)中，有過(guò)很多次的失敗，剛開(kāi)做出來(lái)的網(wǎng)頁(yè)基本上只有插入背景圖片，超鏈接幾個(gè)技術(shù)。后來(lái)我們通過(guò)找別人的網(wǎng)頁(yè)，看別人的代碼，通過(guò)不斷的學(xué)習(xí)，模仿好的網(wǎng)頁(yè)特效，將別人的代碼不斷的修改后運(yùn)用到自己的網(wǎng)頁(yè)中去。此次網(wǎng)頁(yè)設(shè)計(jì)還涉及到html,javascript,css,asp,php等編程語(yǔ)言技術(shù)方面的知識(shí)，我們意識(shí)到只有綜合運(yùn)用多種知識(shí),才能設(shè)計(jì)出視聽(tīng)特效,動(dòng)感十足,富于個(gè)性的web頁(yè)面,才能全面展