【文章內(nèi)容簡(jiǎn)介】 。從而導(dǎo) 致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以，我們?cè)趧?dòng)手制作網(wǎng)頁(yè)前，一定要考慮好欄目和板塊的編排問(wèn)題。 本 站 點(diǎn)前臺(tái) 主頁(yè)采用靜、動(dòng)相結(jié)合的方式，即靜態(tài)的主畫面和動(dòng)態(tài)的圖片相結(jié)合，體現(xiàn)公司 的勃勃生氣，靜態(tài)主頁(yè)方式介紹 公司簡(jiǎn)介、企業(yè)聯(lián)系方式、公司視頻在線。動(dòng)態(tài)顯示公司的新聞動(dòng)態(tài)、產(chǎn)品展廳、招聘供求、客戶留言。 主頁(yè)結(jié)構(gòu) 示意 圖 ：圖 31 主頁(yè)結(jié)構(gòu) 示意 圖 、 圖 32 主頁(yè)結(jié)構(gòu)效果圖。 8 圖 31主頁(yè)結(jié)構(gòu) 示意 圖 圖 32 主頁(yè)結(jié)構(gòu)效果圖 ：是用來(lái)顯示企業(yè)簡(jiǎn)介的頁(yè)面。 公司簡(jiǎn)介 新聞動(dòng)態(tài) 產(chǎn)品展廳 招聘供求 客戶留言 聯(lián)系企業(yè) 視頻在線 進(jìn)入論壇 站 點(diǎn) 首 頁(yè) 在線 參觀 企業(yè) 理念 企業(yè) 文化 標(biāo)志 詮釋 歷史 榮譽(yù) 光榮與夢(mèng)想 在線 供求 在線 招聘 查看 留言 發(fā)表 留言 公司 留言 9 ：是用來(lái)顯示企業(yè)動(dòng)態(tài)新聞的頁(yè)面。 在其他頁(yè)面中點(diǎn)擊標(biāo)題鏈接即進(jìn)入新聞閱讀頁(yè)面，此時(shí)，每條新聞的詳細(xì)信息將被取出，包括內(nèi)容、標(biāo)題、關(guān)鍵字等，并按照相對(duì)固定的格式放置在頁(yè)面的不同區(qū)域，所有新聞使用大致相同的頁(yè)面布局，只是各字段對(duì)應(yīng)的內(nèi)容不同而已，另外，頁(yè)面其它位置，可以動(dòng)態(tài)放置其他元件，如網(wǎng)站標(biāo)志 logo、頁(yè)面廣告 banner等鏈接圖片，這樣可以很容易地實(shí)現(xiàn)圖文并茂的閱讀效果。 ：是用來(lái)顯示產(chǎn)品的頁(yè)面。首頁(yè)同時(shí)調(diào)用了產(chǎn)品最簡(jiǎn)單介紹。點(diǎn)擊可以鏈接到產(chǎn)品展廳的頁(yè)面 ：這里做了個(gè)分類一個(gè)是供求信息、一個(gè)是招聘信息的頁(yè)面 ：客戶做簡(jiǎn)單的留言建議或者是意見(jiàn)的文本提交頁(yè)面 ：企業(yè)聯(lián)系方式靜態(tài)頁(yè)面 ：視頻在線播放頁(yè)面 ：論文發(fā)表留言或者叫發(fā)帖的處理頁(yè)面 ：顯示論壇的帖的信息的頁(yè)面 ：訪客第一次來(lái)本站點(diǎn)時(shí)，對(duì)站內(nèi)信息不太熟悉，可以點(diǎn)擊網(wǎng)站地圖，便可以很明了的看到 本站點(diǎn)的框架。站點(diǎn)地圖設(shè)有鏈接到所屬頁(yè)面。 網(wǎng)站后臺(tái)結(jié)構(gòu)分析 后臺(tái)采用多窗口頁(yè)面顯示，交錯(cuò)窗口顯示后臺(tái)管理。一個(gè)窗口顯示管理項(xiàng)目，一個(gè)窗口鏈接到數(shù)據(jù)庫(kù)管理相關(guān)信息。企業(yè)網(wǎng)站管理員很容易的可以對(duì)企業(yè)的后臺(tái)信息管理。 frameset rows=20%,80% frame 作為 html 語(yǔ)言中的一部分，在網(wǎng)頁(yè)制作中占據(jù)著重要的地位。大家看到很多網(wǎng)頁(yè)上都好像 windows 下的資源管理器一樣，在左邊點(diǎn)擊相應(yīng)的鏈接，右邊就會(huì)有相應(yīng)的網(wǎng)頁(yè)顯示。就如我們進(jìn)入郵箱的時(shí)候一樣。這些都是使用 frame 的結(jié)果。下面我來(lái)給大 家介紹 frame的具體使用方法。使用 frame 必須首先用 frameset 來(lái)定義，可以說(shuō) frameset 就是 frame 的一個(gè) “ 統(tǒng)治者 ” 。在 html 文檔中，可以有 frameset 元素或者 body 元素，但是絕對(duì)不能同時(shí)使用這兩種元素。 這里設(shè)置了上下 2個(gè)窗口頁(yè)面 frame src=images/ name=topFrame scrolling=no noresize frameset cols=20%,80% 10 左右 2個(gè)窗口頁(yè)面，左邊是要管理的項(xiàng)目。右邊是 ASP 處理頁(yè)面的鏈接。 frameset 是確定網(wǎng)頁(yè)分框的定義，其屬性 rols 及 rows、 border 將在下面給大家介紹。 frame 是 frameset定義的每個(gè) “ 網(wǎng)頁(yè)分框 ” 的定義 ，其屬性 name、 scrolling 及 noresize、 marginHeight 及marginWidth、 frameborder 也將在下面給大家介紹 一部分 。 scrolling=no是卷滾條是否的意思、 noresize:決定 frame 是否可以改變大小 。 frame src= name=topFrame scrolling=no noresize frame src= name=mainFrame scrolling=yes /frameset frameset 元素的 cols 及 rows 屬性 屬性說(shuō)明： cols 及 rows 的作用是設(shè)置 frame 的寬度及高度 。 管理欄目分為企業(yè)新聞信息管理、客戶留言信息管理、產(chǎn)品展示信息管理、供求信息管理、招聘信息管理和論壇信息管理。本站點(diǎn)的論壇管理加設(shè)一個(gè)管理登陸頁(yè)面。 網(wǎng)站后臺(tái)示意圖 圖 33 網(wǎng)站后臺(tái)管理頁(yè)面 11 第四章 系統(tǒng)數(shù)據(jù)庫(kù)的設(shè)計(jì) ODBC 與數(shù)據(jù)庫(kù)的連接 通過(guò) ODBC 連接數(shù)據(jù)庫(kù) ， 打開(kāi)控制面板，再打開(kāi)管理工具，你就能看到數(shù)據(jù)源（ ODBC）這一項(xiàng)了 。如圖 41 ODBC 連接數(shù)據(jù)庫(kù)圖。 圖 41 ODBC 連接數(shù)據(jù)庫(kù)圖 雙擊圖標(biāo)打開(kāi)管理器，再選擇 系統(tǒng) DSN ，我們的數(shù)據(jù)源是在這里添加的。 如 圖 42。 圖 42 ODBC 添加 ACCESS 數(shù)據(jù)庫(kù) 12 添加數(shù)據(jù)源。點(diǎn)擊添加按鈕，開(kāi)始創(chuàng) 建數(shù)據(jù)源，在接下來(lái)的對(duì)話框中選擇數(shù)據(jù)源的驅(qū)動(dòng)程序，因我們使用的是 Microsoft Access 創(chuàng)建的數(shù)據(jù)庫(kù)，所以選擇 Microsoft Access Driver(*.mdb)作為數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序，如圖 43 所示 圖 43 ODBC 添加 ACCESS 驅(qū)動(dòng)程序 點(diǎn)擊完成按鈕，顯示下圖的對(duì)話框，數(shù)據(jù)源名隨便填寫即可，以簡(jiǎn)單易記為原則，這里我們以 userinfo（表名）來(lái)命名，注意不要沖突。說(shuō)明填不填都無(wú)所謂，是描述這個(gè)數(shù)據(jù)庫(kù)的用途而已。點(diǎn)擊選擇按鈕，選擇你的數(shù)據(jù)庫(kù)文件。找到我們?cè)谏弦还?jié)中創(chuàng)建的數(shù)據(jù)庫(kù)，選中即可 ，確定后，一個(gè)數(shù)據(jù)源就創(chuàng)建成功了 。下面開(kāi)始設(shè)計(jì)數(shù)據(jù)庫(kù)。 Database 數(shù)據(jù)庫(kù) Database 數(shù)據(jù)庫(kù)為一個(gè)包含企業(yè)新聞、留言信息、招聘信息、產(chǎn)品信息數(shù)據(jù)的數(shù)據(jù)庫(kù) ，Database 數(shù)據(jù)庫(kù)中：有以下表單。 admin：管理員信息表單。圖 44其中 user_id 為管理員ID、 user_pwd 為密碼 lev 為是否管理員身份 datatime 為創(chuàng)建時(shí)間。表、圖 44 表 44 網(wǎng)站后臺(tái)管理員數(shù)據(jù)表 字段名稱 數(shù)據(jù)類型 說(shuō)明 user_id 文本 管理員用戶名 User_pwd 文本 管理員密碼 lev 數(shù)字 管理員身份標(biāo)志 13 圖 44 網(wǎng)站后臺(tái)管理員數(shù)據(jù)圖 gqxx_info：供求信息表單：表 45 表 45 供求信息數(shù)據(jù)表 字段名稱 數(shù)據(jù)類型 說(shuō)明 Titile 文本 供求信息標(biāo)題 content 文本 供求信息內(nèi)容 圖 45供求信息數(shù)據(jù)圖 guestbook：客戶留言信息表單：表 46 表 46 客戶留言數(shù)據(jù)表 字段名稱 數(shù)據(jù)類型 說(shuō)明 titile 文本 留言標(biāo)題 Name 文本 留言名 字符 留言者電子郵箱 work 文本 工作職位 addr 文本 公司地址 content 文本 留言內(nèi)容 圖 46 客戶留言數(shù)據(jù)圖 news_info：新聞信息表單：表 47 14 表 47 新聞信息數(shù)據(jù)表 字段名稱 數(shù)據(jù)類型 說(shuō)明 Titile 文本 新聞標(biāo)題 content 文本 新聞內(nèi)容 圖 47新聞信息數(shù)據(jù)圖 pro_list：產(chǎn)品信息表單：表 48 表 48 產(chǎn)品信息數(shù)據(jù)表 字段名稱 數(shù)據(jù)類型 說(shuō)明 Pro_name 文本 產(chǎn)品名稱 Pro_info 文本 產(chǎn)品介紹 Pro_img 字符 產(chǎn)品圖片地址 圖 48 產(chǎn)品信息數(shù)據(jù)表 Data 數(shù)據(jù)庫(kù) Data 數(shù)據(jù)庫(kù)為論壇的數(shù)據(jù)庫(kù)，存放是論壇管理員及論壇留言信息。 Data 數(shù)據(jù)庫(kù)中表單： admin:論壇管理員信息表單：論壇的管理員的帳號(hào)可以修改。圖 49為論壇管理數(shù)據(jù)設(shè)計(jì)。 表 49 論壇管理員數(shù)據(jù)表 字段名稱 數(shù)據(jù)類型 說(shuō)明 Admin 字符 論壇管理員 ID Pwd 字符 論壇管理員密碼 15 圖 49 論壇管理員數(shù)據(jù)圖 gbook:論壇留言信息表單 : 表 410 表 410 論壇留言數(shù)據(jù)表 字段名稱 數(shù)據(jù)類型 說(shuō)明 Name 文本 論壇用戶名 face 字符 論壇頭像圖片地址 Sex 文本 性別 數(shù)字 Email 字符 電子郵箱 Web 字符 個(gè)人網(wǎng)站 content 文本 論壇留言內(nèi)容 圖 410 論壇留言數(shù)據(jù)圖 16 第五章 網(wǎng)站功能模塊設(shè)計(jì) 招聘供求信息模塊設(shè)計(jì)、產(chǎn)品展示及新聞發(fā)布都是類似的語(yǔ)法。這里就簡(jiǎn)單介紹一下新聞信息及產(chǎn)品展示的動(dòng)態(tài)管理設(shè)計(jì)。 新聞信息動(dòng)態(tài)模塊設(shè)計(jì) 企業(yè)新聞每天每時(shí)每刻都可能發(fā)生、不可能是一成不變的，所以有必要?jiǎng)討B(tài)管理企業(yè)的新聞。本站點(diǎn)新聞系統(tǒng)具備以下功能： 動(dòng)態(tài)添加、編輯、刪除。企業(yè)網(wǎng)站具備了這些新聞功能就基本 上可以很容易的發(fā)布各種企業(yè)新聞。圖 51新聞信息管理模塊效果圖。 圖 51 新聞信息管理模塊效果圖 新聞信息添加設(shè)計(jì) 在頁(yè)面中，所有的 添加 數(shù)據(jù)均填寫在 Form 元素中，并且在 Form 的 Action 中指定處理申請(qǐng)的頁(yè)面為 ．當(dāng)收到 提交 時(shí)，對(duì)應(yīng)項(xiàng)目的數(shù)據(jù)可以由 (項(xiàng)目名稱 )來(lái)獲得，其中 項(xiàng)目名稱 為 Form 元素的名稱，如 姓名全稱 對(duì)應(yīng) FullName，如 身份證號(hào)碼 對(duì)應(yīng) UniversalID ．現(xiàn)在利用這些信息來(lái)制作一個(gè)成功的通知頁(yè) 面。 以下為部分代碼： form onSubmit=return EW_checkMyForm(this)。 action= method=post name=form1 17 %= x_id % input type=text name=x_title value=%= x_title % size=50 maxlength=50 input type=hidden name=content value= /form 從數(shù)據(jù)庫(kù)中檢索行，并允許從一個(gè)或多個(gè)表中選擇一個(gè)或多個(gè)行或列。雖然 SELECT 語(yǔ)句的完整語(yǔ)法較復(fù)雜，但是其主要的子句可歸納如下： strsql = SELECT * FROM [news_info] WHERE 0 = 1 set rs = () strsql, conn, 1, 2 SELECT — 從表或視圖中取出若干行． tmpFld = Trim(x_title) trim 是一個(gè)去左右面邊的空格的函數(shù)， tmpFLD 取了 x_title 的值 If trim(tmpFld) amp。 x = x Then tmpFld = Null 確認(rèn)標(biāo)題是否為空，不為空則繼續(xù) rs(title) = tmpFld 這樣就添加了新聞的標(biāo)題了，下面是同樣的道理添加了新聞的內(nèi)容 tmpFld = Trim(x_content) If trim(tmpFld) amp。 x = x Then tmpFld = Null rs(content) = tmpFld 到這新聞就添加到記錄集了。下面更新數(shù)據(jù)庫(kù)、關(guān)閉數(shù)據(jù)庫(kù)。清空記錄集 //更新數(shù)據(jù)表記錄 Set rs = Nothing Set conn = Nothing 關(guān)閉了數(shù)據(jù)庫(kù)的連接并跳轉(zhuǎn)到 頁(yè)面，為新聞列表頁(yè)面。下面介紹新18 聞信息編輯設(shè)計(jì)。 新聞信息修改設(shè)計(jì) 如 果新聞添加錯(cuò)了某個(gè)數(shù)字、圖片，而新聞數(shù)據(jù)量又比較大的話，刪除再添加似乎操作比較多。這樣需要我們來(lái)對(duì)添加的新聞信息進(jìn)行編輯。 首先要修改新聞，就必須把要修改的新聞內(nèi)容顯示出來(lái)，然后再進(jìn)行修改。 strsql = SELECT * FROM [news_info] WHERE [id]= amp。 tkey set rs = () strsql, conn x_id = rs(id) x_title = rs(title) x_content = rs(content) x_datetime = rs(datetime) 首先連接數(shù)據(jù)庫(kù)、訪問(wèn)數(shù)據(jù)庫(kù)、把新聞信息放到記錄集。 SELECT 語(yǔ)句不會(huì)更改數(shù)據(jù)庫(kù)的中的數(shù)據(jù)。 SELECT 通常是