用網(wǎng)站系統(tǒng)創(chuàng)建互動(dòng)網(wǎng)站的常規(guī)步驟與方法

PAGEPAGE8用網(wǎng)站系統(tǒng)創(chuàng)建互動(dòng)網(wǎng)站的常規(guī)步驟與方法現(xiàn)在咱們要做一個(gè)網(wǎng)站，只要求單純靜態(tài)頁面設(shè)計(jì)的情況很少了，要么就是設(shè)計(jì)像易趣、淘寶這樣的網(wǎng)絡(luò)店鋪頁面，或者是博客頁面。要?jiǎng)?chuàng)建一個(gè)完整的網(wǎng)站，大家都會(huì)應(yīng)用一套ASP、PHP的網(wǎng)站系統(tǒng)，然后再在系統(tǒng)的基礎(chǔ)上設(shè)計(jì)網(wǎng)站的頁面。因此如今的網(wǎng)站頁面設(shè)計(jì)方式就和以前完全不同了。目前應(yīng)用得比較廣泛的免費(fèi)的網(wǎng)站系統(tǒng)程序包括動(dòng)易的網(wǎng)站管理系統(tǒng)（)、動(dòng)網(wǎng)新聞系統(tǒng)（），網(wǎng)站論壇以動(dòng)網(wǎng)論壇最熱門。這些系統(tǒng)只需要到官方網(wǎng)站免費(fèi)下載后就可以使用了，系統(tǒng)安裝后生成一個(gè)整套的asp腳本編寫的網(wǎng)站程序，用戶只需要把文件上傳到支持ASP的FTP空間上就要可以進(jìn)入網(wǎng)站后臺(tái)設(shè)計(jì)，設(shè)計(jì)網(wǎng)站的欄目、結(jié)構(gòu)、添加網(wǎng)站內(nèi)容等操作了。

下面我們就以動(dòng)網(wǎng)新聞為例，向大家簡單介紹一下用網(wǎng)站系統(tǒng)創(chuàng)建互動(dòng)網(wǎng)站的常規(guī)步驟與方法。希望大家能舉一反三、觸類旁通運(yùn)用到實(shí)際中。一、網(wǎng)站系統(tǒng)下載與安裝我們先下載好動(dòng)網(wǎng)新聞網(wǎng)站程序，安裝完成后，整個(gè)網(wǎng)站的相關(guān)文件如圖1所示。

圖1這些文件只需要上傳到FTP空間的某個(gè)目錄下，再根據(jù)網(wǎng)站系統(tǒng)的說明書把有些文件放到FTP空間的根目錄下，就可以在瀏覽器輸入網(wǎng)站所在的URL地址，進(jìn)入管理空間控制站點(diǎn)后臺(tái)程序了。如圖2，我們可以通過瀏覽器管理網(wǎng)站后臺(tái)程序。

圖2現(xiàn)在幾乎所有的免費(fèi)網(wǎng)站程序結(jié)構(gòu)都和上面介紹的系統(tǒng)類似，只是功能設(shè)計(jì)上有所不同，由于大家習(xí)慣用這樣的網(wǎng)站管理系統(tǒng)，所以后來的編程者也是按照這個(gè)模式來編寫各種網(wǎng)站管理程序，如一些電子商務(wù)網(wǎng)站系統(tǒng)，結(jié)構(gòu)也差不多。在一個(gè)成熟的網(wǎng)站管理系統(tǒng)基礎(chǔ)上設(shè)計(jì)網(wǎng)站頁面，大家首先需要對(duì)網(wǎng)站系統(tǒng)的功能和結(jié)構(gòu)十分熟悉才行。在掌握了手上的系統(tǒng)功能后，才能游刃有余的設(shè)計(jì)網(wǎng)站頁面。所以這個(gè)網(wǎng)站制作的先后順序千萬別顛倒，否則設(shè)計(jì)好了頁面過后才發(fā)現(xiàn)有些功能是系統(tǒng)實(shí)現(xiàn)不了的，到時(shí)候改起來就非常麻煩了。二、修改數(shù)據(jù)庫文件名拿到上面的一套程序，由于是免費(fèi)的，所以即使不懂ASP編程的朋友也要看看網(wǎng)站的說明書，修改網(wǎng)站的數(shù)據(jù)庫文件名。如果直接拿來用數(shù)據(jù)庫的文件名和地址都是免費(fèi)程序提供的默認(rèn)值，這樣的網(wǎng)站實(shí)在是太不安全了，很多人都可以在瀏覽器中直接輸入網(wǎng)站+數(shù)據(jù)庫文件所在地址調(diào)出數(shù)據(jù)庫來篡改網(wǎng)站數(shù)據(jù)庫文件。例如動(dòng)網(wǎng)新聞的數(shù)據(jù)庫文件是在“db”目錄下的，大家必須把這個(gè)目錄下的文件名改為自己的，然后再修改網(wǎng)站調(diào)用數(shù)據(jù)庫的cofig文件，動(dòng)網(wǎng)新聞的cofig文件根目錄下的“web.config”文件，用記事本打開它，可以看到系統(tǒng)調(diào)用數(shù)據(jù)庫指向的地址（圖3），在“db/...”后的數(shù)據(jù)庫文件要用戶自己更改才行，一般網(wǎng)站說明書對(duì)數(shù)據(jù)庫名的修改有詳細(xì)的介紹。

圖3三、熟悉網(wǎng)站系統(tǒng)的標(biāo)簽把網(wǎng)站程序和數(shù)據(jù)庫都安裝好以后，下面要看看網(wǎng)站程序使用的標(biāo)簽（或者叫函數(shù)），例如在系統(tǒng)的欄目中增加了新的欄目，這些內(nèi)容要想在首頁上體現(xiàn)出來，而且保證新增加了欄目或刪除欄目后頁面的格式不亂，那么就要看看網(wǎng)站系統(tǒng)的標(biāo)簽是怎么設(shè)計(jì)的。動(dòng)網(wǎng)新聞的標(biāo)簽應(yīng)用在系統(tǒng)說明書上寫得比較清楚（圖4）。

圖4例如要在首頁上顯示最新添加的文章，那么在首頁設(shè)計(jì)的頁面中顯示最新新聞的位置處，添加“TopListSummary(Int32cids,?Int32topNum,boolshowHits)”這一段標(biāo)簽，其中括號(hào)內(nèi)的參數(shù)根據(jù)自己的需要來設(shè)置，控制是否顯示文章點(diǎn)擊的次數(shù)的參數(shù)是showHits，如果括號(hào)內(nèi)有這個(gè)參數(shù)表示顯示文章點(diǎn)擊次數(shù)。括號(hào)內(nèi)的每個(gè)參數(shù)都由自己的順序，如果順序錯(cuò)了，則設(shè)定的內(nèi)容可能在頁面上體現(xiàn)不出來。每個(gè)網(wǎng)站系統(tǒng)都有自己獨(dú)有的標(biāo)簽格式，大家在選擇使用哪個(gè)網(wǎng)站系統(tǒng)之前需要先了解一下標(biāo)簽的應(yīng)用，看看功能是否強(qiáng)大，標(biāo)簽設(shè)計(jì)是否合理，是否能滿足自己的需要。例如在新聞文章后面自己想要跟隨一個(gè)圖片，但標(biāo)簽的參數(shù)中沒有設(shè)計(jì)是否顯示圖片的格式，則說明系統(tǒng)限制實(shí)現(xiàn)不了這個(gè)功能，那么自己就要重新考慮一下頁面的設(shè)計(jì)版式了。四、了解網(wǎng)站系統(tǒng)的模板和風(fēng)格管理功能接下來要看看網(wǎng)站頁面該如何應(yīng)用系統(tǒng)來制作了，基本上所有的網(wǎng)站程序都是將頁面模板和網(wǎng)站風(fēng)格樣式（CSS）分開單獨(dú)來設(shè)計(jì)的，例如動(dòng)網(wǎng)新聞，進(jìn)入網(wǎng)站后臺(tái)程序后在“系統(tǒng)管理”（圖5）中可以看到有“風(fēng)格管理”和“模板管理”的選項(xiàng)。一般免費(fèi)的系統(tǒng)程序都自帶了一套完整的網(wǎng)頁模板和風(fēng)格，只是說如果大家都用這種自帶的模板那么每個(gè)選擇這套系統(tǒng)的網(wǎng)站都是一樣的外觀，沒有區(qū)別，相信大家都不愿意自己的網(wǎng)站是和別人的相同吧，所以還得自己來設(shè)計(jì)頁面才行。現(xiàn)在有很多朋友熱衷于建立一個(gè)電子商務(wù)網(wǎng)站，有一些網(wǎng)站制作公司提供的整套電子商務(wù)網(wǎng)站售價(jià)可以低到500元/套，這樣的東西價(jià)格是很便宜，但應(yīng)用功能不強(qiáng)而且頁面沒有特色，其實(shí)拿來實(shí)際的用處并不大，所以要想省錢，大家只能自己掌握網(wǎng)頁設(shè)計(jì)技術(shù)自己來做。

圖5在網(wǎng)站后臺(tái)系統(tǒng)中添加模板很簡單，我們只需要用Dreamwaver設(shè)計(jì)好html或asp的頁面，在模板管理中增加一個(gè)新模板，并把模板歸納到首頁、欄目頁還是文章頁面中，把代碼直接拷貝到系統(tǒng)模板中（圖6），再設(shè)計(jì)這個(gè)模板為當(dāng)前使用狀態(tài)，這樣網(wǎng)站前臺(tái)相應(yīng)的位置上就可以看到效果了。

圖6小提示：頁面模板中如果要調(diào)用網(wǎng)站后臺(tái)添加的內(nèi)容，則源代碼中必須要包含需要應(yīng)用到的各種標(biāo)簽才行。網(wǎng)站的文字顏色、背景顏色、一些圖片等效果是通過網(wǎng)站風(fēng)格CSS來設(shè)計(jì)的，把網(wǎng)站所應(yīng)用到的所有風(fēng)格都保存在一個(gè)CSS文件中，再把它拷貝到網(wǎng)站后臺(tái)風(fēng)格管理中并應(yīng)用（圖7），前臺(tái)的頁面就可以用到自己設(shè)計(jì)的CSS風(fēng)格了。不過作者認(rèn)為自己制作CSS風(fēng)格算是整個(gè)網(wǎng)站系統(tǒng)頁面設(shè)計(jì)中比較復(fù)雜的，一般網(wǎng)站使用說明書上也詳細(xì)介紹CSS的設(shè)計(jì)方法，不過在實(shí)際應(yīng)用中還是很麻煩。關(guān)于網(wǎng)站模板和CSS制作的具體問題和實(shí)際操作的小技巧，我們將在后面的文章中慢慢介紹。

圖7總的來說，選擇一套網(wǎng)站程序后再設(shè)計(jì)網(wǎng)站