【文章內(nèi)容簡介】 列上精心布局，以期達到最好效果。主頁設(shè)計有兩種主要的趨勢：追求畫面美觀效果（靜態(tài)）和追求內(nèi)容豐富效果（動態(tài)），前者適合內(nèi)容不多的企業(yè)網(wǎng)站，后者適合內(nèi)容豐富的綜合網(wǎng)站。而一些功能性網(wǎng)站，就常常把最主要功能突出在主頁中心，如搜索引擎和大型數(shù)據(jù)庫。構(gòu)建一個網(wǎng)站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學者，最容易犯的錯誤就是：確定題材后立刻開始制作，沒有進行合理規(guī)劃。從而導致網(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)效果圖。公司簡介新聞動態(tài)產(chǎn)品展廳招聘供求客戶留言聯(lián)系企業(yè)視頻在線進入論壇站 點 首 頁在線 參觀企業(yè) 理念企業(yè) 文化標志 詮釋歷史 榮譽光榮與夢想在線 供求在線 招聘查看 留言發(fā)表 留言公司 留言圖31主頁結(jié)構(gòu)示意圖圖32 主頁結(jié)構(gòu)效果圖 ：是用來顯示企業(yè)簡介的頁面。：是用來顯示企業(yè)動態(tài)新聞的頁面。在其他頁面中點擊標題鏈接即進入新聞閱讀頁面，此時，每條新聞的詳細信息將被取出，包括內(nèi)容、標題、關(guān)鍵字等，并按照相對固定的格式放置在頁面的不同區(qū)域，所有新聞使用大致相同的頁面布局，只是各字段對應的內(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è)有鏈接到所屬頁面。后臺采用多窗口頁面顯示，交錯窗口顯示后臺管理。一個窗口顯示管理項目，一個窗口鏈接到數(shù)據(jù)庫管理相關(guān)信息。企業(yè)網(wǎng)站管理員很容易的可以對企業(yè)的后臺信息管理。frameset rows=20%,80%frame作為html語言中的一部分，在網(wǎng)頁制作中占據(jù)著重要的地位。大家看到很多網(wǎng)頁上都好像windows下的資源管理器一樣，在左邊點擊相應的鏈接，右邊就會有相應的網(wǎng)頁顯示。就如我們進入郵箱的時候一樣。這些都是使用frame的結(jié)果。下面我來給大家介紹frame的具體使用方法。使用frame必須首先用frameset來定義，可以說frameset就是frame的一個“統(tǒng)治者”。在html文檔中，可以有frameset元素或者body元素，但是絕對不能同時使用這兩種元素。這里設(shè)置了上下2個窗口頁面frame src=images/ name=topFrame scrolling=no noresizeframeset cols=20%,80%左右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/framesetframeset元素的cols及rows屬性屬性說明：cols及rows的作用是設(shè)置frame的寬度及高度。管理欄目分為企業(yè)新聞信息管理、客戶留言信息管理、產(chǎn)品展示信息管理、供求信息管理、招聘信息管理和論壇信息管理。本站點的論壇管理加設(shè)一個管理登陸頁面。 網(wǎng)站后臺示意圖 圖 33 網(wǎng)站后臺管理頁面第四章 系統(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ù)庫添加數(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ù)字管理員身份標志圖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表 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字符論壇管理員IDPwd字符論壇管理員密碼圖49 論壇管理員數(shù)據(jù)圖gbook:論壇留言信息表單: 表410表410 論壇留言數(shù)據(jù)表字段名稱數(shù)據(jù)類型說明Name文本論壇用戶名face字符論壇頭像圖片地址Sex文本性別數(shù)字Email字符電子郵箱Web字符個人網(wǎng)站content文本論壇留言內(nèi)容圖410 論壇留言數(shù)據(jù)圖第五章 網(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ù)據(jù)均填寫在Form元素中，．當收到提交時，(項目名稱)來獲得，其中項目名稱為Form元素的名稱，如姓名全稱對應FullName，如身份證號碼對應UniversalID ．。以下為部分代碼：form onSubmit=return EW_checkMyForm(this)。 action= method=post name=form1%= x_id %input type=text name=x_title value=%= x_title % size=50 maxlength=50input type=hidden name=content value= /form從數(shù)據(jù)庫中檢索行，并允許從一個或多個表中選擇一個或多個行或列。雖然 SELECT 語句的完整語法較復雜，但是其主要的子句可歸納如下：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 = Nullrs(content) = tmpFld到這新聞就添加到記錄集了。下面更新數(shù)據(jù)庫、關(guān)閉數(shù)據(jù)庫。清空記錄集 //更新數(shù)據(jù)表記錄 Set rs = Nothing Set conn = Nothing ，為新聞列表頁面。下面介紹新聞信息編輯設(shè)計。 新聞信息修改設(shè)計如果新聞添加錯了某個數(shù)字、圖片，而新聞數(shù)據(jù)量又比較大的話，刪除再添加似乎操作比較多。這樣需要我們來對添加的新聞信息進行編輯。首先要修改新聞，就必須把要修改的新聞內(nèi)容顯示出來，然后再進行修改。strsql = SELECT * FROM [news_info] WHERE [id]= amp。 tkey set rs = () strsql, connx_id = rs(id) x_title = rs(title) x_co