HTML5+CSS3+JavaScript+Bootstrap網(wǎng)站開發(fā)技術(shù)（第3版）課件 第11章 網(wǎng)站的發(fā)布與管理_第1頁
HTML5+CSS3+JavaScript+Bootstrap網(wǎng)站開發(fā)技術(shù)（第3版）課件 第11章 網(wǎng)站的發(fā)布與管理_第2頁
HTML5+CSS3+JavaScript+Bootstrap網(wǎng)站開發(fā)技術(shù)（第3版）課件 第11章 網(wǎng)站的發(fā)布與管理_第3頁
HTML5+CSS3+JavaScript+Bootstrap網(wǎng)站開發(fā)技術(shù)（第3版）課件 第11章 網(wǎng)站的發(fā)布與管理_第4頁
HTML5+CSS3+JavaScript+Bootstrap網(wǎng)站開發(fā)技術(shù)（第3版）課件 第11章 網(wǎng)站的發(fā)布與管理_第5頁
已閱讀5頁，還剩27頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

第11章網(wǎng)站的發(fā)布與管理網(wǎng)頁中的meta標記1測試網(wǎng)站2構(gòu)建自己的Web服務(wù)器3在互聯(lián)網(wǎng)上建立Web站點4網(wǎng)站維護5小結(jié)611.1網(wǎng)頁中的meta標記meta即“元信息”,metainformation的縮寫meta標記位于文檔的頭部，即<head></head>標記內(nèi)meta不包含任何顯示內(nèi)容，是一個空標記，它沒有結(jié)束標簽11.1網(wǎng)頁中的meta標記11.1.1name屬性和content屬性name屬性和content屬性用于說明文檔的特性。name的值是要設(shè)置的特性，content值是name內(nèi)容的設(shè)置。name屬性的值可以是任何內(nèi)容，實際的HTML應(yīng)用中存在一些預(yù)定義的值:description：指定頁面的描述keywords：包含由逗號隔開的關(guān)鍵字列表，搜索引擎利用這些關(guān)鍵字索引頁面robots：指示搜索引擎如何搜索該頁面11.1網(wǎng)頁中的meta標記11.1.2http-equiv屬性和content屬性http-equiv屬性和content屬性通常成對使用，用于設(shè)置HTTP頭的值。Web瀏覽器請求頁面時，HTTP頭與請求一起發(fā)送服務(wù)器響應(yīng)請求時，會將HTTP頭與頁面一起發(fā)送回客戶端11.1網(wǎng)頁中的meta標記HTTP頭可以包含更多信息使頁面過期阻止瀏覽器緩存頁面設(shè)置cookies設(shè)置字符編碼設(shè)置默認樣式表語言設(shè)置默認腳本語言11.2測試網(wǎng)站網(wǎng)站測試主要容代碼測試驗證HTML檢查鏈接檢查屏幕分辨率和顏色可訪問性檢驗工具檢查頁面在不同瀏覽器中的顯示效果11.2測試網(wǎng)站11.2.1代碼測試代碼測試用于避免并清除一些常見錯誤，還包括目錄結(jié)構(gòu)和URL方面的問題。1.部分常見錯誤忘掉結(jié)束標記是書寫代碼經(jīng)常犯的錯誤。盡量保證所有標記的屬性值都括在英文半角的引號中。小心處理大小寫。在使用CSS時，應(yīng)使用冒號分隔屬性和值，而不是等于號。使用CSS時，需要注意內(nèi)嵌CSS代碼的格式。使用import導(dǎo)入CSS代碼文件或是使用link鏈接CSS代碼文件的格式是不同的。11.2測試網(wǎng)站2．目錄結(jié)構(gòu)和URL每個網(wǎng)頁中都可能有鏈接到其他頁面的URL，以及使用的圖像、樣式表和外部腳本等本地站點在一個獨立的文件夾中，當我們希望在Web服務(wù)器上測試該站點時，，它的URL與本地站點的URL不同示例中的站點結(jié)構(gòu)11.2測試網(wǎng)站11.2.2驗證HTML可以使用驗證器來檢查HTML標記是否正確關(guān)閉、使用的屬性是否被它的標記支持等。W3C的標記驗證器界面11.2測試網(wǎng)站W(wǎng)3C的標記驗證結(jié)果DreamweaverCS5的站點報告

DreamweaverCS6的站點報告11.2.3檢查鏈接網(wǎng)站設(shè)計完成后，將其在Web上發(fā)布之前，檢查鏈接是非常重要的一個過程。檢查鏈接可以找到斷斷的鏈接、孤立的文件、不存在的資源等內(nèi)容。11.2測試網(wǎng)站W(wǎng)3C的LinkChecker界面W3C的LinkChecker的檢測結(jié)果11.2.4檢查屏幕分辨率和顏色不同計算機的屏幕分辨率可能不同；應(yīng)當在不同的屏幕分辨率下檢查網(wǎng)站，以確保所有文本仍然可讀，并且信息被合理地布局在頁面上。11.2測試網(wǎng)站11.2.5可訪問性檢驗工具利用工具檢查網(wǎng)站的可訪問性AdobeDreamweaverAccessibility是一種常用的檢驗工具在線檢測站點http:///http:///11.2測試網(wǎng)站11.3構(gòu)建自己的Web服務(wù)器要使網(wǎng)站能被訪問就必須把網(wǎng)站的所有文件放到Web服務(wù)器上，構(gòu)建自己的Web服務(wù)器是一種常見的做法。Web服務(wù)器工作機制連接:瀏覽器與Web服務(wù)器建立連接，。請求:瀏覽器向Web服務(wù)器提交請求。應(yīng)答:瀏覽器提交請求后，通過HTTP協(xié)議傳送給Web服務(wù)器。Web服務(wù)器接到后，又通過HTTP傳回給瀏覽器，從而在瀏覽器上顯示出所請求的頁面。關(guān)閉連接:當應(yīng)答結(jié)束后，瀏覽器與Web服務(wù)器必須斷開，以保證其他的瀏覽器能夠與Web服務(wù)器建立連接。Web服務(wù)器模式C/S模式B/S模式將充當服務(wù)器的計算機與互聯(lián)網(wǎng)連接。在服務(wù)器上安裝Web服務(wù)器軟件。制作Web站點，其中主要包括以html作為擴展名的網(wǎng)頁文件。將Web站點放到Web服務(wù)器軟件能訪問的目錄中（文件空間）。發(fā)布URL，瀏覽器可以通過URL訪問Web服務(wù)器。11.3構(gòu)建自己的Web服務(wù)器11.3.1Web服務(wù)器簡介

11.3構(gòu)建自己的Web服務(wù)器11.3.2安裝Web服務(wù)器開源的網(wǎng)絡(luò)服務(wù)器軟件XAMPP，具有Linux和Windows版本，集成了Apache、MySQL、PHP、Perl等軟件；適用于搭建多種服務(wù)器環(huán)境。1.軟件下載及環(huán)境配置http://www.xampp.cc下載11.3構(gòu)建自己的Web服務(wù)器2.啟動XAMPP的Apache服務(wù)器“開始”菜單可以啟動XAMPP控制面板如果在開始菜單中找不到啟動程序，通過到安裝文件夾找到啟動文件也可以啟動XAMPP。在XAMPP控制面板中，單擊軟件模塊后面對應(yīng)的“start”按鈕，就可以啟動服務(wù)器程序。3.測試是否成功開啟XAMPP服務(wù)在瀏覽器地址欄中輸入http://localhost，如果XAMPP安裝成功的話，會打開初始界面。11.4在互聯(lián)網(wǎng)上建立Web站點“虛擬主機”方式將用戶網(wǎng)站上傳到專門的Web服務(wù)器主機服務(wù)提供商的每一臺Web服務(wù)器上通常都放置了很多個網(wǎng)站，但從用戶角度，只能看到自己訪問的網(wǎng)站，所以這些網(wǎng)站的存放方式被稱為“虛擬主機”。域名一個IP地址會對應(yīng)多個網(wǎng)站，輸入IP地址后Web服務(wù)器并不知道你要請求的是哪個網(wǎng)站，Web服務(wù)器可以通過域名信息來識別用戶請求的網(wǎng)站，域名也便于用戶記憶。11.4在互聯(lián)網(wǎng)上建立Web站點11.4.1域名注冊1．域名基礎(chǔ)域名的常識每一臺連接到Internet上的計算機都擁有一個唯一標識的IP地址。國際互聯(lián)網(wǎng)機構(gòu)就使用域名映射IP地址的方法，通過DNS（域名解析系統(tǒng)）將域名解析成IP地址11.4在互聯(lián)網(wǎng)上建立Web站點域名的結(jié)構(gòu)一個完整的域名由兩個或兩個以上的部分組成，各部分之間用英文“．”來分隔。其中，最后一個“．“右邊的部分稱為頂級域名或一級域名，依次往左按“．”分隔的部分分別稱為二級域名、三級域名等。例如，域名，其中cn是一級域名，edu是二級域名，mysite是三級域名。每一級域名控制它下面的域名分配。11.4在互聯(lián)網(wǎng)上建立Web站點域名命名規(guī)范域名包括英文域名和中文域名兩類，英文域名使用更加普遍。英文域名規(guī)范域名由各國文字的特定字符集、英文字母、數(shù)字及“-”（即連字符或減號）任意組合而成，但開頭及結(jié)尾均不能含有“-”。域名中字母不分大小寫。中文域名規(guī)范各級域名長度限制在26個合法字符（漢字，英文a-z，A-Z，數(shù)字0-9和-等均算一個字符）；不能是純英文或數(shù)字域名，應(yīng)至少有一個漢字?！?”不能連續(xù)出現(xiàn)。11.4在互聯(lián)網(wǎng)上建立Web站點2．域名注冊查詢域名注冊用戶注冊域名域名注冊成功后，國內(nèi)域名還需要向CNNIC（中國互聯(lián)網(wǎng)絡(luò)信息中心）提交資料（身份證掃描件）進行審核，需1-2天審核通過后，才真正擁有域名的使用權(quán)。11.4在互聯(lián)網(wǎng)上建立Web站點3.管理域名注冊域名并通過審核后，可以隨時進入萬網(wǎng)網(wǎng)站，輸入用戶名和密碼進行登錄，進入會員中心，以會員身份對已注冊域名進行管理。下圖是已經(jīng)申請的域名的一些信息。域名信息11.4在互聯(lián)網(wǎng)上建立Web站點11.4.2虛擬空間申請?zhí)摂M主機是把一臺運行在互聯(lián)網(wǎng)上的服務(wù)器劃分成多個“虛擬”的服務(wù)器，在同一個硬件實體和操作系統(tǒng)上，運行著為多個用戶建立的不同的服務(wù)器程序，使得各個用戶擁有相對獨立的系統(tǒng)資源。虛擬主機作為網(wǎng)站空間比較適合個人用戶。申請?zhí)摂M主機一般都需要支付一定的費用，初學(xué)者也可以選用申請免費的虛擬主機空間，但是免費的虛擬主機都有一些限制條件。11.4在互聯(lián)網(wǎng)上建立Web站點虛擬主機空間申請的基本過程。注冊用戶虛擬主機申請11.4在互聯(lián)網(wǎng)上建立Web站點11.4.3發(fā)布網(wǎng)站域名和虛擬主機申請完成后，將域名與虛擬主機網(wǎng)站空間綁定，并將網(wǎng)站上傳到虛擬主機所在的服務(wù)器，即可完成網(wǎng)站內(nèi)容的發(fā)布。1.虛擬主機和注冊域名的綁定2.域名的解析3.網(wǎng)站上傳11.4在互聯(lián)網(wǎng)上建立Web站點可以通過多種工具上傳網(wǎng)站（1）使用DreamweaverCS6本身的站點上傳功能

需要輸入FTP的地址、登錄的用戶名和密碼等信息。（2）可以通過瀏覽器以FTP的方式上傳網(wǎng)站到服務(wù)器中上傳之前，需要輸入用戶名和密碼登錄FTP服務(wù)器把本機中的網(wǎng)站文件夾復(fù)制到FTP服務(wù)器窗口中的web文件夾即可。（3）使用CuteFTP或FlashFXP專業(yè)上傳工具11.4在互聯(lián)網(wǎng)上建立Web站點下面是CuteFTP上傳網(wǎng)站的過程。運行CuteFTP，打開FTP設(shè)置在該對話框中輸入相關(guān)信息單擊“連接”按鈕，登錄FTP服務(wù)器選出待傳站點，進行上傳11.5網(wǎng)站維護11.5.1網(wǎng)站的推廣登錄導(dǎo)航網(wǎng)站提交搜索引擎建立友情鏈接投放網(wǎng)絡(luò)廣告發(fā)放廣告郵件利用微信宣傳加強網(wǎng)站建設(shè)11.5.2網(wǎng)站的安全網(wǎng)站程序安全網(wǎng)站內(nèi)容安全信息傳播安全小結(jié)對于有條件建立獨立Web服務(wù)器的用戶，或者網(wǎng)站在局域網(wǎng)內(nèi)運行，以使用xmapp建立Web服務(wù)器為例，介紹了服務(wù)器的搭建過程。這部分內(nèi)容在Web編程課程中也有介紹。通過申請域名和租用虛擬主機公司提供的服務(wù)器空間是發(fā)布網(wǎng)站的常見方式，介紹了域名和虛擬空間的申請過程。需要注意的是，國家要求申請?zhí)摂M主機空間和域名的用戶必須進行實名的身份認證，這個過程需要一定的周期。應(yīng)了解申請域名和租用虛擬主機空間的過程，并能在虛擬主機上發(fā)布自己的網(wǎng)

溫馨提示

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

最新文檔

評論

0/150

提交評論