導航:首頁 > 萬維百科 > 動態網站設計與開發布局

動態網站設計與開發布局

發布時間:2020-12-24 12:50:13

1、使用動態網站開發技術設計並實現一個小型網站

要求好高啊,建議還是找專業人士

2、跪求一個 asp動態網站 畢業設計

動態網頁製作技術jsp與asp的比較
總的來講,JavaSever Pages(JSP)和 微軟的Active Sever Pages(ASP)在技術方面有許多相似之處。兩者都是為基於WEB應用實現動態交互網頁製作提供的技術環境支持,都能夠為程序開發人員提供實現應用程序的編制與自帶組件設計網頁從邏輯上分離的技術,而且都能夠替代CGI使網站建設與發展變的較為簡單與快捷。

盡管JavaSever Pages 技術和微軟的Active Sever Pages在許多方面都有相似的,但仍然存在很多不同之處,其中最本質上的區別在於:兩者是來源於不同的技術規范組織,其實現的基礎:WEB伺服器平台要求不相同。

JSP 技術:開放的技術

JSP和ASP技術明顯的不同點:開發人員在對兩者各自軟體體系設計的深入了解的方式不同。JSP技術基於平台和伺服器的互相獨立,輸入支持來自廣泛的,專門的,各種工具包,伺服器的組件和資料庫產品開發商所提供。相比之下,ASP技術主要依賴微軟的技術支持。

平台和伺服器的獨立性
JSP技術依附於一次寫入,之後,可以運行在任何具有符合JavaTM語法結構的環境。取而代之過去依附於單一平台或開發商,JSP技術能夠運行在任何WEB伺服器上並且支持來自多家開發商提供的各種各樣工具包。

由於ASP是基於Activex控制項技術提供客戶端和伺服器端的開發組件,因此ASP技術基本上是局限於微軟的操作系統平台之上。ASP主要工作環境是微軟的IIS應用程序結構,又因Activex對象具有平台特性,所以ASP技術不能很容易地實現在跨平台的WEB伺服器的工作。盡管ASP技術通過第三方提供的產品能夠得到組件和服務實現跨平台的應用程序,但是Activex對象必須事先放置於所選擇的平台中。

開放的開發過程,開放的原代碼

SUN應用JAVA社團性過程開發JSP技術。自從1995年,SUN已經用這種開放過程方法同國際JAVA組織合作開發和修改了JAVA技術與規范。針對JSP的產品,SUN授權了工具提供商(如Macromedia),結盟公司(如Apache,Netscape),最終用戶,協作商及其他。最近,SUN將最新版本的JSP和JavaTM Servlet(JSP 1.1,JAVA SERVLET 2.2)的原代碼發放給Apache,以求JSP與Apache緊密的相互發展。Apache,SUN和許多其他的公司及個人公開成立一個健壯的咨詢機構以便任何公司和個人都能免費取得信息。(詳見:http://jakarta.apache.org)

JSP應用程序界面(API)毫無疑問已經取得成功,並將隨JAVA組織不斷開放擴大繼續完善。相反,ASP技術僅依靠微軟本身的推動,其發展是建立在獨占的,封閉的開發過程基礎之上。

ASP技術
JSP技術

WEB伺服器
微軟的IIS或個人WEB伺服器
任何WEB伺服器包括Apache,Netscape,和IIS

操作系統平台
微軟的視窗系統
絕大多數的流行平台,包括solaris操作系統,微軟的視窗系統,MAC OS,Linux,及其他UNIX系列平台產品

跨平台訪問
需要第三方ASP的引入產品
支持WEB信息機構環境中不同系列的計算機群即保證用戶在當前軟硬體及人力資源上的投資完全兼容,JSP技術提供靈活,開放選擇:可以使用各種各樣的工具提供商提供的工具,高度體現工業化標准輸入與配置

3、從開發人員的角度來看:ASP和JSP技術都能使開發者實現通過點擊網頁中的組件製作互動式的,動態的內容和應用程序的WEB站點。ASP僅支持組件對象模型COM,而JSP技術提供的組件都是基於JavabeansTM技術或JSP標簽庫。由此可以看出兩者雖有相同之處,但其區別是很明顯的。

JSP標簽可擴充性
盡管ASP和JSP都使用標簽與腳本技術來製作動態WEB網頁,JSP技術能夠使開發者擴展JSP標簽得以應用,JSP開發者能定製標簽庫,所以網頁製作者充分利用與XML兼容的標簽技術強大的功能,大大減少對腳本語言的依賴。由於定製標簽技術,使網頁製作者降低了製作網頁和向多個網頁擴充關鍵功能的復雜程度。

JSP跨平台的可重用性

JSP的開發人員在開發過程中一直關注可重用性。JSP組件(企業JavabeansTM,Javabeans,或定製的JSP標簽)都是跨平台可重用的。企業Javabeans組件可以訪問傳統的資料庫,並能以分布式系統模式工作於UNIX和WINDOWS平台。JSP技術的標簽可擴充功能為開發人員提供簡便的,與XML兼容的介面即共享網頁的打包功能使其完全的工業標准化。

這種基於組件的模式很有效提高應用程序的開發效率,因為這種模式能夠使開發人員利用快捷的子組件快速創建模板應用程序,然後再整合一些附加功能以後便可使用。象這樣有效的方法在JSP中無處不在,並可將其打包成一個Javabean或一個工業標准化的Javabean組件。

JAVA的優越性

JSP技術是用JAVA語言作為腳本語言的,而ASP網頁使用微軟的VBScrip或Jscrip。JAVA是成熟的,強大的,易擴充的編程語言,遠優於基於BASIC的腳本語言。如:JAVA的可執行性優於VBScript或Jscript語言。因為它們利用JAVA技術並且都被編譯為JAVA Servlets,JSP網頁為整個伺服器端的JAVA庫單元提供了一個介面來服務於HTTP的應用程序。

JAVA使開發人員的工作在其他方面也變的一樣容易,簡單。例如,當ASP應用程序在WINDOWS NT系統被懷疑可能會崩潰時,JAVA能有效的防止系統的崩潰。JAVA語言通過提供防止內存的泄漏的方法,在內存管理方面也能大顯身手。加之,JSP為應用提供了健壯的意外事件處理機制。

易於維護性
基於JSP技術的應用程序比基於ASP的應用程序易於維護和管理。

腳本語言都能很好服務於小的應用程序,但不能適應大型的,復雜的應用程序。因為,JAVA是結構化的,它比較容易創建和維護龐大的,組件化的應用程序。

JSP突出的組件技術使修改內容而不影響邏輯或修改邏輯而不影響內容變得很容易實現。

企業級的Javabeans結構整合了企業邏輯,例如資料庫的訪問,安全,事務完整性,及獨立性即獨立於應用程序。

因為JSP技術是一種開放的,跨平台的結構,因此,WEB伺服器,平台,及其他的組件能很容易升級或切換,且不會影響JSP基本的應用程序。這一特點使JSP能夠適用現實世界的各種WEB應用程序不斷的變化和發展。

ASP技術
JSP技術

可重用,跨平台組件
沒有JAVABEANS
企業級JAVABEANS,定製JSP標簽

安全:防範系統崩潰
沒有


內存泄露保護
沒有


腳本語言
VBSCRIPT,JSCRIPT
JAVA

定製標簽
沒有 有

2、企業產品的多樣性

JAVA2平台即企業版(J2EE)是適用於多企業應用程序的JAVA結構,作為J2EE的部分,JSP網頁可訪問所有J2EE的組件,包括Javabeans,企業級Javabeans及JAVA Servlets。JSP網頁都能完全編譯成為Servlets,所以它們都享有靈活性的特點和為伺服器端JAVA應用程序。J2EE平台內容不僅包括管理復雜的企業應用程序而且包括事務管理技術和Pooling資源管理技術。

JSP網頁可以訪問標準的J2EE服務,包括:

JAVA名稱和目錄界面API
JDBCTM API(與關聯的資料庫通訊)
JavaMailTM(支持基於JAVA郵件和消息應用程序的類)
JAVATM 消息服務
通過J2EE,JSP網頁能夠用許多方式同企業系統交互訪問。J2EE支持兩種CORBA規范的技術:JAVA IDL和RMI-IIOP。在企業級JAVABEANS技術支持下,JSP網頁通過運用高級的,對象映射的方式訪問資料庫。

最終,因為JSP技術是基於JAVA的開放性過程的產品,因此它能夠廣泛支持不同提供商提供的工具,WEB伺服器和應用程序的服務,這樣能夠使用戶選擇最佳的開發方法,選擇最適應他們的應用程序開發的工具包,同時,有效地保護用戶在代碼和人員培訓上的投資。

ASP技術 JSP技術
兼容傳統的資料庫 可以(COM) 可以(用JDBC API)
集成數據源的能力 能工作在任何符合ODBC規范的資料庫 能工作在任何符合ODBC規范的資料庫,而且能訪問符合JDBC技術規范資料庫
組件 COM組件 JAVABEANS,企業級JAVABEANS或擴展的JSP標簽
擴展工具支持

3、我想學網頁設計,學完以後可以獨立設計網頁(動態的,有後台的),需要學哪些東西?

HTML5 是一種標記語言,用於寫出靜態頁面,你要學JSP實現動態頁面;CSS3 是層疊樣式表(Cascading Stylesheet), 在網頁製作時採用CSS技術,可以有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制;JS 是一種廣泛用於客戶端Web開發的腳本語言,常用來給html網頁添加動態功能;PS 圖片處理;PHP 伺服器端語言,你可以理解為用他可以不通過後天,在頁面上直接操作數據。

自己開發完整版的網頁難度很大哦,一般的開發流程
1.需求分析,你一定要知道你開發的網頁有什麼用,這個要考自己思考領悟,沒特定的學習方向
2.你要會一款開發工具,一款伺服器如tomcat,要確定一個開發框架(Struts、hibernate、spring.....)、你要確定使用一款資料庫(MySQL、oracle、SQL server....)
3.你要後台,那你學了開發語言沒? 我用的是JAVA
好吧我是嚇你的,不過我建議你確定你的方向後,如選擇JAVA+SSH+MySQL,你就去網上找個類似的網站項目開源代碼,1.先把他運行起來(1個星期,祝你好運,這步看運氣,你一去作可能會發現很多很多問題)2.操作運行後的項目,用的比用自己的手機還熟練 (2天)3.看數據結構,看項目裡面所有的代碼,遇到不懂就去百度 (一個星期)4.使用debug模式運行項目,去熟悉你某個操作所產生的數據表動(2天) 5.完成前面幾步後,在已有的項目代碼上開發一個自己想要的功能,做到這一步你基本入行了(1個星期) 6.你可以去做一個自己想要的網頁了(3個月,祝福你0_0)
朋友,希望沒嚇到你,但這真是我的經驗之談,如果你有興趣就去大膽嘗試一下,至少別後悔自己什麼也沒做。

4、前端開發和後端開發有什麼區別

前端開發和後端開發的區別在於:

一、展示方式不同

1、前端開發主要做的是用戶所能看到的前端展示界面。

2、後端開發主要做的是邏輯功能等模塊,是用戶不可見的。

二、所用技術不同

1、前端開發用到的技術包括但不限於html5、css3、javascript、jquery、Bootstrap、Node.js 、AngularJs等技術。

2、後端開發 以java為例 主要用到的 是包括但不限於Struts spring springmvc Hibernate Http協議 Servlet Tomcat伺服器等技術。

(4)動態網站設計與開發布局擴展資料:

公司對前後端人員招聘的要求:

Web前端:

1、精通HTML,能夠書寫語義合理,結構清晰,易維護的HTML結構;

2、精通CSS,能夠還原視覺設計,並兼容業界承認的主流瀏覽器;

3、熟悉JavaScript,了解ECMAScript基礎內容,掌握1到2種js框架,如JQuery;

4、對常見的瀏覽器兼容問題有清晰的理解,並有可靠的解決方案;

5、對性能有一定的要求,了解yahoo的性能優化建議,並可以在項目中有效實施;

Web後端:

1、精通jsp,servlet,javabean,JMS,EJB,Jdbc,Flex開發,或者對相關的工具、類庫以及框架非常熟悉,如Velocity,Spring,Hibernate,iBatis,OSGI等,對Web開發的模式有較深的理解;

2、練使用oracle、sqlserver、mysql等常用的資料庫系統,對資料庫有較強的設計能力;

3、熟悉maven項目配置管理工具,熟悉tomcat、jboss等應用伺服器,同時對在高並發處理情況下的負載調優有相關經驗者優先考慮;

4、精通面向對象分析和設計技術,包括設計模式、UML建模等;

5、熟悉網路編程,具有設計和開發對外API介面經驗和能力,同時具備跨平台的API規范設計以及API高效調用設計能力;

5、web應用程序開發 和動態網站建設 有什麼區別?謝謝

一個是開發的一個是套模板

6、如何規劃創建宣傳網站

互聯網站規劃與設計

摘要 本文概述了互聯網站的規劃與設計的方法,介紹了網站設計規劃的規范,及所需的關鍵技術,對電信系網站的構建作了系統分析,提出了總體設計方案和製作步驟,而且論述了構建網站過程中所遇到的技術難題及解決辦法。

關鍵詞 網站規劃 網站設計 網站維護 ASP

一、引言

在當今全球信息化大潮中,互聯網(即網際網路――Internet)異軍突起,給20世紀末的人類社會增添了無限的活力,成為現代社會生活中一道亮麗的風景線。 互聯網帶給人們的不僅僅是技術,而是一種以信息為標志的嶄新的生活方式。 他正在改變著人們的工作和生活方式。有人曾以「圍城」比喻互聯網,但所不同的是,「外面的人想進去,裡面的人不想出來。」互聯網為什麼有這么大的魅力呢?這不僅與人們日益增長的文化生活有關,更重要的是與互聯網的技術不斷更新和革命有關。

一個網站的整體規劃和設計的好壞是它發展的重要之處, 也是它吸引人們瀏覽的所在之處。Internet/Intranet技術的日益發展,使人們認識到了Internet/Intranet的優勢,更使得資料庫與web的連接成為資料庫開發方面的熱門技術之一。

通常情況下,通過瀏覽器看到的網頁大多是靜態的。所謂「靜態」,是指網站的網頁內容「固定不變」, 當瀏覽器通過互聯網的HTTP(Hypertext Transport Protocol)協議向Web伺服器請求提供網頁時,伺服器僅僅是將原來設計好的靜態HTML文檔傳給瀏覽器。其頁面內容使用的僅僅是標準的HTML代碼,最多再加上流行的GIF8ArrayA 格式的動態圖片,比如產生幾只小貓小狗跑來跑去的動畫效果。 若網站維護者要更新網頁的內容,就必須手動更新所有的HTML文檔。

靜態網站的致命弱點就是不易維護。為了更新網頁的內容, 網站維護者必須重復製作HTML文檔,隨著網站內容和信息量的日益擴增,可以想像這是多麼復雜繁瑣的工作。那麼,什麼是動態網站呢?所謂「動態」,並不是指放在網頁上的圖片會動,動態頁面應具有以下幾個特點:

(一).交互性:即網頁能根據客戶的要求和選擇而動態改變和響應,瀏覽器即作為客戶端界面,這是今後Web發展的大勢所趨。

(二).自動更新:即無需手動更新HTML文檔, 就能自動生成新的頁面,從而大大減少工作量。

(三).因時因人而變:即當不同的時間、不同的人訪問同一網址時能產生不同的頁面,這一點對於需要對使用者授權的網站尤其適用。

隨著的Internet迅速發展,不管是專業的ISP(Internet服務提供者)和ICP(Internet內容提供者),還是一般的政府機關、銀行、交通部門、學校、醫院、服務者,甚至是每個人,都在積極尋求在Internet上發布信息,提供新型的網上管理和服務。可以說,網站設計和網站的編輯正成為新興的熱門行業。

二、網站的系統分析

(一).項目立項

我們接到客戶的業務咨詢,經過雙方不斷的接洽和了解,並通過基本的可行性討論夠,初步達成製作協議,這時就需要將項目立項。較好的做法是成立一個專門的項目小組,小組成員包括:項目經理,網頁設計,程序員,測試員,編輯/文檔等必須人員。

(二).客戶的需求說明書

收稿日期 : 2001年5月25

作者簡介:馬彥文,西北第二民族學院電子與信息工程系Array7通信專業學生。

第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求並不是很清楚,需要您不斷引導和幫助分析。有些客戶可能對自己建什麼樣的網站根本就沒有明確的目的,以及他的網站建好後來干什麼也是一無所知,為了客戶能有明確的目的我們需要耐心說明,仔細分析,挖掘出客戶潛在的,真正的需求。這樣對大家都有好處,我們的宗旨應該是「客戶明明白白,雙方高高興興。」對客戶和自己都是一種負責。

配合客戶寫一份詳細的,完整的需求說明會花很多時間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認可。把好這一關,可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麼需求說明書要達到怎樣的標准呢?簡單說,包含下面幾點:正確性:每個功能必須清楚描寫交付的功能;可行性:確保在當前的開發能力和系統環境下可以實現每個需求;必要性:功能是否必須交付,是否可以推遲實現,是否可以在削減開支情況發生時"砍"掉;簡明性:不要使用專業的網路術語;檢測性:如果開發完畢,客戶可以根據需求檢測。

三、建設方案

(一).建站理念

(1)預早籌劃

設計主頁未必很艱難。但這一工作與編制傳統的宣傳品一樣,都需要我們謹慎處理和籌劃。換言之,我們必須首先 確定自己需要傳達的主要信息,然後細意斟酌、把所有意念合情合理地組織起來;之後是設計一個頁面式樣,試用於有代表性的用戶,接著重復修訂,務求盡善盡美。

(2)盡量精簡

主頁的作用好比一本書的封面,是為了吸引用戶測覽你的網址內容。因此,主頁的設汁應以醒目為上、令人一目瞭然。切勿堆砌太多不必要的細節,或使畫面過於復雜。在主頁上清楚列出三項要點,例如機構名稱、提供的產品或服務 、以及主頁內容(亦即你的其他頁面還載有什麼資料)。應切記頁面給人的第一觀感最為重要。在網上到處瀏覽的人很多。如果你的主頁真沒有吸引力,很難令他們深入觀賞。

(3)盡量簡朴

現今大部分用戶那是用數據機接駁萬維網,所以他們一般都要花很多時間等待主頁傳送到自己的系統。主頁上的圖形應力求簡朴, 避免耽擱用戶的時間。圖像愈大、顏色愈深,傳送頁面的時間愈長。這並不是說你要完全略去圖像不用,只是提醒你要注注意使用圖像所引起的效果。主頁上的顏色最好不超過六十四種,頁頂圖像最好保持在大約10KB(千位元組)以下。切勿禁不住誘惑,覺得非要放入大幅的圖畫不可;應考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒,很多用戶就會等得不耐煩。如果情況許可,最好先測試你的主頁在稍差的條件下的傳送速率,14.4千波特的數據機,或透過 Prodigy 等網上服務接駁萬維網等。

此外、還須注意配合最低檔的設備,例如標準的小型顯示器,不要假設人人都用高解像度的大熒幕。運用先進瀏覽軟體所提供的一些尖端功能是可以的、但應確保你的主頁在次一級的瀏覽軟體上(例如某些網上服務所提供的專用瀏覽軟體)仍可暢順地顯現。

(4)善用圖像

用戶在網上四處漫遊,你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內容應有一定的實際作用,切忌虛飾浮誇。最佳的圖像應集美觀與傳訊於一身。注意圖畫可以彌補文字之不足,但並不能夠完全取代文字。很多用戶把瀏覽軟體設定為略去圖像,以求節省時間他們只看文字。因此,製作主頁時,必須注意將圖像所帶的重要信息或聯接其他頁面的指示用文字重復表達―次。用「純文中」模式測試已製成的主頁,確保其傳達到所有信息。

(5)使主頁易於漫遊

主頁的其中一個主要功能是作為漫遊工具,指引用戶查閱你存儲在網址或其他地點的信息。盡量使漫遊過程不費吹灰之力。基於清晰明確和速度的考慮,主頁上的聯接項目應只限於幾個高級的類別,例如公司、產品、服務、支援等。用六至八個聯接項目最為理想。

此外,你提供的信息不應埋藏在重重疊疊的頁面之下。穿越五個以上的聯接項目已足以令人厭煩。因此,你必須在廣度和深度之間求取平衡。如果你的網址上有太多信息,你可能要編制較長的頁面或使用更多聯接項目,甚至可能要建立多個主頁、 使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關鍵字或詞語查找所需的信息,肯定受用戶歡迎。

假若你有充足的資源,便應找一位專家來評估你設計的主頁是否方便易用。設法找一些對主頁陌生的用戶,來試用你的初步製成品。

(6)提網協領

主頁―般須載有以下事項:

標題,此標題須清楚無誤地標示你的網站。標題可以是名稱、標語徽號或圖像。

電子郵件地址 ,以便用戶有問題時,可以通知你。

版權資料,這是適用於主頁內容的版權規定。你可以在主頁上標示一句簡短的版權聲明,用聯接方法帶出另―個載有詳細使用條款的頁面,這樣可以避免主頁顯得亂糟糟。

聯絡資料 ,列出通訊地址電話號碼等。

(7)循環利用現有信息

製作主頁時,通常都毋須從頭做起,因為有許多現成的文字、圖畫等資料可供我們重用,例如宣傳小冊、公關文件、技術手冊、資料庫等。很多情況下,只要用少許功夫、就可把這些材料轉到網頁上使用。

(8)保持新鮮感

萬維網上不斷有新事物出現、每天都有新花樣。如果你的主頁從不改變,用戶很快會厭倦。在主頁上預告即將有新資料推出,可吸引用戶再來瀏覽不妨在頁頭以大字標題宣布新消息。可以定期改變主頁上的圖像、或更改主頁的式樣。趣味性的事項可以持續或自動更新、例如列出會瀏覽你的網站的人次。

同樣,為保持新鮮感,應時刻確保主頁提供的是最新信息。將更新主頁信息的工作納入既定的公關及資料編制計劃內,亦即當你使用傳統方法(例如新聞稿)傳遞的新信息時出現在你的主頁上。確保連接項目運作暢順,以免用戶在熒幕上收到「無法查閱所需檔案」的信息而大感沒趣。

(Array)貫徹諾言

做不到的事情,千萬不要輕易承諾。切勿隨便叫用戶做出回應行動,例如要求用戶填交訂貸表格,除非你已制訂好處理這些訂單的方法和交貨程序。如果在網上列出聯絡電話,就要確保自己能夠迅速解決來電者的問題。

(10)吸引用戶瀏覽

既然絞盡腦汁把主頁弄得美觀實用,沒有人來欣賞就太可惜了。為吸引所有網中人來瀏覽,必須使主頁易於尋找。通知其他網站(例如題材相關的網站),他們可能想連接你的主頁。安排將自己的網址列在所有相關的網址目錄、索引、查找程序和「What』s new」頁面上。盡量將網址傳播開去,使之出現在 Internet和所有傳統煤體上、例如書刊廣告、公關文件、宣傳品等。

在網站上,於每個頁面設置「home」按鍵,方便用戶隨時返回主頁。

萬維網充滿生命力、正在不斷演進,所以一些現時適用的經驗,將來未必合用。舉例來說,將來家居用戶有高速線路接駁Internet,就可以消除數據傳輸目前的所受的限制、使主頁的篇幅可以更長,頁面更華麗。新的瀏覽功能、例如Sun的 HotJava瀏覽軟體所提供的先進功能、將使萬維網更強勁和更方便溝通。 HotJava將主頁由靜態的文件轉為動態的實體, 提供諸如即時製作動畫、背景音樂、即時存入資料(例如不斷更新股票價格)、話音廣播等功能、為網上用戶帶來更多樂趣。有好的主頁,還須有精良的設備支持。網站伺服器不斷推陳出新,使建設網站的工作愈來愈容易。 以 S u n的Netra Internet Server為例、全套設備包括上網所需的軟硬體,以及建立完善的高效能網站所需購各種軟硬體設施。這些發展為萬維網及其用戶開拓了壯闊的前景。建設網站的上作,從未如此容易過。

(二).網站總體設計

在拿到客戶的需求說明後,並不是直接開始製作,而是需要對項目進行總體設計,詳細設計出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定:網站需要實現哪些功能;網站開發使用什麼軟體,在什麼樣的硬體環境;需要多少人,多少時間;需要遵循的規則和標准有哪些。同時需要寫一份總體規劃說明書,包括:網站的欄目和板塊;網站的功能和相應的程序;網站的鏈接結構;如果有資料庫,進行資料庫的概念設計;網站的交互性和用戶友好設計。

在總體設計出來後,一般需要給客戶一個網站建設方案。很多網頁製作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統,而且在客戶需求不是十分明確的情況下提交方案,往往和實際製作後的結果會有很大差異。所以應該盡量取得客戶的理解,在明確需求並總體設計後提交方案,這樣對雙方都有益處。網站建設方案的包括以下幾個部分:.客戶情況分析;網站需要實現的目的和目標;網站形象說明;網站的欄目板塊和結構;網站內容的安排,相互鏈接關系;使用軟體,硬體和技術分析說明;開發時間進度表;宣傳推廣方案;維護方案;製作費用;本公司簡介:成功作品,技術,人才說明等。當您的方案通過客戶的認可,那麼可以開始動手製作網站了。但還不是真正意義上的製作,你需要進行詳細設計。

(三).網站詳細設計

總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序,而是設計出程序的詳細規格說明。這種規格說明的作用很類似於其他工程領域中工程師經常使用的工程藍圖,它們應該 包含必要的細節,例如:程序界面,表單,需要的數據等。程序員可以根據它們寫出實際的程序代碼。我們這次主要用ASP來實現有關功能和解決有關問題的,例如,公告版BBS,聊天室,信息發布系統, 網上超市等都用ASP來實現人機交互功能的,其中也用到調用資料庫的技術。

ASP (Active Server Pages)是Microsoft 公司推出的一種Web應用程序開發技術,也是伺服器端的腳本(Script)運行環境,使用該技術可以開發動態的、交互的Web應用程序。

ASP可用來產生和執行動態的高性能的WE B伺服器程序。當用戶使用瀏覽器請求ASP主頁時,WEB伺服器做出響應,調用ASP引擎來執行ASP文件,並解釋其中的腳本語言(JScript 或VBScript),通過ODBC連接資料庫,由資料庫訪問組件ADO完成資料庫操作,最後ASP生成包含數據查詢結果或做出其他響應的HTML頁面,送回用戶端顯示。

ASP程序通常運行在Windows NT+ IIS(Internet Information Server) , 或者Windows 2000 + IIS, 或者Windows Array5/Array8+PWS(Personal Web Server)環境下。其程序代碼簡單、通用,文件名由.asp結尾。ASP文件通常由四部分構成: 標準的HTML標記; ASP語法命令,即<% %> 標簽內的ASP代碼; 伺服器端的include語句; 以及腳本語言,即:ASP自帶JScript和VBScript兩種腳本語言,用於增ASP的編程功能,用戶也可安裝其它腳本語言,如Per語言等。

ASP提供了六個內建對象供用戶直接調用,以實現頁面的交互: Application對象負責管理所有會話信息,可用來在指定的應用程序的所有用戶之間共享信息; Session對象存貯特定用戶的會話信息,只被該用戶訪問,當用戶在不同WEB頁面跳轉時,Session中的變數在用戶整個會話過程中一直存在;Session對象需cookie支持; Request對象從用戶端取得信息傳遞給伺服器,是ASP讀取用戶輸入的主要方法;Response對象支持伺服器將輸出內容發送到用戶端;Server對象提供對伺服器有關方法和屬性的訪問; Object Context對象是IIS 4.0新增對象,用來進行事務處理。此項功能需得到MTS(Microsoft Transaction Server)管理的支持。

ASP還內置以下組件以增強其功能: Ad Rotator組件用來按指定計劃在同一頁面上自動輪換顯示廣告,用於WWW上日益重要的廣告服務; Browser Capabilities組件確定訪問WEB站點的用戶瀏覽器的功能數據,包括類型、性能、版本等; Database Access組件即ADO (ActiveX Data Objects),用來訪問資料庫; File Access組件提供對伺服器端文件的讀寫功能; Content Linking組件生成WEB頁內容列表,並將各頁順序連接,用於製作導航條。 此外,用戶還可安裝Myinfo、Counters、Content Rotator、Page Count等組件,也可自行編制ActiveX組件,以提高系統的實用性。

如上所述,ADO是ASP內置的ActiveX伺服器組件(ActiveX Server Component)。它可通過開放式資料庫連接介面ODBC和通用數據源介面OLEDB訪問多種資料庫,是對目前微軟所支持的資料庫進行操作的最有效、最簡單和最直接的方法。

ADO組件主要提供了以下七個對象和四個集合來訪問資料庫: Connection對象用於建立與後台資料庫的連接; Command對象用於執行SQL指令,訪問資料庫; Parameters對象和Parameters集合為Command對象提供數據和參數; RecordSet對象存放從資料庫中調用的數據記錄; Field對象和Field集合提供對RecordSet中當前記錄的各個欄位進行訪問的功能; Property對象和Properties集合提供有關信息,供Connection、Command、RecordSet、Field對象使用; Error對象和Errors集合提供訪問資料庫時的錯誤信息。

在ASP中使用ADO組件訪問後台資料庫一般步驟為 :

在WEB伺服器上打開「控制面板」,選中「ODBC」, 定義數據源;然後使用ADO組件查詢WEB資料庫;再調用Server.CreateObject方法取得「ADODB.Connection」的實例,此後用Open方法打開資料庫,指定要執行的SQL命令對資料庫進行操作,如查詢、瀏覽、修改、刪除等。 當然也可以用本文介紹的方法不定義數據源,直接調用資料庫的數據。

(四).網站的製作規范探討

(1)網站目錄規范

目錄建立的原則:以最少的層次提供最清晰簡便的訪問結構。

a.根目錄。根目錄指DNS域名伺服器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件,以及其他必須的系統文件;

b.每個語言版本存放於獨立的目錄;

c.每個主要功能(主菜單)建立一個相應的獨立目錄;

d.當頁面超過20頁,每個目錄下存放各自獨立images目錄.共用的圖片放在根目錄下的images目錄下;

e.所有的js文件存放在根目錄下統一目錄script;

f.所有的CSS文件存放在各語言版本下的style目錄

g.所有的CGI程序存放在根目錄並列目錄cgi_bin目錄

(2)文件命名規范

文件命名的原則:以最少的字母達到最容易理解的意義。

a.索引文件統一使用index.html文件名(小寫)。index.html文件統一作為「橋頁」製作具體內容,僅僅作為跳轉頁和meta標簽頁。主內容頁為main.htm;

b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如:關於我們aboutus;信息反饋feedback 產 品proct;所有單英文單詞文件名都必須為小寫,所有組合英文單詞文件名第二個起第一個字母大寫;

c.所有文件名字母間連線都為下劃線;

d.圖片命名原則以圖片英語字母為名,大小原則寫同上;

e.js的命名原則以功能的英語單詞為名。例如:廣告條的js文件名為:Ad.js

f.所有的CGI文件後綴為.cgi。

(3)鏈接結構規范

鏈接結構的原則:用最少的鏈接,使得瀏覽最有效率。首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。超過三級頁面,在頁面頂部設置導航條。

(4)尺寸規范

a.頁面標准按800*600解析度製作,實際尺寸為778*434px;

b.每個標准頁面為A4幅面大小,即8.5X11英寸;

c.大banner為468*60px,小banner為88*31px。

(5) 首頁HEAD區規范

a.公司版權注釋

<! --- The site is designed by dxxweb.inc05/2001-->

b.網頁顯示字元集

簡體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">

繁體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">

英 語:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-885Array-1">

c.網頁製作者信息

<META name="author" content="[email protected]">

d.網站簡介

<META NAME="DESCRIPTION" CONTENT="電子與信息工程系">

e.搜索關鍵字

<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

f.網頁的css規范

<LINK href="style/style.css" rel="stylesheet" type="text/css">

g.網頁標題

<title>電子與信息工程系</title>

四、網站的設計製作

1.整體形象設計

在程序員進行詳細設計的同時,網頁設計師開始設計網站的整體形象和首頁。

整體形象設計包括標准字,Logo,標准色彩,廣告語等。 首頁設計包括版面,色彩,圖像,動態效果,圖標等風格設計,也包括banner,菜單,標題,版權等模塊設計。首頁一般設計1-3個不同風格。

2.開發製作

本次網站規劃設計採用軟體工程的設計方法,設計小組在系統分析和總體設計的基礎上,將設計任務分解,分配到設計組的每個成員,各模塊有設計組成員單獨承擔設計和調試,既有分工,又有協作,最後將各模塊上載到伺服器上,做鏈接和整體的調試。

3.調試完善

各模塊初步完成後,上傳到伺服器,對網站進行全范圍的測試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測試等,發現問題及時解決並記錄下來。

網站建設實際上是一個不斷充實和完善的過程,通過不斷的發現問題,解決問題,修改,補充,使網站結構趨向合理,內容更加豐富,形式更富有感染力。

4.宣傳推廣

剛剛建成的網站就好像一個新注冊的電話號碼,沒有人會自動找上門來,這時你就需要適當地做一些網站推廣工作了,這里有很多方法,例如:

a.網頁里設置適當的META標簽;

b.交換友情鏈接。這是個免費而高效的辦法,就好比在別人商店打上你的廣告,在你的商店打上別人的廣告,這樣一來當網友參觀別人的網站時就知道你的網站了,如果你的廣告做的好,他一多半都會參觀你的網站,這是件無須開支、互利互惠的好事情,推薦使用。

c. 在各大搜索網站(例如sohu.com yahoo.com)注冊你的網站,這樣當別人在搜索同類的信息時就會發現你的網站;

d.備新聞稿件在各新聞公告板發表;

e.合理使用Email郵件列表;

f.付費廣告,這個辦法最有效了,但它是付費的;

g.在論壇里貼條子。這個辦法效率不高,也很累,有時也會被別人刪除掉,所以不推薦。

另外還需要說明的是,請千萬不要使用發垃圾郵件來推廣個人主頁,這樣不但不會使別人喜歡你的網站,反而會引起別人的極度反感,這是一種不道德的行為。

至此,網站項目建設完畢。

5.維護

網站做好了是不是就打算一勞永逸呢?不是,如果網站做大的話,網站維護也是個艱巨的工作。當網站變得十分龐大時將會有不計其數的圖片、網頁文件等內容,如果它們有一個丟失或鏈接失敗都會引起網頁錯誤,想想我們做的多副圖片如果少一副會是什麼情景?所以我們一定要保證整個網站的「健康」和完整。為了使網站健康、完整,通常我們在做新網站之前,都應該在DW里建設一個「本地網站」,也就是自己電腦上的網站副本,這樣才能有效減少網站錯誤,剛才我們製作網站時是先做網頁後建網站,其實這種網站建設方法是錯誤的,正確的是先建網站後添加內容。另外就是要時常檢查網站的鏈接是否有誤,這里我們可以使用DW的SITE程序的SITE菜單中CHECK LINK SITEWIDE選項來檢查網站中是否有斷掉的鏈接,以便及時修復。

另外我們還應該科學地存放不同類型的文件,例如將網站中的圖片都放在一個文件夾里,將網頁放在另一個文件夾里。而且如果將來網站真的「肥沃」起來,我們甚至需要為每一個欄目建立一個文件夾,例如將有關MUSIC欄目的文件放在一個文件夾里,將PICTURES欄目的文件放在一個文件夾里,這樣一來,會為我們的維護工作減少很多不必要的麻煩!

網站維護最後要說的就是網站的文件備份了,如果電腦發生了災難,我們的網站就很可能要癱瘓了,所以時常備份網站文件也是很重要的。

網站成功推出後,長期的維護工作才剛剛開始,我們需要做到的是:及時響應客戶反饋;例如可以採取Email自動回復功能,然後盡快解決問題,再次回復;網站流量統計分析和相應對策;盡量推廣和使用您的網址;網站內容的及時更新和維護。

7、什麼是php 動態網站設計

PHP是一個基於服務端來創建動態網站的腳本語言,您可以用PHP和HTML生成網站主頁。當一個訪問者打開主頁時,服務端便執行PHP的命令並將執行結果發送至訪問者的瀏覽器中,這類似於ASP和CoildFusion,然而PHP和他們不同之處在於PHP開放源碼和跨越平台,PHP可以運行在WINDOWS NT和多種版本的UNIX上。它不需要任何預先處理而快速反饋結果,它也不需要mod_perl的調整來使您的伺服器的內存映象減小。PHP消耗的資源較少,當PHP作為Apache Web伺服器一部分時,運行代碼不需要調用外部二進製程序,伺服器不需要承擔任何額外的負擔。

除了能夠操作您的頁面外,PHP還能發送HIIP的標題。您可以設置cookie,管理數字簽名和重定向用戶,而且它提供了極好的連通性到其它資料庫(還有ODBC),集成各種外部庫來做用PDF文檔解析XML的任何事情。

有了PHP就無需特殊的開發環境和IDE,您可以以<?php 作為程序塊的開始,可以以 ?>作為PHP代碼塊的結束,當然您也可以用帶有<% %>的標記甚至用<SCRIPT LANGUAGE=「php」></script>的ASP的格式來配置PHP,PHP會在那些標志間處理所有的事情。

PHP的編程語言類似與C和Perl。在使用它們之前您沒必要聲明任何變數,而且建立數組和Hash是很簡單的事情。PHP還有一些面向對象的特徵,可以為組織和打包您的代碼提供很好的幫助。

8、動態網站設計與開發

動態網站的優勢劣勢

與靜態頁面網站設計不同,asp生成的動態頁面信息不但不易被搜索引擎所檢索,而且打開速度慢,再者也不穩定,這就是為什麼這么多專業網站建設公司都一再建議客戶使用靜態形式的網站設計的原因,有些網站建設公司會考慮把頁面進行偽靜態處理,但不知道大家有沒有注意過,偽靜態處理的url通常是不規則的。

如今隨著互聯網技術的發展,越來越多的建站技術被應用到網站建設中來,一些開發語言也慢慢的被替換,之前,旭網科技給客戶做的的網站很多是採用靜態頁面網站設計技術,但這樣的頁面也因為沒有資料庫作為支持而缺乏互動功能,因此動態網站製作技術也就慢慢的成為網站建設行業的主流。只是,如何把握好動態結合的最佳系數,不同的專業企業網站建設公司有不同的做法。

靜態網頁與動態的區別

程序是否在伺服器端運行,是重要標志。在伺服器端運行的程序、網頁、組件,屬於動態網頁,它們會隨不同客戶、不同時間,返回不同的網頁,例如asp、 php、jsp、asp.net、cgi等。運行於客戶端的程序、網頁、插件、組件,屬於靜態網頁,例如html頁、flash、javascript、 vbscript等等,它們是永遠不變的。

靜態網頁和動態網頁各有特點,網站採用動態網頁還是靜態網頁主要取決於網站的功能需求和網站內容的多少,如果網站功能比較簡單,內容更新量不是很大,採用純靜態網頁的方式會更簡單,反之一般要採用動態網頁技術來實現。

靜態網頁是網站建設的基礎,靜態網頁和動態網頁之間也並不矛盾,為了網站適應搜索引擎檢索的需要,即使採用動態網站技術,也可以將網頁內容轉化為靜態網頁發布。

動態網站也可以採用靜動結合的原則,適合採用動態網頁的地方用動態網頁,如果必要使用靜態網頁,則可以考慮用靜態網頁的方法來實現,在同一個網站上,動態網頁內容和靜態網頁內容同時存在也是很常見的事情。

與動態網站設計與開發布局相關的知識