1、網(wǎng)站規(guī)劃與建設(shè),學(xué)習(xí)網(wǎng)站：,為什么要學(xué)習(xí)網(wǎng)站規(guī)劃與建設(shè)？,目標(biāo)：網(wǎng)頁設(shè)計(jì)師 早期的網(wǎng)頁完全由程序員手工代碼編寫，界面枯燥、乏味。 90年代未開始，出現(xiàn)了“所見即所得”網(wǎng)頁設(shè)計(jì)軟件（Dirhtml FreshHTML Thinksea Frontpage dreamweaver）。這一時(shí)期很多網(wǎng)頁設(shè)計(jì)師是平面設(shè)計(jì)師轉(zhuǎn)過來的。(從HAO123被收購(gòu)，你聯(lián)想到了什么？) 現(xiàn)在：隨著web標(biāo)準(zhǔn)的制定及軟件的發(fā)展，要求網(wǎng)頁設(shè)計(jì)師必須掌握一定程度的編程知識(shí)，從而實(shí)現(xiàn)更精妙的界面設(shè)計(jì)和良好的交互性。,HTML+dreamweaver+asp/php/jsp/.net+access/SQL server/my

2、sql,理論學(xué)習(xí)要求,第一章 全面了解網(wǎng)站,本章重點(diǎn)： 了解網(wǎng)站及相關(guān)概念 網(wǎng)站的主要類型 網(wǎng)站的常見風(fēng)格 網(wǎng)站的主要功能 網(wǎng)站的常用技術(shù),一、Internet的發(fā)展與現(xiàn)狀,Internet(因特網(wǎng))是世界上最大的計(jì)算機(jī)互聯(lián)網(wǎng) 起源：1969年美國(guó)國(guó)防部高級(jí)計(jì)劃局ARPA建立的計(jì)算機(jī)網(wǎng)絡(luò)ARPAnet。（具有一定的健壯性和可擴(kuò)展性，網(wǎng)絡(luò)局部損壞不影響整個(gè)網(wǎng)絡(luò)運(yùn)作。 ） 20世紀(jì)80年代未期飛速發(fā)展 20世紀(jì)90年代，我們稱為Internet時(shí)代/網(wǎng)絡(luò)時(shí)代,Internet在我國(guó)的歷程,我國(guó)加入Internet的時(shí)間：1994年4月 64Kbit/s專線接入 2006年 6月 30日，中國(guó)的上網(wǎng)

3、計(jì)算機(jī)總數(shù)已達(dá) 5450萬臺(tái)，與去年同期相比，增加了 890萬臺(tái)，增長(zhǎng)率為 19.5%，是 1997年 10月第一次調(diào)查結(jié)果 29.9萬臺(tái)的 182.3倍。 截止到2009年3月30日，上網(wǎng)計(jì)算機(jī)達(dá)到1億2630萬臺(tái)。,6,一、Internet的主要服務(wù),WWW(world wide web)萬維網(wǎng) 基于HTML（超文本標(biāo)記語言），通過超鏈接，任何 Web頁面可以相互訪問。 使用格式：http:/主機(jī)地址/文件路徑。 最早的www瀏覽器只能顯示文本，隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，瀏覽器的種類越來越多，功能也越來越強(qiáng)大，除了顯示文本、圖像、動(dòng)畫外，還能顯示豐富的流媒體，F(xiàn)LASH等，并且能夠提供文檔下載、

4、收發(fā)郵件、處理用戶表單等。,二、Internet的主要服務(wù),FTP 用于傳輸文件，可以登錄遠(yuǎn)程計(jì)算機(jī)將一定權(quán)限下的文件下載到本地或把本地計(jì)算機(jī)上的文件上傳到遠(yuǎn)程計(jì)算機(jī)中。 使用格式：ftp:/主機(jī)地址/文件路徑。,三、Internet的主要服務(wù),E-mail 用于發(fā)送和接收電子郵件。 E-mail格式:用戶名主機(jī)地址（如),四、Internet的主要服務(wù),BBS論壇 用于發(fā)布信息和進(jìn)行討論。 Telnet 用于將本地計(jì)算機(jī)登錄到遠(yuǎn)程計(jì)算機(jī)上，從而使用遠(yuǎn)程計(jì)算機(jī)的程序和數(shù)據(jù) 格式：telnet:/主機(jī)地址/文件路徑,www站點(diǎn)的發(fā)展,www站點(diǎn)的發(fā)展,2009年初,互聯(lián)網(wǎng)上已經(jīng)存在有185,50

5、0,000個(gè)網(wǎng)站。 到2009年4月,網(wǎng)站數(shù)量迅速增長(zhǎng)到231,500,000個(gè),2020年9月5日,第13頁,1.1靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁,靜態(tài)網(wǎng)頁 Web服務(wù)器 動(dòng)態(tài)網(wǎng)頁,靜態(tài)網(wǎng)頁,1.1 簡(jiǎn)單的HTML頁面 網(wǎng)頁標(biāo)題 標(biāo)題一 網(wǎng)頁內(nèi)容。 ,2020年9月5日,第15頁,靜態(tài)網(wǎng)頁,通常這些網(wǎng)頁只有HTML標(biāo)記，沒有其他可以執(zhí)行的程序代碼。 網(wǎng)頁的內(nèi)容是靜態(tài)不變的 網(wǎng)址形式通常為： 靜態(tài)網(wǎng)頁的后綴名一般為：.htm .html .shtml .xml 使用靜態(tài)網(wǎng)頁,如果要修改網(wǎng)頁內(nèi)容，就必須修改源代碼，然后重新上傳到服務(wù)器上。（在網(wǎng)站制作和維護(hù)方面工作量較大，在功能方面也有較大的限制）,靜態(tài)頁面

6、工作原理,2020年9月5日,第17頁,什么是動(dòng)態(tài)網(wǎng)頁,動(dòng)畫、Flash、applet等所謂動(dòng)態(tài)網(wǎng)頁只是視覺上的，與真正的“動(dòng)態(tài)網(wǎng)頁”是不同的概念 。示例 “動(dòng)態(tài)”主要指的是“交互性” 動(dòng)態(tài)網(wǎng)頁中不僅含有HTML標(biāo)記，而且含有可以執(zhí)行的程序代碼，動(dòng)態(tài)網(wǎng)頁能夠根據(jù)不同的輸入和請(qǐng)求動(dòng)態(tài)生成返回的頁面，例如常見的BBS、留言板、聊天室等就是用動(dòng)態(tài)網(wǎng)頁來實(shí)現(xiàn)的。 動(dòng)態(tài)網(wǎng)頁的后綴名：.aspx .asp .jsp .php等等,動(dòng)態(tài)頁面工作原理,動(dòng)態(tài)網(wǎng)頁和靜態(tài)網(wǎng)頁的區(qū)別：,核心區(qū)別：是否在服務(wù)器端運(yùn)行！動(dòng)態(tài)網(wǎng)頁中的某些腳本只能在服務(wù)器端運(yùn)行，而靜態(tài)網(wǎng)頁中的任何腳步都不能在服務(wù)器端運(yùn)行。動(dòng)態(tài)網(wǎng)頁中可以同時(shí)

7、包含客戶端腳本和服務(wù)器腳本，而靜態(tài)網(wǎng)頁中只能包含客戶端腳本。 后綴名差別： 靜態(tài)：.html .htm 動(dòng)態(tài)：.asp .aspx .jsp .php等等,網(wǎng)站相關(guān)概念,域名：是由一串用點(diǎn)分隔的名字組成的Internet上某一臺(tái)計(jì)算機(jī)或計(jì)算機(jī)組的名稱。 按地理模式：例如中國(guó)是cn，美國(guó)是us，日本是jp等 按組織模式：com代表公司， net代表網(wǎng)絡(luò)機(jī)構(gòu)， org代表非盈利組織，edu 用于教育機(jī)構(gòu)； gov代表政府部門；mil代表軍事部門。 域名注冊(cè)：從網(wǎng)上域名代理商處注冊(cè)購(gòu)買,網(wǎng)站的主要類型,按照語種分類：簡(jiǎn)體中文網(wǎng)站，繁體中文網(wǎng)站、英文網(wǎng)站、日文網(wǎng)站等。 按網(wǎng)站所有者性質(zhì)分類：政府網(wǎng)站、

8、企業(yè)網(wǎng)站、個(gè)人網(wǎng)站、學(xué)校網(wǎng)站、研究機(jī)構(gòu)網(wǎng)站等 按照行業(yè)分類：農(nóng)/林/牧/漁業(yè)網(wǎng)站、建筑業(yè)、制造業(yè)、軟件業(yè)、水利、交通、政府、教育等 按開發(fā)語言分類：純HTML網(wǎng)站、ASP網(wǎng)站、JSP網(wǎng)站、PHP網(wǎng)站、FLASH網(wǎng)站等 按照網(wǎng)站內(nèi)容更新方式類：靜態(tài)網(wǎng)站、動(dòng)態(tài)網(wǎng)站,網(wǎng)站的主要類型,按照網(wǎng)站作用分類：門戶網(wǎng)站、搜索引擎、博客、社區(qū)論壇、聊天交友、音樂欣賞、電影網(wǎng)站、軟件下載等。,網(wǎng)站的常見風(fēng)格（風(fēng)格和色彩搭配 ）,沉穩(wěn)型：政府網(wǎng)站、科研院、教育網(wǎng)站等。煙臺(tái)市政府門戶網(wǎng)站 特點(diǎn)：沉穩(wěn)、大氣、莊重。 活潑型：兒童網(wǎng)站，動(dòng)漫網(wǎng)站，游戲網(wǎng)站。夢(mèng)幻西游 特點(diǎn)：生動(dòng)、活潑 時(shí)尚型：時(shí)裝網(wǎng)站、化妝品網(wǎng)站，飾品網(wǎng)站

9、、娛樂、交友等時(shí)尚網(wǎng) 典雅型：專業(yè)公司網(wǎng)站，設(shè)計(jì)網(wǎng)站、教育網(wǎng)站、專業(yè)藝術(shù)網(wǎng)站。367藝術(shù)家網(wǎng) 新浩藝特點(diǎn)：內(nèi)容專業(yè)、布局合理，給人一種高雅、專業(yè)、權(quán)威的感覺。,網(wǎng)站的常見風(fēng)格（風(fēng)格和色彩搭配 ）,簡(jiǎn)約型：搜索引擎、短信網(wǎng)站，聊天網(wǎng)站，論壇等 百度 大眾型：一般企業(yè)網(wǎng)站、購(gòu)物網(wǎng)站、民俗網(wǎng)站等。深圳半導(dǎo)體。 綜合型：各類門戶網(wǎng)站、大型綜合網(wǎng)站。搜狐 新浪,網(wǎng)站的主要功能,普通功能： 站點(diǎn)導(dǎo)航 聯(lián)系方式 計(jì)數(shù)器 留言板 電子郵件,網(wǎng)站的主要功能,高級(jí)功能： 信息發(fā)布與維護(hù)系統(tǒng) 信息檢索系統(tǒng) 在線調(diào)查 網(wǎng)站流量分析,網(wǎng)站的主要功能,特殊功能： 網(wǎng)上購(gòu)物系統(tǒng) 供求信息發(fā)布系統(tǒng) 會(huì)員管理系統(tǒng) 在線招聘系統(tǒng)

10、 電子郵局系統(tǒng) BBs論壇 聊天室等,網(wǎng)站常用知識(shí),HTML：超文本標(biāo)記語言Hyper Text Markup Language。它不是象 C+ 和 Java 之類的程序語言，而是一種描述性語言，一種標(biāo)記語言。 ASP:全稱為Active Server Pages（中文譯名為活動(dòng)服務(wù)器頁面），是微軟公司推出的用于Web應(yīng)用服務(wù)的一種編程技術(shù).采用的腳本語言： VBScript 和JavaScript,3. JSP,Java Server Pages (JSP)是一種簡(jiǎn)單易用的在服務(wù)器端編譯執(zhí)行的Web設(shè)計(jì)語言,Sun公司于1999年6月推出。 JSP下的編程語言是 Java。 目前，在所有軟件

11、開發(fā)類人才的需求中，對(duì)Java工程師的需求達(dá)到全部需求量的60%70%。,4.PHP,P H P 是一種跨平臺(tái)的服務(wù)器端嵌入式腳本語言。它大量地借用C 、J a v a 、P e r l 語言的語法，并耦合P H P 自己的特性，使We b 開發(fā)者能夠快速地寫出動(dòng)態(tài)生成頁面的腳本。 P H P 最大的特點(diǎn)就是它是免費(fèi)的，所有的P H P 源程序、文檔都可以免費(fèi)地復(fù)制、編譯、傳遞。當(dāng)使用P H P 編寫程序時(shí)，無需向P H P 公司支付任何版權(quán)費(fèi)用，你編寫的所有程序代碼都屬于你自己。你可以把它發(fā)布、轉(zhuǎn)讓。,5. ASP.NET,支持的語言有：c# Visual C+ Jscript .NET 微

12、軟公司很快公布了其宏偉的“Windows.NET”計(jì)劃，發(fā)布了成為下一代網(wǎng)絡(luò)服務(wù)框架的NGWS，同時(shí)將其ASP技術(shù)升級(jí)為ASP+ 2000年11月，微軟公司推出Visual Studio.NET 7.0開發(fā)工具的Beta版本，將NGWS更名為.NET Framework，此時(shí)ASP+也正式改名為現(xiàn)在的ASP.NET。 ASP.NET與 ASP相比速度更快，功能更加強(qiáng)大。,編程語言排行榜,Java C C+ PHP Visual Basic C#,Asp,PHP,JSP,.Net開發(fā)語言比較,ASP.NET 的優(yōu)勢(shì)很明顯在于它簡(jiǎn)潔的設(shè)計(jì)和實(shí)施。這是面向?qū)ο蟮木幊倘藛T的夢(mèng)想：語言靈活，并支持復(fù)雜的

13、面向?qū)ο筇匦浴ｉ_發(fā)效率非常高。 ASP.NET 在內(nèi)存使用和執(zhí)行時(shí)間方面耗費(fèi)非常大。對(duì)基于 Web 的應(yīng)用程序，這些局限可能是一個(gè)嚴(yán)重的問題，因?yàn)樵?Web 上，您的應(yīng)用程序可能擴(kuò)展為每秒成千上萬的用戶。內(nèi)存使用率還可能成為 Web 服務(wù)器上的一個(gè)問題。,Asp,PHP,JSP,.Net開發(fā)語言比較,目前在國(guó)內(nèi)PHP與ASP應(yīng)用最為廣泛。而JSP由于是一種較新的技術(shù)，國(guó)內(nèi)采用的較少。但在國(guó)外，JSP已經(jīng)是比較流行的一種技術(shù)，尤其是電子商務(wù)類的網(wǎng)站，多采用JSP。 但由于PHP本身存在的一些缺點(diǎn)，使得它不適合應(yīng)用于大型電子商務(wù)站點(diǎn)，而更適合一些小型的商業(yè)站點(diǎn)。首先，PHP缺乏規(guī)模支持。其次，缺乏

14、多層結(jié)構(gòu)支持。,Asp,PHP,JSP,.Net開發(fā)語言比較,ASP和JSP則沒有以上缺陷。 ASP可以通過Microsoft Windowsd的COM/DCOM獲得ActiveX規(guī)模支持，通過DCOM和Transcation Server獲得結(jié)構(gòu)支持； JSP可以通過SUN Java的Java Class和EJB獲得規(guī)模支持，通過EJB/CORBA以及眾多廠商的Application Server獲得結(jié)構(gòu)支持。 三者中，JSP應(yīng)該是未來發(fā)展的趨勢(shì)。,性能比較：,對(duì)這ASP、PHP、JSP三種語言分別做回圈性能測(cè)試及存取Oracle數(shù)據(jù)庫測(cè)試。 在循環(huán)性能測(cè)試中，JSP只用了令人吃驚的四秒鐘就

15、結(jié)束了2000020000的回圈。而ASP、PHP測(cè)試的是20002000循環(huán)（少一個(gè)數(shù)量級(jí)），卻分別用了63秒和84秒。 數(shù)據(jù)庫測(cè)試中，三者分別對(duì) Oracle 8 進(jìn)行 1000 次 Insert,Update,Select和Delete： JSP 需要 13 秒，PHP 需要 69 秒，ASP則 需要 73 秒。,Web服務(wù)器及數(shù)據(jù)庫的選擇,Php: 標(biāo)準(zhǔn)配置Apache服務(wù)器+mySql數(shù)據(jù)庫， Apache服務(wù)器是免費(fèi)、開源的（源代碼完全開放的）。 Asp、:IIS服務(wù)器（當(dāng)今最流行的服務(wù)器）+access/sqlserver,Jsp: Resin(最快的JSP、servlet服務(wù)器

16、、開源、免費(fèi)) Tomcat+Apache(是目前使用量最大的免費(fèi)JAVA服務(wù)器 ,熟練安裝配置Tomcat是軟件測(cè)試工程師的必備技能 ) WebLogic（是業(yè)界最好的JAVA應(yīng)用服務(wù)器。功能強(qiáng)大，收費(fèi)） 數(shù)據(jù)庫：access/oracal,IIS服務(wù)器,Internet Information Server（簡(jiǎn)稱IIS）是Windows系統(tǒng)提供的一種服務(wù)，它包括WWW服務(wù)器、FTP服務(wù)器和SMTP服務(wù)器，是架設(shè)個(gè)人網(wǎng)站的首選。 程序運(yùn)行inetmgr,Windows 2000 Server在安裝的過程中會(huì)自動(dòng)安裝IIS 5.0，而Windows 2000 Professional和Wind

17、ows XP則不會(huì)，必須用添加Windows組件的方式另行安裝。下面以Windows XP為例，介紹安裝IIS 5.1的過程。 1. 安裝IIS 安裝IIS的步驟如下： 從桌面的“開始”菜單中選擇“控制面板”，打開“控制面板”。雙擊“添加或刪除程序”圖標(biāo)，打開“添加或刪除程序”對(duì)話框。, 用鼠標(biāo)單擊左邊的“添加/刪除Windows組件”圖標(biāo)，打開“Windows組件向?qū)А?圖1-12)。,圖1-12 Windows組件向?qū)?選中“組件”列表中的“Internet信息服務(wù)（IIS）”選項(xiàng)，單擊“下一步”按鈕，組件向?qū)Ъ撮_始安裝所選組件。在安裝向?qū)У淖詈笠豁搯螕簟巴瓿伞卑粹o，完成組件的安裝。,2.

18、 Internet信息服務(wù)器 在“控制面板”中雙擊“管理工具”圖標(biāo)，打開“管理工具”對(duì)話框，在其中雙擊“Internet信息服務(wù)”圖標(biāo)，打開Internet信息服務(wù)器窗口，如圖1-13所示。,圖1-13 Internet信息服務(wù)器窗口,3配置 IIS,虛擬目錄是Web 服務(wù)器使用的邏輯目錄名，與服務(wù)器上的物理目錄相對(duì)應(yīng),使用 IIS 創(chuàng)建虛擬目錄,步驟 1：在“默認(rèn) Web 站點(diǎn)” 中創(chuàng)建一個(gè)虛擬目錄。,步驟 2：給出此虛擬目錄的別名。,步驟 3：選擇虛擬目錄的位置。,步驟 4：為此目錄選擇適當(dāng)?shù)脑L問權(quán)限。,激活瀏覽器，在地址欄中輸入本機(jī)的網(wǎng)址，如http:/localhost/,4. 測(cè)試I

19、IS,網(wǎng)站空間的確定,租用網(wǎng)站空間（主機(jī)）：費(fèi)用低，維護(hù)量小，自主性差，適合中小規(guī)模網(wǎng)站。 三線空間：電信 、網(wǎng)通、鐵通 自己架設(shè)服務(wù)器：費(fèi)用高，維護(hù)復(fù)雜，完全自主，適合大型、復(fù)雜，有特殊要求的網(wǎng)站。,課堂練習(xí),某小型公司，由于互聯(lián)網(wǎng)技術(shù)的發(fā)展與自身業(yè)務(wù)的拓展，決定建設(shè)自己的網(wǎng)站。 公司情況： 成立不到二年，員工5-10人，主要銷售電子監(jiān)控類產(chǎn)品，銷售區(qū)域主要是國(guó)內(nèi)，有部分客戶來自臺(tái)灣。 要求：寫出網(wǎng)站建設(shè)分步實(shí)施計(jì)劃書。,分析： 確定網(wǎng)站域名 .com 確定網(wǎng)站空間 租用、300M、雙線 規(guī)劃與建設(shè)整個(gè)網(wǎng)站 培訓(xùn)員工，充分利用網(wǎng)站。（網(wǎng)站的使用、維護(hù)） 對(duì)外宣傳公司網(wǎng)站，充分發(fā)揮網(wǎng)站作用。（

20、網(wǎng)站推廣）,3.規(guī)劃與建設(shè)整個(gè)網(wǎng)站,網(wǎng)站語種： 網(wǎng)站規(guī)模： 網(wǎng)站所有者性質(zhì)定位： 網(wǎng)站風(fēng)格： 網(wǎng)站功能： 網(wǎng)站的技術(shù)選型：,3.規(guī)劃與建設(shè)整個(gè)網(wǎng)站,網(wǎng)站語種：簡(jiǎn)體中文 繁體中文 網(wǎng)站規(guī)模：小型網(wǎng)站 網(wǎng)站所有者性質(zhì)定位：建設(shè)成典型的企業(yè)站 網(wǎng)站風(fēng)格：大眾型、 網(wǎng)站功能：站點(diǎn)導(dǎo)航、聯(lián)系方式、留言本、計(jì)數(shù)器、電子郵件、信息發(fā)布與維護(hù)（企業(yè)動(dòng)態(tài)，產(chǎn)品信息）、信息檢索（產(chǎn)品搜索），網(wǎng)站流量分析系統(tǒng)、網(wǎng)上購(gòu)物、在線招聘。 網(wǎng)站的技術(shù)選型：asp/php/.net,完,網(wǎng)頁制作的基本步驟,1收集和整理資料 在制作網(wǎng)頁前，應(yīng)先收集制作時(shí)要用的文字材料、圖片素材，還有用于增添頁面效果的動(dòng)畫等，所需的資料要根據(jù)需求來確定。 2制作網(wǎng)頁 制作網(wǎng)頁第一步，可以在草稿紙上繪制出網(wǎng)頁的大體框架，并將收集整理的各種資料在Dreamweaver中布局，將各種元素添加到頁面中。,網(wǎng)頁制作的基本步驟,3測(cè)試站