第一講網(wǎng)站建設(shè)及相關(guān)技術(shù)

網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)

第一講網(wǎng)站建設(shè)院(系):計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院研究室:軟件支持技術(shù)教師:王紅濱1/13/20231學(xué)習(xí)目標(biāo)了解網(wǎng)絡(luò)的一些常用術(shù)語。了解網(wǎng)頁的基本要素。了解網(wǎng)站建設(shè)的基本流程。1/13/20232內(nèi)容概述1.常用術(shù)語2.網(wǎng)頁要素3.網(wǎng)站建設(shè)流程本章將介紹網(wǎng)絡(luò)、網(wǎng)站和網(wǎng)頁的一些基本知識(shí)，為后續(xù)內(nèi)容的學(xué)習(xí)奠定一個(gè)初步基礎(chǔ)。1/13/20233內(nèi)容概述1.常用術(shù)語2.網(wǎng)頁要素3.網(wǎng)站建設(shè)流程本章將介紹網(wǎng)絡(luò)、網(wǎng)站和網(wǎng)頁的一些基本知識(shí)，為后續(xù)內(nèi)容的學(xué)習(xí)奠定一個(gè)初步基礎(chǔ)。1/13/202341.常用術(shù)語1.1internet1.2intranet1.3isp1.4ip1.5域名1.6網(wǎng)站1.7uri1/13/202351.1internet

internet也稱因特網(wǎng)或國(guó)際互聯(lián)網(wǎng)，是20世紀(jì)70年代由美國(guó)軍方的arpanet（阿帕網(wǎng)，由美國(guó)高等研究計(jì)劃署（advancedresearchprojectagency）創(chuàng)立）發(fā)展而來的。internet是一個(gè)由各種不同類型和規(guī)模并各自獨(dú)立運(yùn)行和管理的計(jì)算機(jī)網(wǎng)絡(luò)組成的覆蓋全球范圍內(nèi)的龐大網(wǎng)絡(luò)，網(wǎng)絡(luò)間可以暢通無阻地交換信息。組成internet的計(jì)算機(jī)網(wǎng)絡(luò)包括局域網(wǎng)（lan）、地域網(wǎng)（man）和廣域網(wǎng)（wan）等。這些網(wǎng)絡(luò)通過普通電話線、高速率專用線路、衛(wèi)星、微波和光纜等通訊線路，把不同地域的大學(xué)、公司、科研機(jī)構(gòu)以及軍事、政府等組織的網(wǎng)絡(luò)連接起來。internet為人們提供了巨大且不斷增長(zhǎng)的信息資源和服務(wù)工具寶庫(kù)，用戶可以利用其提供的各種工具去獲取這些信息資源和服務(wù)。也可以通過internet將個(gè)人或企業(yè)部門的信息發(fā)布出去，供其他用戶訪問瀏覽。1/13/202361.2intranet

intranet也稱企業(yè)內(nèi)部互聯(lián)網(wǎng)，用于在公司或組織內(nèi)傳遞和處理信息。是internet技術(shù)在企業(yè)內(nèi)部或封閉的用戶群內(nèi)的應(yīng)用，也是一個(gè)公司或組織所特有的（不一定與internet有物理上的連接關(guān)系）網(wǎng)絡(luò)。它可以用于提供文檔分發(fā)、軟件發(fā)布、訪問數(shù)據(jù)庫(kù)和培訓(xùn)等服務(wù)。雖然intranet也使用了如web頁（網(wǎng)頁）、web瀏覽器、ftp站點(diǎn)、電子郵件、新聞組和郵件列表等與internet相關(guān)的應(yīng)用程序，但它的作用范圍僅限定于公司或組織內(nèi)部。1/13/20237intranet定義、涵義與internet區(qū)別1/13/202381.3isp

isp（internetserviceprovider）是internet服務(wù)提供商。用戶只有通過isp才能接入internet，并享受各種服務(wù)。isp作為提供接入服務(wù)的中介，租用國(guó)際信道和大量的當(dāng)?shù)仉娫捑€，購(gòu)置一系列計(jì)算機(jī)設(shè)備，通過集中使用、分散壓力的方式，向本地用戶提供接入服務(wù)。1/13/202391.4ip

ip地址是internet上主機(jī)地址的數(shù)字形式，與主機(jī)的域名地址是一一對(duì)應(yīng)的。ip地址是一個(gè)32位的二進(jìn)制數(shù)，通常寫成被點(diǎn)分開的4個(gè)十進(jìn)制數(shù)的形式，例如：等。ip地址通常分為a、b、c三類，這種分類與ip地址中字節(jié)的使用方法相關(guān)。在實(shí)際應(yīng)用中，可以根據(jù)具體情況選擇ip地址的類型格式。a、b、c三類地址所能表示的范圍分別是：a類“-55”，b類“-55”，c類“-55”。ip地址和域名地址就像平時(shí)生活中的通信地址一樣，不能隨意分配，否則將會(huì)導(dǎo)致無法估計(jì)的混亂狀態(tài)。在需要ip地址或域名地址時(shí)，用戶必須向國(guó)際網(wǎng)絡(luò)信息中心提出申請(qǐng)。申請(qǐng)批準(zhǔn)后，凡能夠使用internet域名的地方都可以使用ip地址。1/13/2023101.5域名互聯(lián)網(wǎng)上的站點(diǎn)就像人們生活中的機(jī)構(gòu)或家庭一樣，需要有個(gè)具體的地址，網(wǎng)民才能根據(jù)這個(gè)地址進(jìn)行訪問。由于internet計(jì)算機(jī)的身份標(biāo)識(shí)是ip地址，為了便于記憶，按照一定的規(guī)則給internet上的計(jì)算機(jī)起的名字就叫做域名。按照internet的組織模式，對(duì)域名進(jìn)行分級(jí)，一級(jí)域名主要有以下幾種：.com（商業(yè)組織）.net（網(wǎng)絡(luò)中心）.edu（教育機(jī)構(gòu)）.gov（政府部門）.mil（軍事機(jī)構(gòu)）.org（國(guó)際組織）大部分國(guó)家和地區(qū)都擁有自己獨(dú)立的域名，例如：.cn（中國(guó)）、.us（美國(guó)）、.uk（英國(guó)）、.hk（香港）等。1/13/2023111.6網(wǎng)站

網(wǎng)站是一種通過互聯(lián)網(wǎng)相互連接起來的，為用戶提供網(wǎng)頁服務(wù)（webserver）、數(shù)據(jù)傳輸服務(wù)（ftpserver）、郵件服務(wù)（mailserver）、數(shù)據(jù)庫(kù)服務(wù)（databaseserver）等多種服務(wù)的信息載體。通常以虛擬主機(jī)或主機(jī)托管的方式進(jìn)行存放和運(yùn)作。網(wǎng)站一般擁有固定的域名。1/13/2023121.7uri統(tǒng)一資源標(biāo)識(shí)符(uniformresourceidentifiers)1/13/202313圖url、urn和uri的關(guān)系統(tǒng)一資源定位符(uniformresourcelocator)統(tǒng)一資源標(biāo)識(shí)符(uniformresourceidentifiers)統(tǒng)一資源名稱(uniformresourcename，urn)1/13/2023141/13/2023151.8ftp

ftp（filetransferprotocol，文件傳輸協(xié)議）是internet上使用非常廣泛的一種通訊協(xié)議。ftp是由支持internet文件傳輸?shù)母鞣N規(guī)則所組成的集合，這些規(guī)則使internet用戶可以把文件從一個(gè)主機(jī)傳送到另一個(gè)主機(jī)上。ftp通常也表示用戶執(zhí)行這個(gè)協(xié)議所使用的應(yīng)用程序，如cuteftp等。用戶使用ftp的方法很簡(jiǎn)單，啟動(dòng)ftp軟件后先與遠(yuǎn)程主機(jī)建立連接，然后向遠(yuǎn)程發(fā)出指令即可。server-u1/13/202316

www（worldwideweb，萬維網(wǎng)）是在internet的基礎(chǔ)上，由各計(jì)算機(jī)節(jié)點(diǎn)上的www軟件和超級(jí)文本格式的信息文件組成的信息網(wǎng)(主要表現(xiàn)為各個(gè)網(wǎng)站及其超級(jí)鏈接關(guān)系)

。這些節(jié)點(diǎn)稱為www服務(wù)器，簡(jiǎn)稱web服務(wù)器。海量的信息被存儲(chǔ)于web服務(wù)器上，用戶使用www時(shí)只需提出查詢要求，到何處查詢及如何查詢則由www自動(dòng)完成。www只是internet上的一種應(yīng)用，internet還包括許多其他服務(wù)，如telnet、ftp、mail等。使用這些服務(wù)功能必須具備一定的計(jì)算機(jī)知識(shí)，有的還需要用戶通過鍵盤輸入命令來完成操作（如telnet），這就使許多初級(jí)用戶望而卻步。而www采用的是圖形界面技術(shù)，用戶只需操縱鼠標(biāo)，通過windows界面下的www軟件和超級(jí)文本就可以完成瀏覽、查詢和下載等各項(xiàng)功能，并通過internet從全世界任何地方找到所希望得到的文本、圖像和聲音等信息，而且www可以與其他服務(wù)（如telnet、ftp和mail等）實(shí)現(xiàn)無縫連接?？梢哉f，www的誕生使用戶從繁雜的操作中解脫出來，充分享受計(jì)算機(jī)帶來的便利。1/13/2023171.10超級(jí)文本

超級(jí)文本（hypertext）與普通文本不同，它是一種使用戶與計(jì)算機(jī)之間能夠更加密切交流的文本顯示技術(shù)，它通過對(duì)相關(guān)詞匯進(jìn)行索引鏈接，可以使帶鏈接的詞匯或語句指向文本中的其他段落、注解或文本。用戶可以沿著超級(jí)文本中的索引鏈接跳轉(zhuǎn)閱讀，也可以隨時(shí)返回到原來的閱讀之處。超級(jí)文本的出現(xiàn)，使計(jì)算機(jī)中的文本呈現(xiàn)出嶄新的面目。1/13/2023181.11html1/13/2023191.11html(續(xù))

一個(gè)最簡(jiǎn)單的html文檔至少包含下列標(biāo)簽。<html><head>…</head><body>…</body></html>1/13/2023201.11html(續(xù))它們的含義分別如下：? <html>…</html>：網(wǎng)頁的開始、結(jié)束標(biāo)簽，表示文件聲明，讓瀏覽器知道這是html文件。? <head>…</head>：網(wǎng)頁的文件頭部分，包含網(wǎng)頁的重要信息，在瀏覽器中不顯示。? <body>…</body>：網(wǎng)頁的可見部分，在設(shè)計(jì)視圖中看到的各個(gè)元素都包含在這一對(duì)標(biāo)簽內(nèi)。以上3對(duì)標(biāo)簽在網(wǎng)頁文檔中只能出現(xiàn)1次，而且順序也是固定的，不能重復(fù)出現(xiàn)或者顛倒順序。源代碼中的html標(biāo)簽是層層嵌套的，最外層是“<html>…</html>”標(biāo)簽。1/13/2023211.12asp

asp（activeserverpages，動(dòng)態(tài)服務(wù)器主頁）是microsoft公司在1996年底推出的一種運(yùn)行于服務(wù)器端的web應(yīng)用程序開發(fā)技術(shù)，可以運(yùn)行于windows98（pws）/windowsnt（iis）/windows2000（iis）/windowsxp（iis）/windows2003（iis）平臺(tái)。asp不是一種開發(fā)工具，而是一種內(nèi)含于iis/pws之中的集成script語言（如vbscript、javascript）到html主頁的服務(wù)器端的腳本語言環(huán)境，其主要功能是為生成動(dòng)態(tài)的、交互的web服務(wù)器應(yīng)用程序提供一種功能強(qiáng)大的方式或技術(shù)。因此可以說，asp是一種類似于html、script與cgi的結(jié)合體，但是其運(yùn)行效率卻比cgi更高，程序編制比html更方便且更有靈活性，程序安全及保密性也比script好。asp文件的擴(kuò)展名為“.asp”，其中包括html標(biāo)記、文本和腳本語句，其腳本語句代碼包含于“<%…%>”之間。internetinformationservices（互聯(lián)網(wǎng)信息服務(wù)）1/13/2023221.13vbscript和javascript

script（腳本）是一種介于html和java、c++之類高級(jí)編程語言之間的一種特殊語言，它由一組可以在web服務(wù)器或客戶端瀏覽器上運(yùn)行的命令組合而成。盡管script更接近高級(jí)語言，但它不具有編程語言復(fù)雜、嚴(yán)謹(jǐn)?shù)恼Z法規(guī)則。vbscript腳本語言是asp的默認(rèn)語言，它是vb家族的最新成員，可以說vbscript是vb的子集，也可以說vbscript是為了符合internet小而精的條件而從vb之中萃取出精華功能的程序語言。其語法規(guī)則、函數(shù)與vb很相似，但功能上有所限制。vbscript可以在客戶端使用，也可以在服務(wù)器端使用，這是程序本身決定的。但是并不是所有的瀏覽器都支持vbscript，因此一般在安裝iis的服務(wù)器端使用vbscript。下面來看一段vbscript代碼。1/13/202323…<scriptlanguage="vbscript">msgbox"歡迎訪問我們的主頁！"</script>…其中，<scriptlanguage="vbscript">與</script>之間就是vbscript的腳本代碼，language告訴瀏覽器腳本代碼的語言類型是vbscript。msgbox是vbscript語言中顯示消息框的函數(shù)，其功能是彈出一個(gè)具有按鈕的對(duì)話框，并顯示雙引號(hào)之間的字符串。提到j(luò)avascript腳本語言，會(huì)把它與java語言混淆起來，認(rèn)為也像vbscript與vb這對(duì)“孿生兄弟”一樣，其實(shí)javascript與java是兩種完全不同的語言。雖然它們的語法元素都和c++非常相似，但彼此之間是不同的。javascript是一種解釋型的語言，而java是一種編譯型的語言。1.13vbscript和javascript(續(xù))1/13/2023241.13vbscript和javascript(續(xù))

javascript是一種跨平臺(tái)、基于對(duì)象的腳本語言，由javascript核心語言、javascript客戶端擴(kuò)展、javascript服務(wù)器端擴(kuò)展3部分組成。核心語言部分在客戶端、服務(wù)器端均可使用，包括了javascript的基本語法（如操作符、語句、函數(shù)）以及一些內(nèi)置對(duì)象等。

下面來看一段javascript代碼。1/13/202325…<scriptlanguage="javascript">alert("您是訪問我們主頁的第88位瀏覽者！");</script>…其中，<scriptlanguage="javascript">與</script>之間就是javascript的腳本代碼，language告訴瀏覽器腳本代碼的語言類型是javascript。alert()是javascript語言中顯示消息框的函數(shù)，其功能是彈出一個(gè)具有按鈕的對(duì)話框，并顯示括號(hào)中雙引號(hào)之間的字符串。1.13vbscript和javascript(續(xù))1/13/202326內(nèi)容概述1.常用術(shù)語2.網(wǎng)頁要素3.網(wǎng)站建設(shè)流程本章將介紹網(wǎng)絡(luò)、網(wǎng)站和網(wǎng)頁的一些基本知識(shí)，為后續(xù)內(nèi)容的學(xué)習(xí)奠定一個(gè)初步基礎(chǔ)。1/13/2023272.網(wǎng)頁要素2.1文本2.2圖像2.3動(dòng)畫2.4音頻2.5視頻1/13/2023282.1文本

文本是非常重要的網(wǎng)頁元素之一，是網(wǎng)頁中信息的主要載體。文字、字母、數(shù)字和符號(hào)等都可以稱為文本。與漂亮的圖像、優(yōu)美的動(dòng)畫、悅耳的聲音和有聲有色的視頻相比，文本在網(wǎng)頁中似乎是最普通不過了，但文本卻是用戶創(chuàng)建網(wǎng)頁應(yīng)該考慮的關(guān)鍵因素，因?yàn)槲谋臼潜硎鲂畔⒌淖钔陚涞姆绞?，絕大多數(shù)信息都是通過文本傳遞給瀏覽者的。1/13/2023292.2圖像

圖像是站點(diǎn)中比較重要的元素，網(wǎng)頁的設(shè)計(jì)和創(chuàng)意都離不開圖像的使用和處理。一個(gè)欣賞性較好的站點(diǎn)應(yīng)有清新悅目的畫面，能夠吸引讀者有興趣瀏覽下去。同時(shí)，圖像可以傳遞文字所無法表達(dá)的特定的信息，在web上的大多數(shù)網(wǎng)頁都使用圖像來圖文并茂地對(duì)內(nèi)容加以介紹。網(wǎng)頁中的圖像既有簡(jiǎn)單的彩色背景，也有實(shí)物的真實(shí)照片?？傊鶕?jù)不同的需要，配備不同的圖像加以說明，但從做網(wǎng)頁的角度來講，網(wǎng)頁上的圖像可以分為兩大類。一類純粹是網(wǎng)頁本身的需要，起增添網(wǎng)頁色彩的作用，它并不傳給讀者特定的信息，如某些網(wǎng)頁背景圖像、表格背景圖像等。另一類是行文的需要，配合文本向讀者傳遞信息，這就是所說的圖文并茂，或者利用圖像單獨(dú)向讀者傳遞信息，如圖片新聞。1/13/2023302.3動(dòng)畫

動(dòng)畫是現(xiàn)代網(wǎng)站的重要特色，是網(wǎng)頁制作技術(shù)的重要組成部分。在網(wǎng)頁中，常見的動(dòng)畫類型有g(shù)if動(dòng)畫、flash動(dòng)畫等，使用編程的方法也可以制作動(dòng)畫。目前，網(wǎng)頁中最流行的動(dòng)畫是flash動(dòng)畫。flash動(dòng)畫一般具有文件容量小、傳輸速度快、不失真、邊下載邊播放的特點(diǎn)，還具有交互性優(yōu)勢(shì)。flash動(dòng)畫具有嶄新的視覺效果，已經(jīng)成為一種流行的藝術(shù)表現(xiàn)形式。1/13/2023312.4音頻實(shí)際上，在internet中運(yùn)用最早和最多的多媒體文件就是音頻文件。web網(wǎng)頁上使用的音頻文件類型也比視頻文件類型要豐富得多，目前，網(wǎng)絡(luò)上的音頻文件得到了空前的應(yīng)用，而且類型多樣。mp3具有壓縮程度高、音質(zhì)好的特點(diǎn)，是目前最為流行的一種音樂文件，在網(wǎng)上有很多可以在線收聽或下載mp3的站點(diǎn)。1/13/2023322.5視頻在網(wǎng)頁中添加視頻文件可以大大增加站點(diǎn)的可讀性，已成為站點(diǎn)多媒體特性的重要體現(xiàn)?，F(xiàn)在，能夠在網(wǎng)絡(luò)上運(yùn)行的視頻文件類型也日益豐富。avi（.avi）是音頻視頻交錯(cuò)（audiovideointerleaved）的英文縮寫，它是microsoft公司開發(fā)的一種符合riff文件規(guī)范的數(shù)字音頻與視頻文件格式。mpeg文件（.mpeg/.mpg/.dat）是運(yùn)動(dòng)圖像壓縮算法的國(guó)際標(biāo)準(zhǔn)，它采用有損壓縮方法減少運(yùn)動(dòng)圖像中的冗余信息，同時(shí)保證每秒30幀的圖像動(dòng)態(tài)刷新率，已被幾乎所有的計(jì)算機(jī)平臺(tái)共同支持。realvideo文件（.rm/.rmvb）是realnetworks公司開發(fā)的一種新型流式視頻文件格式，它包含在realnetworks公司所制定的音頻視頻壓縮規(guī)范realmedia中，主要用來在低速率的廣域網(wǎng)上實(shí)時(shí)傳輸活動(dòng)視頻影像，可以根據(jù)網(wǎng)絡(luò)數(shù)據(jù)傳輸速率的不同而采用不同的壓縮比率，從而實(shí)現(xiàn)影像數(shù)據(jù)的實(shí)時(shí)傳送和實(shí)時(shí)播放。1/13/2023332.5視頻(續(xù))1/13/202334內(nèi)容概述1.常用術(shù)語2.網(wǎng)頁要素3.網(wǎng)站建設(shè)流程本章將介紹網(wǎng)絡(luò)、網(wǎng)站和網(wǎng)頁的一些基本知識(shí)，為后續(xù)內(nèi)容的學(xué)習(xí)奠定一個(gè)初步基礎(chǔ)。1/13/2023353.網(wǎng)站建設(shè)流程3.1前期策劃3.2網(wǎng)頁制作3.3網(wǎng)站發(fā)布3.4網(wǎng)站推廣3.5后期維護(hù)1/13/2023363.1前期策劃無論是大的門戶網(wǎng)站還是只有少量頁面的個(gè)人主頁，都需要做好前期的策劃工作。明確網(wǎng)站主題、網(wǎng)站名稱、欄目設(shè)置、整體風(fēng)格、所需要的功能及實(shí)現(xiàn)的方法等，這是制作一個(gè)網(wǎng)站的良好開端。網(wǎng)站必須有一個(gè)明確的主題。網(wǎng)站必須有一個(gè)容易讓用戶記住的名稱。網(wǎng)站欄目設(shè)置要合理。網(wǎng)站必須有自己的風(fēng)格。1/13/2023373.2網(wǎng)頁制作在前期策劃完成后，接著就進(jìn)入網(wǎng)頁與制作階段。這一時(shí)期的工作按其性質(zhì)可以分為3類：頁面美工設(shè)計(jì)靜態(tài)頁面制作程序開發(fā)1/13/2023383.3網(wǎng)站發(fā)布發(fā)布站點(diǎn)前，必須確定網(wǎng)頁的存儲(chǔ)空間。如果自己有服務(wù)器，配置好后，直接發(fā)布到上面即可。如果自己沒有服務(wù)器，則最好在網(wǎng)上申請(qǐng)一個(gè)空間來存放網(wǎng)頁，并申請(qǐng)一個(gè)域名來指定站點(diǎn)在網(wǎng)上的位置。發(fā)布網(wǎng)頁可直接使用dreamweavercs3中的“發(fā)布站點(diǎn)”功能進(jìn)行上傳。對(duì)于大型站點(diǎn)的上傳一般都使用ftp軟件，如leapftp、cuteftp等，使用這種方法上傳下載速度都很快。1/13/2023393.3網(wǎng)站發(fā)布-建站方式3.3.1實(shí)體主機(jī)3.3.2主機(jī)托管3.3.3虛擬主機(jī)1/13/2023403.6.1實(shí)體主機(jī)

自行購(gòu)買和建設(shè)服務(wù)器主機(jī)，然后向isp(internet服務(wù)提供商)申請(qǐng)連接internet的專線和網(wǎng)址。這種方案的主動(dòng)權(quán)較大，可以隨意增加服務(wù)項(xiàng)目，功能最豐富。通過專線，主機(jī)將成為網(wǎng)絡(luò)中的一個(gè)節(jié)點(diǎn)，網(wǎng)絡(luò)中的用戶可以隨時(shí)訪問主機(jī)。不過該方案的弊端也很多，僅購(gòu)買服務(wù)器主機(jī)和每個(gè)月昂貴的