網(wǎng)站設(shè)計(jì)制作簡(jiǎn)要說明(編輯修改稿)
2025-05-15 23:52 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 rid自動(dòng)編號(hào)長(zhǎng)整型用戶編號(hào)name文本15用戶名pwd文本14密碼35：資源信息表：該表用來存放本網(wǎng)站管理員信息。字段名類型寬度說明id自動(dòng)編號(hào)長(zhǎng)整型資源編號(hào)Newsid文本15對(duì)應(yīng)的信息編號(hào)Lujin文本14資源存放路徑以上是本系統(tǒng)的庫(kù)表結(jié)構(gòu)的設(shè)計(jì)簡(jiǎn)要說明。網(wǎng)站的實(shí)現(xiàn)完成了以上的后臺(tái)數(shù)據(jù)庫(kù)的設(shè)計(jì)后，下面就可以對(duì)前面系統(tǒng)分析階段邏輯設(shè)計(jì)出的功能模塊將技術(shù)設(shè)計(jì)轉(zhuǎn)化成為物理實(shí)現(xiàn)，是系統(tǒng)建設(shè)的實(shí)現(xiàn)階段。因此，網(wǎng)站的實(shí)現(xiàn)的成果將是系統(tǒng)分析和設(shè)計(jì)階段的結(jié)晶。：安裝網(wǎng)站設(shè)計(jì)相關(guān)軟件：，Adobe Photoshop ，Dreamweaver等網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的軟件。Adobe Photoshop ，格式轉(zhuǎn)化，效果處理等。Dreamweaver主要完成網(wǎng)頁(yè)的排版、布局設(shè)計(jì)。 建立Asp的運(yùn)行環(huán)境簽于目前流行的windows操作平臺(tái)有windows xp等。下面針對(duì)這XP操作平臺(tái)上建立Asp運(yùn)行環(huán)境的一些簡(jiǎn)要介紹。在windows 2000/XP上建立Asp的運(yùn)行環(huán)境在windows 2000/XP上運(yùn)行Asp的環(huán)境也是IIS。如果安裝的是windows 2000 Server,。如果使用的是windows 2000/XP中文專業(yè)版，則需要使用控制面板“ 添加/刪除程序”來安裝IIS及其組件。4．主頁(yè)的設(shè)計(jì)來訪者輸入網(wǎng)址，首先打開的就是學(xué)校網(wǎng)站的主頁(yè)，主頁(yè)設(shè)計(jì)應(yīng)該美觀，同時(shí)提供足夠多的鏈接，以便來訪者可以通過鏈接導(dǎo)航到自己所關(guān)心的信息頁(yè)面上去。下面是該首頁(yè)運(yùn)行的界面圖：該頁(yè)面的布局結(jié)構(gòu)是 ∏型布局結(jié)構(gòu)。具體的說：在網(wǎng)頁(yè)的上面是log圖片和導(dǎo)航條。Log圖片表明網(wǎng)站的主題：南部縣伏虎中學(xué)網(wǎng)站。導(dǎo)航條將本站的欄目分成了學(xué)校概況，學(xué)校新聞，教育科研，名校名師，學(xué)生園地，招生信息，誠(chéng)聘英才，校長(zhǎng)信箱，網(wǎng)上留言等欄目。這些導(dǎo)航欄目分別設(shè)計(jì)有相應(yīng)的文字鏈接，點(diǎn)擊這些文字鏈接可以進(jìn)入相應(yīng)的頁(yè)面。打開專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)工具Dreamweaver UltraDev 4。1：新建一個(gè)網(wǎng)頁(yè)文件，接著設(shè)置頁(yè)面屬性，在屬性頁(yè)中標(biāo)題：南部縣伏虎中學(xué)。背景圖案：img/。定義頁(yè)面中表格，單元格，文字和鏈接的表現(xiàn)風(fēng)格。本頁(yè)面定義的語(yǔ)句如下：stylebody {margin:0px。fontsize:12px。overflowx:hidden。overflowy:scroll。color:666666。LINEHEIGHT: 160%}table {fontsize:12px。LINEHEIGHT: 160%}td {fontsize:12px。}.txt {fontsize:12px。borderwidth:0px。borderbottom:1px solid 000000。backgroundcolor:def1f7。position:relative。top:0px。left:5px。paddingbottom:0px。color:a0a0a0。}a: {fontsize:12px。color:666666。textdecoration:none。}a: {color:666666。textdecoration:none。}a: {color:333333。textdecoration:underline。}a: {fontsize:12px。color:666666。textdecoration:none。}a: {color:666666。textdecoration:none。}a: {color:333333。textdecoration:underline。}img {border:0px。}/style利用布局表格工具，設(shè)置好網(wǎng)頁(yè)的表格布局。然后就可以在表格中添加單元格。利用表格的屬性面板和單元格屬性面板設(shè)定好各自的屬性以后，就可以在單元格中添加文字和插入圖片。布局設(shè)計(jì)好的網(wǎng)頁(yè)如下：代碼設(shè)計(jì)：為了實(shí)現(xiàn)首頁(yè)顯示學(xué)?？煊崳逃蒲?，名校名師，學(xué)生園地等文字信息以及為了方便管理。不是在每個(gè)欄目設(shè)計(jì)靜態(tài)的文本信息，而是內(nèi)嵌java腳本，腳本的數(shù)據(jù)源來自一個(gè)和數(shù)據(jù)庫(kù)相連接的asp文件： 。下面給出學(xué)?？煊?，教育科研，名校名師，學(xué)生園地對(duì)應(yīng)的四個(gè)java腳本語(yǔ)句：1：script language=javascript src=?typeid=10amp。n=10?m=14/script2：script language=javascript src=?typeid=11amp。n=10?m=14/script3：script language=javascript src=?typeid=12amp。n=10?m=14/script4：script language=javascript src=?typeid=13amp。n=10?m=14/script通過比較這四條腳本語(yǔ)句可以發(fā)現(xiàn)，腳本調(diào)用的是同一asp文件，只是一個(gè)typeid不一樣。在數(shù)據(jù)庫(kù)的設(shè)計(jì)中我們以及知道，這個(gè)參數(shù)是新聞的類別編號(hào)。由于這四類不同的信息都是存儲(chǔ)在數(shù)據(jù)庫(kù)中的news表中，要實(shí)現(xiàn)信息的分類就可以通過設(shè)定這個(gè)類別編號(hào)。這里的typeid=10對(duì)應(yīng)學(xué)校新聞，typeid=11對(duì)應(yīng)教育科研，typeid=12對(duì)應(yīng)名校名師，typeid=13對(duì)應(yīng)學(xué)生園地。：。通過下面的語(yǔ)句實(shí)現(xiàn)：typeid=request(typeid)n=trim(request(n))這里的n是查詢表中符合條件的多少條記錄的參數(shù)。接著通過下面的語(yǔ)句從數(shù)據(jù)庫(kù)news表中查詢符合條件的最后的n條記錄：sql=select top amp。 n amp。 * from news where typeid= amp。 cstr(typeid) amp。 and audit=1 order by newsid DESC這里的audit表示已經(jīng)是審核通過的信息。最后的信息顯示是按newsid號(hào)倒序排列。另外在該文件的開頭有包含文件：!include file=function/該文件用于鏈接數(shù)據(jù)庫(kù)。在文件的末尾有包含文件：!include file=function/該包含文件用于關(guān)閉數(shù)據(jù)庫(kù)。 。比如在首頁(yè)中點(diǎn)擊學(xué)?？煊嵵械娜我恍侣?，就可以鏈接到該頁(yè)面并顯示該新聞的詳情。下面是學(xué)?？煊嵵小澳喜靠h伏虎中學(xué)教學(xué)成果顯著”這條新聞后顯示的頁(yè)面，該新聞的鏈接語(yǔ)句是：?newsid=413這里的傳遞的參數(shù)newsid用于傳遞顯示的新聞的編號(hào)。該頁(yè)面的設(shè)計(jì)過程首先在Dreamweaver UltraDev 4中排版設(shè)計(jì)，設(shè)計(jì)的界面如圖所示：對(duì)比實(shí)際運(yùn)行的界面和設(shè)計(jì)界面可以看出，導(dǎo)航條的設(shè)計(jì)不是在這里直接給出，而是通過腳本調(diào)用一個(gè)js文件。這樣設(shè)計(jì)的好處在與可以和其它的頁(yè)面共享該導(dǎo)航的js文件。調(diào)用腳本的語(yǔ)句如下：script language=JavaScript src=/script：(table width=100% border=0 cellspacing=0 cellpadding=0)。( tr align=center)。( td width=15%a href=?typeid=9學(xué)校概況/a/td)。(
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1