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