靜態(tài)頁(yè)面轉(zhuǎn)化為動(dòng)態(tài)頁(yè)面實(shí)現(xiàn)的過(guò)程探討

齊慧平

【摘要】靜態(tài)頁(yè)面轉(zhuǎn)化為動(dòng)態(tài)頁(yè)面的過(guò)程中，從功能上可以分為前臺(tái)靜態(tài)模塊和后臺(tái)靜態(tài)模塊。前臺(tái)制作的效果圖與編輯以及動(dòng)畫制作簡(jiǎn)單可以理解為靜態(tài)模塊，而后臺(tái)模塊主通常是通過(guò)下載免費(fèi)的網(wǎng)站的管理平臺(tái)，并將其與前臺(tái)進(jìn)行整合，或者所有功能均完全進(jìn)行自主開發(fā)，并根據(jù)根據(jù)客戶的需求進(jìn)行定制，逐一實(shí)現(xiàn)客戶所要求的功能。

【關(guān)鍵詞】靜態(tài)頁(yè)面 動(dòng)態(tài)頁(yè)面 轉(zhuǎn)化

【中圖分類號(hào)】G434 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】2095-3089（2019）12-0250-02

1.概述

靜態(tài)頁(yè)面是在互聯(lián)網(wǎng)發(fā)展初期階段，瀏覽器智能對(duì)HTML標(biāo)記文本內(nèi)容供人們?yōu)g覽，通過(guò)Internet進(jìn)入到各個(gè)Web站點(diǎn)，并通過(guò)超級(jí)文本鏈接進(jìn)入到其他Web頁(yè)，是以一個(gè)Web頁(yè)面作為首頁(yè)，以其他Web頁(yè)作為支點(diǎn)，形成一個(gè)樹狀結(jié)構(gòu)，每個(gè)Web也都是以HTML格式進(jìn)行編寫采用HTTP超文本傳輸協(xié)議在互聯(lián)網(wǎng)中傳輸。然而，隨著用戶對(duì)瀏覽器瀏覽頁(yè)面的需求逐漸增加，需要在頁(yè)面中進(jìn)行交互操作等，靜態(tài)頁(yè)面已經(jīng)不能滿足人們?nèi)諠u增長(zhǎng)的需求了。為了解決靜態(tài)頁(yè)面的不足，人們將Web技術(shù)與傳統(tǒng)編程技術(shù)向結(jié)合，通過(guò)在傳統(tǒng)靜態(tài)頁(yè)面中加入各種邏輯和程序等，實(shí)現(xiàn)客戶端和Web服務(wù)器進(jìn)行動(dòng)態(tài)信息交互，這種網(wǎng)絡(luò)編程技術(shù)所創(chuàng)建的頁(yè)面便是動(dòng)態(tài)頁(yè)面。動(dòng)態(tài)網(wǎng)頁(yè)不是獨(dú)立存在于服務(wù)器的網(wǎng)頁(yè)文件，而是通過(guò)對(duì)瀏覽器發(fā)出請(qǐng)求所反饋網(wǎng)頁(yè)，其中主要包含有服務(wù)器端腳本，因此，頁(yè)面文件名通常以asp、jsp、php等為后綴。動(dòng)態(tài)網(wǎng)頁(yè)由于需要對(duì)數(shù)據(jù)庫(kù)進(jìn)行處理，所以訪問速度較慢，但是由于其具有特殊的代碼，因此不容易被搜索引擎檢索。

2.靜態(tài)頁(yè)面轉(zhuǎn)化為動(dòng)態(tài)頁(yè)面實(shí)現(xiàn)的過(guò)程探討

2.1前期策劃

在開始網(wǎng)站制作之前先對(duì)同類型的網(wǎng)站進(jìn)行瀏覽、分析， 并在瀏覽過(guò)程中不斷學(xué)習(xí)其精華優(yōu)秀的部分、對(duì)網(wǎng)站的不足之處進(jìn)行分析，從而避免在制作過(guò)程中出現(xiàn)相同的錯(cuò)誤，對(duì)于網(wǎng)站不同之處進(jìn)行討論，以提高未來(lái)網(wǎng)站制作的質(zhì)量和效果。在網(wǎng)站前期策劃過(guò)程中對(duì)內(nèi)容、風(fēng)格、面向的客戶端群體以及客戶需求等進(jìn)行定位和分析，然后進(jìn)行網(wǎng)頁(yè)編輯、效果圖、動(dòng)畫等設(shè)計(jì)，并將對(duì)技術(shù)處理、網(wǎng)站發(fā)布與維護(hù)進(jìn)行規(guī)劃。

2.2 風(fēng)格定位

根據(jù)網(wǎng)站的主題、面向的客戶等對(duì)網(wǎng)站風(fēng)格進(jìn)行定位，在進(jìn)行設(shè)計(jì)之前對(duì)該行業(yè)、主題主要用戶群體等進(jìn)行一定的調(diào)查、了解和學(xué)習(xí)可以有效激發(fā)設(shè)計(jì)者的設(shè)計(jì)靈感，例如在制作一個(gè)教育機(jī)構(gòu)網(wǎng)站時(shí)，通過(guò)對(duì)該教育機(jī)構(gòu)所面對(duì)的客戶是成人、青少年、少兒、幼兒等進(jìn)行調(diào)查，并對(duì)該教育機(jī)構(gòu)的主要教育方向等進(jìn)行學(xué)習(xí)和了解，過(guò)時(shí)幼兒早教機(jī)構(gòu)的網(wǎng)站制作可使用顏色亮麗多彩為主，讓用戶進(jìn)入到網(wǎng)站第一感覺就是活潑多彩，從風(fēng)格上就能感覺到這是一個(gè)針對(duì)幼兒的網(wǎng)站。

2.3 規(guī)劃草圖和站點(diǎn)結(jié)構(gòu)

草圖規(guī)劃是網(wǎng)站設(shè)計(jì)開始的第一步，一個(gè)網(wǎng)站設(shè)計(jì)的是從一個(gè)簡(jiǎn)單的界面開始，需要把設(shè)計(jì)者的對(duì)整個(gè)項(xiàng)目設(shè)計(jì)的構(gòu)思、結(jié)構(gòu)、理念等融入到一起，并勾勒出用戶想要看到的東西，成一個(gè)初步的網(wǎng)站頁(yè)面，然后在對(duì)每個(gè)細(xì)節(jié)進(jìn)行美化、測(cè)試。

站點(diǎn)結(jié)構(gòu)是網(wǎng)站的整體框架，是將用戶引導(dǎo)至不同的目的網(wǎng)頁(yè)，應(yīng)當(dāng)要對(duì)網(wǎng)站的結(jié)構(gòu)進(jìn)行明確的分類、歸納，結(jié)構(gòu)要清晰，讓用戶在瀏覽過(guò)程中能夠清晰、明確、快速找到自己想要的信息。

導(dǎo)航圖和命名規(guī)則都是網(wǎng)站項(xiàng)目建立的主干，后續(xù)的所有的工作都要由此展開。網(wǎng)站的目錄是在最初建立網(wǎng)站時(shí)所創(chuàng)建的目錄，目錄的結(jié)構(gòu)常常被設(shè)計(jì)者忽略，大多數(shù)設(shè)計(jì)者都是隨意創(chuàng)建子目錄，未對(duì)其進(jìn)行有序的規(guī)劃，使得目錄結(jié)構(gòu)混亂不堪，雖然目錄結(jié)構(gòu)的不會(huì)對(duì)用戶體驗(yàn)產(chǎn)生影響，但是會(huì)嚴(yán)重影響站點(diǎn)本身的上傳維護(hù)、內(nèi)容、未來(lái)的擴(kuò)充和移植等。因此，在建立目錄時(shí)應(yīng)當(dāng)要注意以下幾點(diǎn)：（1）不要將所有文件都存放在根目錄下；（2）按主菜單欄目?jī)?nèi)容建立子目錄，例如，企業(yè)站點(diǎn)可以按公司簡(jiǎn)介、產(chǎn)品介紹、價(jià)格、在線定單、反饋聯(lián)系等建立相應(yīng)目錄；（3）在每個(gè)主目錄下都建立獨(dú)立的images目錄和一個(gè)站點(diǎn)根目錄，而根目錄下的images目錄只是用來(lái)放首頁(yè)和一些次要欄目的圖片；（4）目錄的層次不要太深，盡量不要超過(guò)3層，方便維護(hù)和管理。

2.4代碼融合

站管理平臺(tái)與靜態(tài)頁(yè)面的整合，并對(duì)程序進(jìn)行調(diào)試，具體步驟如下：（1）打開IIS并選中新創(chuàng)建的虛擬目錄；（2）打開“admin”文件夾并選中“l(fā)ogin.asp”文件使用右鍵執(zhí)行“瀏覽”命令；（3）在添加的欄目中的“模板管理”進(jìn)行修改模板，添加新內(nèi)容。

3.結(jié)束語(yǔ)

綜上所述，動(dòng)態(tài)頁(yè)面是以數(shù)據(jù)庫(kù)技術(shù)作為基礎(chǔ)，能夠有效降低網(wǎng)站維護(hù)的工作量，將靜態(tài)頁(yè)面轉(zhuǎn)化為動(dòng)態(tài)頁(yè)面需要進(jìn)行前期策劃、風(fēng)格定位、規(guī)劃草圖和站點(diǎn)結(jié)構(gòu)并對(duì)代碼進(jìn)行融合，才能實(shí)現(xiàn)靜態(tài)頁(yè)面到動(dòng)態(tài)頁(yè)面的轉(zhuǎn)換，從而實(shí)現(xiàn)交互功能。