個(gè)人信息網(wǎng)站設(shè)計(jì)報(bào)告文檔
個(gè)人信息網(wǎng)站設(shè)計(jì)報(bào)告文檔題目： 個(gè)人信息網(wǎng)站一．引言1．編寫目的：我做的主題就是對(duì)個(gè)人一些介紹及綜合的網(wǎng)站（1）學(xué)習(xí)掌握INTERENT 基礎(chǔ)知識(shí)，掌握網(wǎng)頁設(shè)計(jì)語言（HTML ）基礎(chǔ)。
個(gè)人信息網(wǎng)站設(shè)計(jì)報(bào)告文檔
題目： 個(gè)人信息網(wǎng)站
一．引言
1．編寫目的：我做的主題就是對(duì)個(gè)人一些介紹及綜合的網(wǎng)站
（1）學(xué)習(xí)掌握INTERENT 基礎(chǔ)知識(shí)，掌握網(wǎng)頁設(shè)計(jì)語言（HTML ）基礎(chǔ)。
（2）熟練運(yùn)用設(shè)計(jì)CSS 控制網(wǎng)頁風(fēng)格，學(xué)習(xí)網(wǎng)頁版面設(shè)計(jì)。
（3）初步掌握靜態(tài)網(wǎng)頁設(shè)計(jì)基礎(chǔ)，熟練掌握至少一種專業(yè)的可視化網(wǎng)頁（站）
設(shè)計(jì)軟件（如DREAMWEAVER 等）。
（4）培養(yǎng)學(xué)生網(wǎng)站開發(fā)，和設(shè)計(jì)的能力。
（5）熟悉用ASP 編程環(huán)境結(jié)合ACCESS 數(shù)據(jù)庫進(jìn)行開發(fā)；
（6）完成網(wǎng)站前臺(tái)展示、后臺(tái)管理
（7）掌握數(shù)據(jù)庫基本概念及Web 數(shù)據(jù)庫的特點(diǎn)。
（8）熟練地進(jìn)行Windows 系統(tǒng)下虛擬IIS 的安裝和服務(wù)器配置。
（9）掌握運(yùn)用VBScript 進(jìn)行客戶端、服務(wù)器端腳本的設(shè)計(jì)與編寫。
(10) 熟練地掌握ASP 中常用內(nèi)置對(duì)象和內(nèi)置組件的使用方法；
(11) 熟練掌握數(shù)據(jù)庫查詢方法
(12) 提高學(xué)生提高技術(shù)總結(jié)和撰寫說明書的能力
2．定義：
（1） HyperText Markup Language （HTML ）超級(jí)文本標(biāo)記語言是標(biāo)準(zhǔn)通用標(biāo)
記語言 下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)， 它通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。
（2（3
（4 1
,據(jù)用途來說）在做網(wǎng)頁設(shè)計(jì)（其中重點(diǎn)是網(wǎng)頁設(shè)計(jì)類的匯編語言如：asp 、java 等）的基本服務(wù)器（即本地服務(wù)器），可以用它來實(shí)現(xiàn)和運(yùn)行（測(cè)試）你所制作的網(wǎng)頁。
3．參考資料：
《Web 開發(fā)技術(shù)》作者：王成良、祝偉華 清華大學(xué)出版社
《腦動(dòng)力- HTML CSS標(biāo)簽》作者：劉麗霞、劉晉偉 電子工業(yè)出版社 《7天精通網(wǎng)頁設(shè)計(jì)與制作》作者：徐華、李鳳云 電子工業(yè)出版社
二．任務(wù)描述
1．目標(biāo)： 利用當(dāng)前主流web 開發(fā)技術(shù)，獨(dú)立完成一個(gè)個(gè)人信息web 應(yīng)用
的構(gòu)思、設(shè)計(jì)、實(shí)現(xiàn)、測(cè)試、發(fā)布等全過程。
2. 內(nèi)容：（1）新聞動(dòng)態(tài)(滾動(dòng)顯示) ；
（2）個(gè)人簡(jiǎn)介（XML ）；
（3）留言板（ASP 數(shù)據(jù)庫）；
（4）個(gè)人照片和友情鏈接；
（5）個(gè)人信息網(wǎng)站的發(fā)布
三．任務(wù)設(shè)計(jì)
1．個(gè)人最新動(dòng)態(tài)頁面的設(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è)定
標(biāo)簽內(nèi)容的對(duì)齊方式
absbottom ：絕對(duì)底部對(duì)齊
absmiddle：絕對(duì)中央對(duì)齊
baseline ：底線對(duì)齊
bottom ：底部對(duì)齊（默認(rèn)）
left ：左對(duì)齊
middle ：中間對(duì)齊
以下是一個(gè)最簡(jiǎn)單的例子：
代碼如下
2．個(gè)人照片和友情鏈接頁面：
標(biāo)簽有兩個(gè)必需的屬性：src 屬性 和 alt
2
,例:寫一段圖片HTML 代碼 
......http://wk.huhome.net/10/
target有2種打開方式:http://wk.huhome.net/10/
_blank:新窗口打開http://wk.huhome.net/10/
_self:本窗口打開http://wk.huhome.net/10/
3．個(gè)人簡(jiǎn)介XML 文檔的內(nèi)容和格式控制方法：http://wk.huhome.net/10/
〈?xml version="1.0" encoding="gb2312" ?〉http://wk.huhome.net/10/
〈參考資料〉http://wk.huhome.net/10/
〈書籍〉http://wk.huhome.net/10/
〈名稱〉XML 入門精解〈/名稱〉http://wk.huhome.net/10/
〈作者〉張三〈/作者〉http://wk.huhome.net/10/
〈價(jià)格 貨幣單位="人民幣" 〉20.00〈/價(jià)格〉http://wk.huhome.net/10/
〈/書籍〉http://wk.huhome.net/10/
〈/參考資料〉http://wk.huhome.net/10/
在XML 中引入CSS 樣式表有兩種方法。一種是在XML 文檔中直接嵌入CSS 樣式；另一種則是外部引入http://wk.huhome.net/10/
http://wk.huhome.net/10/
http://wk.huhome.net/10/
xmlns:HTML="http://www.w3.org/profiles/XHTML-transitional"> book{http://wk.huhome.net/10/ display:block;http://wk.huhome.net/10/ background-color:#FFE4C4;http://wk.huhome.net/10/ margin:5px;http://wk.huhome.net/10/ }http://wk.huhome.net/10/ name{http://wk.huhome.net/10/ 3http://wk.huhome.net/10/ display:block; line-height:30px; } 4．留言板功能程序設(shè)計(jì)： (1).程序設(shè)計(jì)流程圖： （2）ASP 制作、連接數(shù)據(jù)庫流程 a. 建立數(shù)據(jù)庫，設(shè)置字段變量ID(主鍵)name 、sex 、job 、email 、address 、 hobby 、content 4 b. 設(shè)置ODBC 數(shù)據(jù)源， c. 系統(tǒng) DSN d. 指定數(shù)據(jù)源名稱 e. 數(shù)據(jù)庫路徑。 (3)、建立add.asp 文件 5 a. 建立含name 、sex 、job 、email 、address 、hobby 、content 的文本框。 b. 通過設(shè)計(jì)菜單的行為面板對(duì)表單設(shè)置檢查表單行為。 c. 在應(yīng)用程序菜單的數(shù)據(jù)庫面板建立連接文件。 d. 在綁定面板建立記錄集（Recordset ） 6 e. 在服務(wù)器行為面板設(shè)置插入記錄行為 f. 保存文件 (4)、個(gè)人信息網(wǎng)站的發(fā)布： a. 開啟支持IIS 的系統(tǒng)服務(wù)。控制面板-程序和功能-打開或關(guān)閉Windows 功能 7 b. 進(jìn)入IIS 管理器 控制面板->管理工具->IIS管理器 c. 添加新網(wǎng)站 d. 配置應(yīng)用程序池。 8 應(yīng)用程序池，是將一個(gè)或多個(gè)應(yīng)用程序鏈接到一個(gè)或多個(gè)工作進(jìn)程集合的配置。 e. 添加成功 四．任務(wù)實(shí)現(xiàn)過程中的問題 1．問題1 （1）問題描述：滾動(dòng)新聞制作問題 （2）解決辦法：查詢html css代碼 2．問題2 （1）問題描述：連接成功數(shù)據(jù)庫無法插入數(shù)據(jù) （2）解決辦法：查詢多個(gè)百度文庫文檔，數(shù)據(jù)庫的字段與ASP 字段不匹配， 9 都設(shè)置成文本字段解決問題。 五．系統(tǒng)運(yùn)行 系統(tǒng)運(yùn)行的過程和結(jié)果： 1、主頁： 2、我的相冊(cè)： 10
