Dreamweaver網頁設計立體化教程（微課版）（DreamweaverCC2020）項目九測試與發布網站目錄Contents任務一測試“佳美馨裝飾”網站任務二發布“佳美馨裝飾”網站實訓測試與發布“中國皮影”網站現在用戶瀏覽網頁所使用的瀏覽器（如Edge、Chrome、Safari等）的種類非常多，為了使網頁能夠在各種瀏覽器上都能正確的顯示，就需要在不同的瀏覽器上瀏覽網頁，如果在某種瀏覽器上網頁顯示有問題，就需要找到原因并進行改進。因此本任務需要對制作好的網站進行測試。一、任務描述（一）任務背景（1）掌握通過實時預覽功能同時在多個瀏覽器中瀏覽網頁的方法。（2）掌握通過設備仿真功能瀏覽網頁在移動設備中的顯示效果的方法。（二）任務目標二、相關知識（一）實時預覽網頁使用Dreamweaver的實時預覽功能，可以同時在多個瀏覽器中瀏覽正在編輯的網頁，并且當在Dreamweaver中保存網頁時，會立即更新網頁的內容。在Dreamweaver中使用實時預覽功能的方法為：選擇【文件】/【實時預覽】菜單命令，在彈出的子菜單中選擇某個瀏覽器的名稱，即可使用該瀏覽器打開正在編輯的網頁。如果電腦中安裝的瀏覽器在Dreamweaver的編輯器列表中未顯示，可以選擇【文件】/【實時預覽】/【編輯瀏覽器列表】菜單命令，打開“首選項”對話框的“實時預覽”選項卡，單擊其中的“添加”按鈕，在打開的“添加瀏覽器”對話框中輸入要添加的瀏覽器的名稱和應用程序路徑，再單擊“確定”按鈕即可在瀏覽器列表中增加新的瀏覽器。二、相關知識（二）使用設備仿真功能預覽網頁在移動設備中的顯示效果為了確保網頁在各種移動設備中也能正常顯示，還需要預覽網頁在移動設備中的顯示效果。預覽網頁在移動設備中的顯示效果切換移動設備三、任務實施下面在IE瀏覽器和Edge瀏覽器中同時瀏覽“裝修方案精選”網頁，具體操作如下。（一）實時預覽“裝修方案精選”網頁在IE瀏覽器中實時預覽網頁在Edge瀏覽器中實時預覽網頁修改代碼三、任務實施下面在GoogleChrome瀏覽器中預覽“裝修案例”網頁在移動設備中顯示效果，具體操作如下。（二）預覽“裝修案例”網頁在移動設備中的顯示效果切換到移動設備顯示效果在“iPhone?12Pro”中的顯示效果在“iPad?Air”中的顯示效果目錄Contents任務一測試“佳美馨裝飾”網站任務二發布“佳美馨裝飾”網站實訓測試與發布“中國皮影”網站網站制作完成后，還需要將其發布到互聯網中，在發布前，還需要購買域名和網站空間。網站空間相當于一個房屋，用于存放網站內容；而域名則相當于該房屋的地址，有了這個地址，互聯網用戶才能夠找到并訪問網站。一、任務描述（一）任務背景（1）了解域名的相關知識。（2）了解網站空間的相關知識。（3）掌握配置遠程站點并發布網站的方法。（二）任務目標二、相關知識（一）認識域名根據級別的不同，域名可以分為國際域名、國家（地區）頂級域名和國內域名。國際域名全世界通用，其后綴包括用于公司和商業機構的.com、用于網絡服務的.net、用于非盈利性組織的.org、用于政府部門的.gov和用于教育機構的.edu等。國際域名國內域名頂級域名頂級域名是區分不同國家與地區的域名，例如.cn代表中國，.jp代表日本等。這里的國內域名這里特指中國國內域名，以.cn結尾，如.（中國公司和商業機）、.（中國網絡服務）、.（中國非盈利性組織）、.（中國政府部門）、.（中國教育機構）等。二、相關知識（二）認識網站空間網站空間是網站的重要組成部分，是存放網站內容的地方。目前網站空間提供商提供的網站空間主要有虛擬主機和云服務器兩大類型。虛擬主機虛擬主機主要利用虛擬技術將一臺物理服務器劃分成多個“虛擬”服務器，關鍵技術在于，即使在同一臺硬件、同一個操作系統上，運行著多個用戶打開的不同的服務器程序，也互不干擾，并且每一臺虛擬主機的表現和獨立主機并沒有什么差別。云服務器云服務器又稱云主機，是一種簡單高效、安全可靠、處理能力可彈性伸縮的計算服務。云服務器具有獨立的寬帶和IP地址，用戶可以根據需求自主安裝各種操作系統和配置相應的運行環境，可以按需購買，升級也比較靈活。二、相關知識（三）發布網站1．配置遠程信息配置遠程信息可以使Dreamweaver連接到Internet中的主頁空間，為實現將站點文件上傳到主頁空間做好準備，其方法如下。（1）選擇【站點】/【管理站點】菜單命令打開“管理站點”對話框，在列表框中選擇要發布的站點。（2）單擊“編輯當前選定的站點”按鈕，打開“設置站點對象”對話框，在對話框左側選擇“服務器”選項，單擊界面右側的“添加新服務器”按鈕。（3）在打開的對話框中設置服務器的名稱，在“連接方法”下拉列表框中選擇“FTP”選項，在“FTP地址”“用戶名”“密碼”“根目錄”“WebURL”文本框中輸入網站空間服務商提供的相關數據。（4）單擊“測試”按鈕嘗試連接網站服務器，成功后在打開的提示對話框中單擊“確定”按鈕。（5）依次單擊“保存”按鈕完成服務器的遠程信息配置。二、相關知識（三）發布網站2．發布站點成功配置站點的遠程信息后，就可以發布站點。方法為：打開“文件”面板，單擊“展開以顯示本地和遠端站點”按鈕，同時在“文件”面板中顯示本地文件或遠程服務器中的文件，在“本地文件”欄中選擇要上傳的站點，再單擊“上傳”按鈕，將整個站點上傳到遠程服務器中。三、任務實施下面以新網為例介紹注冊域名的方法，具體操作如下。（一）注冊域名輸入域名域名搜索結果界面三、任務實施（一）注冊域名單擊“立即結算”按鈕單擊“創建新模板”按鈕“新建信息模板”對話框三、任務實施（一）注冊域名單擊“提交訂單”按鈕在線支付三、任務實施網上可以購買網站空間的網站比較多，各個網站的申請操作也基本相同，下面在新網上購買網站空間，具體操作如下。（二）購買網站空間單擊“立即購買”按鈕單擊“立即購買”按鈕三、任務實施（二）購買網站空間單擊“提交訂單”按鈕在線支付三、任務實施下面先配置遠程信息使Dreamweaver連接到Internet中的主頁空間，再發布“佳美馨裝飾”站點，具體操作如下。（三）發布站點管理站點編輯站點三、任務實施（三）發布站點添加服務器測試成功設置服務器保存設置三、任務實施（三）發布站點“文件”面板上傳完成確定上傳整個網站目錄Contents任務一測試“佳美馨裝飾”網站任務二發布“佳美馨裝飾”網站實訓測試與發布“中國皮影”網站本實訓需要測試與發布“中國皮影”網站，要求在不同瀏覽器中瀏覽網站主頁，以及在不同移動設備中瀏覽手機版網頁，然后為站點配置正確的遠程信息，并將其上傳至申請的主頁空間。實訓要求實訓?測試與發布“中國皮影”網站本實訓需要對“中國皮影”網站進行測試和發布，在測試時需要使用實時預覽功能瀏覽網頁在不同的瀏覽器中的效果，并且需要使用瀏覽器的設備仿真功能瀏覽網頁在不同移動設備中的顯示效果。測試完成后再配置遠程站點并進行