個(gè)人信息網(wǎng)站設(shè)計(jì)報(bào)告文檔

1、個(gè)人信息網(wǎng)站設(shè)計(jì)報(bào)告文檔題目： 個(gè)人信息網(wǎng)站 一引言1編寫(xiě)目的：我做的主題就是對(duì)個(gè)人一些介紹及綜合的網(wǎng)站（1）學(xué)習(xí)掌握INTERENT基礎(chǔ)知識(shí)，掌握網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言（HTML）基礎(chǔ)。（2）熟練運(yùn)用設(shè)計(jì)CSS控制網(wǎng)頁(yè)風(fēng)格，學(xué)習(xí)網(wǎng)頁(yè)版面設(shè)計(jì)。 （3）初步掌握靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)，熟練掌握至少一種專業(yè)的可視化網(wǎng)頁(yè)（站）設(shè)計(jì)軟件（如DREAMWEAVER等）。 （4）培養(yǎng)學(xué)生網(wǎng)站開(kāi)發(fā)，和設(shè)計(jì)的能力。 （5）熟悉用ASP編程環(huán)境結(jié)合ACCESS數(shù)據(jù)庫(kù)進(jìn)行開(kāi)發(fā)； （6）完成網(wǎng)站前臺(tái)展示、后臺(tái)管理 （7）掌握數(shù)據(jù)庫(kù)基本概念及Web數(shù)據(jù)庫(kù)的特點(diǎn)。 （8）熟練地進(jìn)行Windows系統(tǒng)下虛擬IIS的安裝和服務(wù)器配置。 （

2、9）掌握運(yùn)用VBScript進(jìn)行客戶端、服務(wù)器端腳本的設(shè)計(jì)與編寫(xiě)。 (10) 熟練地掌握ASP中常用內(nèi)置對(duì)象和內(nèi)置組件的使用方法； (11) 熟練掌握數(shù)據(jù)庫(kù)查詢方法(12) 提高學(xué)生提高技術(shù)總結(jié)和撰寫(xiě)說(shuō)明書(shū)的能力 2定義：（1） HyperText Markup Language（HTML）超級(jí)文本標(biāo)記語(yǔ)言是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言 下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)， 它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。（2） Cascading Style Sheets (CSS) 級(jí)聯(lián)樣式表是一種用來(lái)表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言 的一個(gè)應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集）等文件樣

3、式的計(jì)算機(jī)語(yǔ)言。（3） Visual Basic Script (VBScript) 它是一種微軟環(huán)境下的輕量級(jí)的解釋型語(yǔ)言，它使用COM組件、WMI、WSH、ADSI訪問(wèn)系統(tǒng)中的元素1-2   ，對(duì)系統(tǒng)進(jìn)行管理。同時(shí)它又是asp動(dòng)態(tài)網(wǎng)頁(yè)默認(rèn)的編程語(yǔ)言，配合asp內(nèi)建對(duì)象和ADO對(duì)象，用戶很快就能掌握訪問(wèn)數(shù)據(jù)庫(kù)的asp動(dòng)態(tài)網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。（4） Internet Information Services（IIS，互聯(lián)網(wǎng)信息服務(wù)），是由微軟公司提供的基于運(yùn)行Microsoft Windows的互聯(lián)網(wǎng)基本服務(wù)。IIS 是windows的系統(tǒng)組件，可以按用戶的要求來(lái)安裝和

4、卸載。 其作用是（根據(jù)用途來(lái)說(shuō)）在做網(wǎng)頁(yè)設(shè)計(jì)（其中重點(diǎn)是網(wǎng)頁(yè)設(shè)計(jì)類的匯編語(yǔ)言如：asp、java等）的基本服務(wù)器（即本地服務(wù)器），可以用它來(lái)實(shí)現(xiàn)和運(yùn)行（測(cè)試）你所制作的網(wǎng)頁(yè)。3參考資料：Web開(kāi)發(fā)技術(shù)作者：王成良、祝偉華 清華大學(xué)出版社腦動(dòng)力- HTML+CSS標(biāo)簽作者：劉麗霞、劉晉偉 電子工業(yè)出版社7天精通網(wǎng)頁(yè)設(shè)計(jì)與制作作者：徐華、李鳳云 電子工業(yè)出版社二任務(wù)描述1目標(biāo)： 利用當(dāng)前主流web開(kāi)發(fā)技術(shù)，獨(dú)立完成一個(gè)個(gè)人信息web應(yīng)用的構(gòu)思、設(shè)計(jì)、實(shí)現(xiàn)、測(cè)試、發(fā)布等全過(guò)程。2. 內(nèi)容：（1）新聞動(dòng)態(tài)(滾動(dòng)顯示)；（2）個(gè)人簡(jiǎn)介（XML）；（3）留言板（ASP+數(shù)據(jù)庫(kù)）；（4）個(gè)人照片和友情鏈接；

5、（5）個(gè)人信息網(wǎng)站的發(fā)布三任務(wù)設(shè)計(jì)1個(gè)人最新動(dòng)態(tài)頁(yè)面的設(shè)計(jì)： Marquee標(biāo)簽可以將文字設(shè)置為動(dòng)態(tài)滾動(dòng)的效果使用方法：只要在標(biāo)簽之間添加要進(jìn)行滾動(dòng)的文字即可，而且可以在標(biāo)簽之間設(shè)置這些文字的字體、顏色等 屬性：標(biāo)簽支持的屬性align 設(shè)定<marquee>標(biāo)簽內(nèi)容的對(duì)齊方式 absbottom：絕對(duì)底部對(duì)齊  absmiddle：絕對(duì)中央對(duì)齊baseline：底線對(duì)齊bottom：底部對(duì)齊（默認(rèn)）left：左對(duì)齊middle：中間對(duì)齊 以下是一個(gè)最簡(jiǎn)單的例子：代碼如下<marquee><font size=+3

6、 color=red>Hello, World</font></marquee> 2個(gè)人照片和友情鏈接頁(yè)面：<img src=“圖像文件的地址”><img> 標(biāo)簽有兩個(gè)必需的屬性：src 屬性 和 alt 例:寫(xiě)一段圖片HTML代碼 <img src="http:/localhost/phpwind6/zx/6.jpg" id="imgs" lang="en-us" alt="測(cè)試"><a href="鏈

7、接網(wǎng)址">.</a><ahref=“路徑” target=“打開(kāi)方式”>鏈接元素</a> target有2種打開(kāi)方式: _blank:新窗口打開(kāi) _self:本窗口打開(kāi)3個(gè)人簡(jiǎn)介XML文檔的內(nèi)容和格式控制方法：?xml version="1.0" encoding="gb2312" ? 參考資料 書(shū)籍 名稱XML入門(mén)精解/名稱 作者張三/作者 價(jià)格 貨幣單位="人民幣"20.00/價(jià)格 /書(shū)籍/參考資料在XML中引入CSS樣式表有兩種方法。一種是在XML文檔中直接嵌入CSS樣式；另一

8、種則是外部引入<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet type="text/css"?><xml> <HTML:STYLExmlns:HTML="/profiles/XHTML-transitional"> book display:block; background-color:#FFE4C4; margin:5px; name display:block; lin

9、e-height:30px; </HTML:STYLE> <book> <name>Xml應(yīng)用系列</name> </book></xml>4留言板功能程序設(shè)計(jì)：(1).程序設(shè)計(jì)流程圖：開(kāi)始制作ACCESS數(shù)據(jù)庫(kù)添加ACCESS數(shù)據(jù)源添加記錄集，插入數(shù)據(jù)添加數(shù)據(jù)集完成（2）ASP制作、連接數(shù)據(jù)庫(kù)流程a.建立數(shù)據(jù)庫(kù)，設(shè)置字段變量ID(主鍵)name、sex、job、email、address、hobby、contentb.設(shè)置ODBC數(shù)據(jù)源，c.系統(tǒng)DSNd.指定數(shù)據(jù)源名稱e.數(shù)據(jù)庫(kù)路徑。(3)、建立add.asp文件a.建

10、立含name、sex、job、email、address、hobby、content的文本框。b.通過(guò)設(shè)計(jì)菜單的行為面板對(duì)表單設(shè)置檢查表單行為。c.在應(yīng)用程序菜單的數(shù)據(jù)庫(kù)面板建立連接文件。d.在綁定面板建立記錄集（Recordset）e.在服務(wù)器行為面板設(shè)置插入記錄行為f.保存文件(4)、個(gè)人信息網(wǎng)站的發(fā)布：a.開(kāi)啟支持IIS的系統(tǒng)服務(wù)。控制面板-程序和功能-打開(kāi)或關(guān)閉Windows功能b.進(jìn)入IIS管理器控制面板->管理工具->IIS管理器c.添加新網(wǎng)站d.配置應(yīng)用程序池。應(yīng)用程序池，是將一個(gè)或多個(gè)應(yīng)用程序鏈接到一個(gè)或多個(gè)工作進(jìn)程集合的配置。e.添加成功四任務(wù)實(shí)現(xiàn)過(guò)程中的問(wèn)題1問(wèn)

11、題1 （1）問(wèn)題描述：滾動(dòng)新聞制作問(wèn)題 （2）解決辦法：查詢html+css代碼 2問(wèn)題2 （1）問(wèn)題描述：連接成功數(shù)據(jù)庫(kù)無(wú)法插入數(shù)據(jù) （2）解決辦法：查詢多個(gè)百度文庫(kù)文檔，數(shù)據(jù)庫(kù)的字段與ASP字段不匹配，都設(shè)置成文本字段解決問(wèn)題。 五系統(tǒng)運(yùn)行 系統(tǒng)運(yùn)行的過(guò)程和結(jié)果：1、主頁(yè)：2、我的相冊(cè)：3、動(dòng)態(tài)新聞：4、友情鏈接：5、我的動(dòng)漫：6、XML個(gè)人簡(jiǎn)介：7、留言板8、插入后的數(shù)據(jù)顯示：六、感想認(rèn)識(shí)通過(guò)這次課程設(shè)計(jì)我對(duì)HTML語(yǔ)言有了更進(jìn)一步的了解，從剛開(kāi)始的對(duì)HTML 語(yǔ)言一點(diǎn)都不了解，到能夠完成一個(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è)的視頻、資料，看代碼，不斷的學(xué)習(xí)，模仿好的網(wǎng)頁(yè)特效，將別人的代碼不斷的修改后運(yùn)用到自己的網(wǎng)頁(yè)中去。此次網(wǎng)頁(yè)設(shè)計(jì)還涉及到Html,Javascript,Css,Asp等編程語(yǔ)言技術(shù)方面的知識(shí)，我意識(shí)到只有綜合運(yùn)用多種知識(shí),才能設(shè)計(jì)出視聽(tīng)特效,動(dòng)感十足,富于個(gè)性的web頁(yè)面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型