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