第一講網站建設及相關技術_第1頁
第一講網站建設及相關技術_第2頁
第一講網站建設及相關技術_第3頁
第一講網站建設及相關技術_第4頁
第一講網站建設及相關技術_第5頁
已閱讀5頁，還剩41頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

網頁設計與網站建設

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

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

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

isp（internetserviceprovider）是internet服務提供商。用戶只有通過isp才能接入internet，并享受各種服務。isp作為提供接入服務的中介，租用國際信道和大量的當地電話線，購置一系列計算機設備，通過集中使用、分散壓力的方式，向本地用戶提供接入服務。1/13/202391.4ip

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

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

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

www（worldwideweb，萬維網）是在internet的基礎上，由各計算機節(jié)點上的www軟件和超級文本格式的信息文件組成的信息網(主要表現為各個網站及其超級鏈接關系)

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

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

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

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

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

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

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

文本是非常重要的網頁元素之一，是網頁中信息的主要載體。文字、字母、數字和符號等都可以稱為文本。與漂亮的圖像、優(yōu)美的動畫、悅耳的聲音和有聲有色的視頻相比，文本在網頁中似乎是最普通不過了，但文本卻是用戶創(chuàng)建網頁應該考慮的關鍵因素，因為文本是表述信息的最完備的方式，絕大多數信息都是通過文本傳遞給瀏覽者的。1/13/2023292.2圖像

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

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

自行購買和建設服務器主機，然后向isp(internet服務提供商)申請連接internet的專線和網址。這種方案的主動權較大，可以隨意增加服務項目，功能最豐富。通過專線，主機將成為網絡中的一個節(jié)點，網絡中的用戶可以隨時訪問主機。不過該方案的弊端也很多，僅購買服務器主機和每個月昂貴的

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論