本站小編為你精心準備了靜態頁面轉化為動態頁面實現過程參考范文，愿這些范文能點燃您思維的火花，激發您的寫作靈感。歡迎深入閱讀并收藏。

摘要：在靜態頁面和動態頁面得轉換過程中動態網站從功能上簡單可以分成前臺靜態模塊和后臺靜態模塊。前面制作的效果圖與編輯以及動畫制作簡單可以理解為靜態模塊，而后臺模塊主要采用類的解決方案有：下載免費的網站的管理平臺，然后與前臺整合，稱之為代碼融合或者所有功能完全自主開發，根據客戶的要求定制，逐一實現功能

關鍵詞：效果圖靜態頁面代碼融合動態頁面得生成

1前期策劃的過程

我們在進行的網站的制作之前，首先要認真瀏覽同類型的網站，吸取其精華好的部分，例如：其導航欄的圖片的選取，網站的整體布局等等，在瀏覽的過程中激發自己的創作靈感，雖然每個Web站點在內容、規模、功能等方面都各有不同，但是有一個基本設計流程可以遵循。從國內的大的門戶站點如搜狐、新浪到一個微不足道的個人主頁，都要以基本相同的步驟來完成。首先是網站前期策劃與內容組織（需求分析、風格定位、內容組織），然后效果圖設計，網頁編輯，動畫設計，接下來是技術實現，最后是站點的與維護。這幾個階段完整地結合在一起，直到完成整個站點的工作。例如網站的制作流程。

在此制作過程中最重要在前三個步驟，在第一個步驟上要進行網站的整體設計，用戶分析是第一步。眾所周知，進行任務和用戶分析，以及相關調研的必要性和重要性。用戶是計算機資源、軟件界面信息的使用者，由于目前計算機系統以及相關的信息技術應用范圍很廣，其用戶范圍也遍及各個領域。設計者必須了解各類用戶的習慣、技能、知識和經驗，以便預測不同類別的用戶對網站界面有什么不同的需求與反映，為最終的設計提供依據和參考，使設計出的網站更適合于各類用戶的使用。由于用戶具有知識、視聽能力、智能、記憶能力、可學習性、動機、受訓練程度不同，以及又有些用戶有易遺忘、易出錯等特性，使得對用戶的分類、分析和設計變得更加復雜化。另外，為了設計友好而又人性化的界面，也必須考慮各類不同類型用戶的人文因素。許多人不愿花費時間來完成這個階段，因為認為他們沒有必要，但是必須把初始計劃加入工作過程中，否則到最后當進行到已經無法再做計劃的時候，就要遇到巨大的麻煩。在一開始就進行合適的計劃和組織是建立一個有效的站點最重要的工作步驟。

2風格定位

首先要了解網站的類型，確定一個大致的風格走向，不同網站的風格肯定是不盡相同的，營造出各種類型的氛圍，需要對各種行業有敏感的洞察力，如果設計者還不是很熟悉這個行業，不知什么樣的風格是適合它的，大致該用什么樣的色調和筆觸，那么花一定時間先做一些調查和學習是必要的。這樣可以保證在設計者的腦海里有一個較為確定的概念，并不一定會馬上或明顯地顯露到工作中去，但是必然會對設計者的工作產生專業的影響。就業信息服務網網站是高校教育資訊類網站，他的主要用戶為青年學生，同時也是信息行業的網站，所以主色采用藍色為主色調，因為藍色具有清涼、自由的感覺，使人們容易聯想到天空、海洋、科技，通過本站傳達個使用的用戶以輕松、愉快、舒適的感覺。

3規劃草圖

草圖是原創的第一構思，第一閃光；草圖是表達對設計項目的理念、立意、構思。不管是寥寥數筆也好，重復勾勒也好，涂涂改改也好，但它足建筑師的思想、情緒的流露，是工作、責任的反映，是激情、感情的投入，也是苦思冥想的結晶。成功也罷，不成功也罷，它總是留住了一項項工程設計的痕跡。對于一般的網站來說，一個項目往往從一個簡單的界面開始，但要把所有的東西組織到一起并不是件容易的事情。首先，要先畫一個站點的草圖，勾畫出所有客戶想要看到的東西。然后，將它詳細的描述交給美工人員，讓他們知道在每一屏上都要顯示那些內容。如圖1-3所示的是我院就業網站的草圖，再此草圖上，描繪了此網站所提供的若干的功能，即在此頁面上提供給學生的若干的信息，使學生能夠得到他們多需要的信息。對于一般的網站來說，一個項目往往從一個簡單的界面開始，但要把所有的東西組織到一起并不是件容易的事情。

4規劃站點結構

站點結構將決定如何去引導瀏覽者在站點中漫游。要結構清晰、易于導航。網站結構就像人的骨骼，構筑起網站的整體框架，雖然表現形式各異，但讓人迷失終歸不好，尤其是內容豐富的網站更應注意，如何合理地組織自己要的信息內容，以便瀏覽者能夠快速、準確地檢索到要找的內容，否則它就很難吸引瀏覽者。而且，這一步驟還將決定將要使用的命名規則。導航圖和命名規則都是建立項目的主干。以后所有的工作都要由此展開。網站的目錄是指建立網站時創建的目錄。目錄的結構是一個容易忽略的問題，大多數設計者都是未經規劃、隨意創建子目錄。目錄結構的好壞對瀏覽者來說并沒有什么太大的感覺，但是對于站點本身的上傳維護、內容未來的擴充和移植有著重要的影響。下面是建立目錄結構的一些建議：

&nbs

p;4.1不要將所有文件都存放在根目錄下有人為了方便，將所有文件都放在根目錄下。這樣造成的不利影響在于：首先，文件管理混亂。常常搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關聯的文件，最終影響工作效率。其次，上傳速度慢。服務器一般都會為根目錄建立一個文件索引。當所有文件都放在根目錄下，那么即使只上傳更新一個文件，服務器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時間也將越長。

4.2按欄目內容建立子目錄子目錄的建立，首先按主菜單欄目建立。例如：本站點可以根據模塊類別分別建立相應的目錄，如Flash、CSS、Javascript等；企業站點可以按公司簡介、產品介紹、價格、在線定單、反饋聯系等建立相應目錄。其他的次要欄目，類似導航，友情鏈接內容較多，需要經常更新的可以建立獨立的子目錄。而一些相關性強、不需要經常更新的欄目，例如：關于本站、聯系我們、站點導航等可以合并放在一個統一目錄下。所有程序一般都存放在特定目錄中。為了便于維護管理，所有需要下載的內容也最好放在一個目錄下。

4.3在每個主目錄下都建立獨立的images目錄默認的一個站點根目錄下都有一個images目錄。這是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。

4.4目錄的層次不要太深目錄的層次建議不要超過3層。原因很簡單，維護管理方便。

5代碼融合部分

5.1站管理平臺與靜態頁面的整合下載后的系統是一個壓縮包，不能夠直接使用，所以必須進行解壓，同時部分圖片也需要修改。具體步驟如下：

5.1.1首先創建文件夾，然后將前面做好的靜態頁面index.html和flash、images、style文件夾拷貝到相關文件夾中，將下載的訊時網站管理系統“3.5News3.5.rar”也拷貝至所做的項目文件夾中。

5.1.2將“院招生就業處網站”文件夾中的訊時網站管理系統“News3.5.rar”壓縮包進行解壓縮至“所做文件夾中”，同時刪除“News3.5.rar.”文件。

5.2程序調試現在開始調試程序，具體步驟如下：

5.2.1打開IIS，鼠標選中剛剛創建的虛擬目錄“zsxx”，所示，然后鼠標打開圖1-47中右側的“admin”文件夾，選中“login.asp”文件，然后右鍵執行“瀏覽”命令

5.2.2再添加的欄目中的“模板管理”有“模板不正確”的說明，所以在此點擊“公告通知”的“操作”欄中的“模板”修改模板，之后會進入模板修改頁面，點擊“請選擇模板”下拉框，選擇“一般簡單模板”即可完成了“公告通知”模塊的模板修改，采用同樣的方法其它等模塊的模板。

5.2.3現在新聞內容已經能夠添加了，現在大家開始調用新聞信息，鼠標點擊“代碼調用”，鼠標點擊“請選擇欄目”下拉框，選擇“政策規定模板”選項，然后顯示代碼調用“政策規定模板”欄目的文本信息，包字說明，以調用“公告通知”的方法。

本調用分為三種方式：

框架：

<iframename=xuasnews73src=/zsnew/newscode.asp?lm2=73&hot=0&tj=0&t=0&week=0&font=9&

line=12&lmame=0&n=30&list=10&more=1&hit=0&open=1&icon=1&new=0&bg=ffffffmarginwidth=1marginheight=1width=270height="184"scrolling="no"border="0"frameborder="0"></iframe>

JS調用：

<scriptTYPE="text/javascript"language="javascript"src="/zsnew/newscodejs.asp?

lm2=73&list=10&ion=1&tj=0&font=9&hot=0&new=1&line=2&lmame=0&open=1&n=20&more=1&t=0&week=0&zzly=0&hit=0&pls=0"charset=''''gb2312''''></script>

頭條新聞調用

<scriptTYPE="text/javascript"language="javascript"src="/zsnew/admin/newscode-news.asp

?id=0&font=9&nr=0&nrtop=150&nrcolor=999999&titleface=黑體&titlesize=16&titlen=30&

titlebold=700&titlecolor=FF0000"charset=''''gb2312''''></script>

titlesize頭條調用新聞有效，標題的字型大小，titlesize=16，即16pt。

titlen頭條調用新聞有效，標題顯示字數。

titlebold頭條調用新聞有效，標題是否加粗，titlebold=700加粗，titlebold=100不加粗。

titlecolor頭條調用新聞有效，標題的顏色。

以上三種方式根據情況不同調用不同的代碼即可。

參考文獻：

[1]陳光軍，潘明輝.網站建設與管理[M].北京：北京郵電大學出版社.2006.

[2]楊明.網頁編程[M].北京：科學技術出版社.2005.

[3]文偉俊.網站創意思維與flash完美結合[M].北京：電子工業出版社