
著重介紹動態網站的搭建、設計和頁面的制作,頁面制作分為主頁的設計、分頁面的設計,分頁面又分為注冊頁面、登錄頁面、分類顯示頁面和詳細頁面 。動態網站的管理包括數據的添加、修改和刪除 , 這些都要通過專門的頁面來實現,或者是通過添加服務器行為來實現 。
隨著社會的信息化進程的深入,網站日益成為人們交談的話題 。不管是一家企業,還是一所學校,都想通過網站擴大自己的影響,增進與同行的交流與合作 。通過網站 , 學校向社會展示自己的校容校貌、自己的辦學特色和辦學優勢,建立良好的社會形象,最終目標是擴大生源 , 維持學校的良性運轉 。網站使得各個封閉的個體走到大眾的眼前,讓眾人評議,眾人認知 。這樣一來,學校的一些特長可以得到社會的認可 , 學校的一些弊端也可以通過社會的監督予以及時的更正 , 讓社會對學校多一份包容和理解,更加促進學校與社會的共同發展 。最終達到整個社會的良性互動,讓社會更加和諧,在和諧中穩步前進 。那么,如何制作一個學校或者是學科的網站呢?
1 動態網站的搭建
動態網站,顧名思義,動態地顯示頁面信息,能夠隨時自動更新數據,能夠用極少的頁面表現出無限豐富的內容 。它不是簡單意義上的文本和圖片的動態顯示,而是真正地基于數據庫的網站與客戶的動態溝通,能夠響應不同客戶的不同要求而顯示不同的頁面 。和靜態網站相比,動態網站的最大優勢就在于方便管理,設計簡潔,以最少的人力管理網站,節約成本 。當然這些都要基于網站的規劃設計 。搭建一個動態網站首先需要一個安裝有服務器程序的電腦 。也可以使用Windows系統的電腦,安裝上IIS和完整版的Office辦公軟件,就可以簡單地實現動態網站的制作了 。
1.1 部署IIS,構建服務器系統
安裝步驟:進入“控制面板”,點擊“添加或刪除程序”,單擊“添加/刪除Windows組件”,彈出“Windows組件向導”,選擇“Internet信息服務(IIS)”,點擊“下一步”,然后選擇源文件位置,點擊“安裝” 。如果出現放入安裝光盤 的對話框,再進一步選擇相應的文件 。安裝文件在網上可以下載 。安裝完成之后,右擊“我的電腦”,在彈出的快捷菜單中選擇“管理”,進入“計算機管理”對話框 。展開“服務和應用程序”組件,展開“Internet信息服務”,右擊“默認網站”,在彈出的快捷菜單中選擇“屬性”,即彈出“默認網站屬性”對話框 。點擊“主目錄”選項卡,確定網站在計算機上的位置,勾選“腳本資源訪問、讀取、寫入、記錄訪問和索引資源” 。點擊“文檔”選項卡,添加文檔“index.asp”并上調至第一位 。單擊“確定” 。部署完默認網站之后,就可以進行具體網站的制作了 。
1.2 建立動態網站
安裝Dreamweaver并打開軟件 。執行“站點→新建站點”命令,打開“站點定義”對話框,第一步為站點起一個名字,如“my web”,單擊“下一步”;點選“是,我想使用服務器技術”,選擇一種服務器技術如ASP VBScript,單擊“下一步”;選擇“您將文件存儲在計算機上的什么位置?”,輸入地址 , 單擊其后的文件夾圖標瀏覽選擇網站要存放的位置,如D盤根目錄,單擊“下一步”;設置測試URL的根目錄并且測試URL,如果彈出信息框“URL前綴測試已成功”,說明站點配置無誤 , 單擊“下一步”;選擇“否”,單擊“下一步”;確認信息 , 單擊“完成” 。動態網站就部署好了 。
2 動態網站主頁的布局與制作
網站首頁是一個網站的門戶 , 因此在整個網站制作中起到非常重要的作用 。網站的設計風格根據網站的主題而定 , 是注重形象還是張揚個性 。網站的整體基色也非常關鍵 , 教育類網站多是以冷色調為主,促使人冷靜思考 。本校的網站以灰色調為主,凸顯教育信息,給人一種莊嚴肅穆的感覺 。網站的主頁由網站的標志性圖標(logo)、標志性建筑banner、一級導航條和幾個分類欄目組成 。整個網站首頁往往是由幾個局部組成,包括top.ASP、left.asp和bottom.ASP等,有的甚至更多 。這樣做的目的是為以后制作其他頁面提供便利 。因為動態網站上的網頁多是嵌套而成 , 只要是修改某一個部分頁面,其他頁面也會隨之改變 , 而不用一個一個去修改,省去很多無效工作 。嵌套結構使得其他頁面的制作更加快捷 , 只要是制作好網頁的主體 , 需要top , 就嵌入top.ASP , 讓欄目更加清晰 , 也便于不同頁面之間的跳轉 。底部也是一樣 , 就如同Word中復制粘貼一樣 , 在網站上粘貼往往要重新定義源文件地址,而嵌套就省去了這些工作 。
在將主頁與局部頁面嵌套的時候要注意以下幾點才能使這項工作做得準確無誤:首先,要在代碼視圖中刪去多余的頭文件head,刪去等標簽;其次,切換到包含文件頁面,進入設計視圖,頁面屬性中將編碼改為“簡體中文(GB18030)”,以使漢字能夠以正常的方式顯現出來 。另外在給文件起名字的時候,會英文的使用英文,不會的使用漢語拼音,因為軟件是外國人編輯的,不能適用中文的名稱 。
在主頁上要制作一些小的欄目,也可以稱作是二級欄目,便于讀者快速地查找所關心的網站的主要內容 。在二級欄目上 , 多采用記錄集和添加重復區域的方式顯示數據 , 數據往往根據欄目的大小限定條數 , 一般是5~10條 。主頁上往往還要出現一些友情鏈接,是一些內容與之相關的網站網址 。在某一部分甚至可以添加主管人的姓名和聯系方式,便于讀者與網站管理人員的溝通 。主頁上還要預留出網站管理的后臺入口,方便管理人員管理甚至是修改頁面 。
3 動態網站分類顯示頁面的制作
網站分類頁面的制作相對于主頁要簡單得多,通常是插入一個表格,或者是使用繪圖軟件制作好一張大圖 , 再用fireworks裁成相應的小圖,之后加以html文件保存,需要的時候整體載入,再去掉無用的部分 。小圖載入的優勢就在于可以加快頁面的顯示速度,減少讀者的等待時間 。在需要顯示內容的地方插入一個2行?列的表格,比如說是“文章編號、文章標題、發布者、發布時間、點擊數”等內容 。在第一列輸入這些內容 , 然后單擊“綁定”選項下的加號,添加記錄集 。記錄集名稱自定,但是不允許使用已經分配給代碼庫的專用代碼名稱,如delete等,以避免產生代碼混淆 。這里顯示的內容一般是以時間為標準降序排序 , 以便查看新增加的文件 。
添加完記錄集之后,要綁定記錄集,具體步驟:在文章編號的對應表格內插入相對應的ID,文章標題下方插入title等依次類推進行插入 。綁定完記錄集之后是添加服務器行為,創建重復區域 。首先將光標放在綁定記錄集之內,單擊最近的一個tr , 選定這一行;然后單擊“服務器行為”下的加號,在彈出的快捷菜單中選擇“重復區域”,顯示所有記錄 。如果記錄內容太多的話,就要添加“記錄集分頁”和“記錄集導航” 。具體做法:將光標放在放置記錄集的表格后的位置上 , 在菜單欄內單擊“數據”選項卡,點選“記錄集分頁”按鈕 , 在級聯菜單中選擇“記錄集分頁導航條”;再點選“記錄集導航狀態”按鈕,添加記錄集狀態 。
4 動態網站詳細頁面的制作
詳細頁面的制作與分類顯示頁面的制作相似,它的作用是實現分類顯示頁面的具體跳轉 。具體說一下就是當點擊分類顯示頁面的某一文章標題時,即展開其詳細內容的頁面,可以進一步了解其內容 。具體做法:繪制一個3行6列的表格 , 將第一行合并居中,第三行合并、左對齊;第二行分別在第一列輸入發布者,第三列輸入發布時間,第五列輸入瀏覽次數;建立記錄集,并且在第一行插入標題,第三行插入內容,其他類推插入 。
制作動態網站時,經常會遇到無法正常顯示的問題,只能是反復修改,積累經驗 。
【如何制作動態網站】
