第四部分 網頁制作上機實驗?整理ppt上一頁下一頁目錄第四部分是網頁制作上機實驗，包括3個實驗。實驗十一介紹了服務器架構與測試。實驗十二介紹了網站的設計與開發。實驗十三介紹了網站的測試和發布。實驗十一服務器架構與測試實驗十二網站的設計與開發實驗十三網站的測試與發布?整理ppt上一頁下一頁目錄實驗十一服務器架構與測試?整理ppt上一頁下一頁目錄實驗目的預備知識實驗內容及步驟【實驗目的】?整理ppt上一頁下一頁目錄本實驗主要內容是在使用Windows2000Server操作系統的服務器上架構一個Web服務器,主要練習IIS的添加、設置和維護,讓自己設計的網頁能被其他機器訪問。本實驗完成以后建立的Web服務器應該能被其他局域網或Internet上的機器訪問,實驗者完成實驗后應該能獨立組建一個功能簡單的Web服務器。學習Windows

2000

server以及Windows

2000組件的安裝；學習和了解Windows的Internet信息服務的功能及基本知識；了解IP地址的基本概念；了解目錄安全性中的匿名訪問和驗證訪問的概念；了解FTP的基本概念。?整理ppt上一頁下一頁目錄【預備知識】上一頁 下一頁

目錄1.添加IIS服務打開“控制面板”，依次選擇“添加/刪除程序”→“添加/刪除Windows組件”命令，出現如圖11.1所示的界面。在“Internet信息服務”前打上勾，選中后按提示操作即可 完成IIS組件的添加。用這種方法添加的IIS組件中將 包括Web、FTP、NNTP和SMTP4項服務，然后單擊“下一步”按鈕，安裝直至完成。完成后雙擊“控制面板”中的“管理工具”，可以發現多了一個“Internet服務管理器”項。這就說明IIS安裝成功。【實驗內容及步驟】整理ppt圖11.1添加IIS服務?整理ppt上一頁下一頁目錄2.IIS的運行當IIS添加成功之后，單擊“控制面版”→“管理工具”→“Internet服務管理器”圖標，打開IIS管理器，如圖11.2所示。對于有“已停止”字樣的服務，在其上單擊右鍵，選擇“啟動”來開啟。在圖11.2中有3個服務選項，第1個服務“默認FTP站點”是定義文件上傳、下載的FTP站點的；第2個服務“默認Web站點”是用來設置Web站點的；第3個服務“默認SMTP虛擬服務器”是用來作為郵件發送服務器的，在這里不用郵件服務器，所以把該項服務停止掉了。只要該選項后面沒有“已停止”字樣的，則意味著該服務已經運行了。?整理ppt上一頁下一頁目錄圖11.2

Internet服務管理器?整理ppt上一頁下一頁目錄3．服務器設置（1）設置FTP服務器。FTP服務器的作用是用來上傳和下載文件，一般來說Web服務器可以同時作為多個網站的宿主，而且一般Web站點都需要經常修改。所以這些文件的更改一般通過FTP服務器來傳遞。在圖11.2所示的“默認FTP站點”上單擊右鍵，然后在彈出的快捷菜單中選擇“屬性”命令，出現如圖11.3所示的對話框，其中說明如下:①IP地址綁定。單擊圖11.3的“IP地址”右邊的下拉列表框，出現本機IP地址列表，如圖11.4所示，（一般電腦只有一個IP地址，這里在本機網卡上添加了多個IP地址，所以出現多個IP地址）選擇作為本機FTP的服務器地址。②填寫FTP消息。選擇FTP站點屬性的消息選項，如圖11.5所示。?整理ppt上一頁下一頁目錄圖11.3設置FTP服務器FTP服務器名字服務器IP地址綁定同時連接最多機器數量?整理ppt上一頁下一頁目錄圖11.4

FTP的服務器地址設置?整理ppt上一頁下一頁目錄圖11.5

FTP站點消息選項屬性設置?整理ppt上一頁下一頁目錄③設置FTP主目錄。主目錄是FTP文件上傳和下載的服務器中文件夾所在的位置。這里用來上傳Web站點的網頁內容,所以把它設置成服務器中Web站點所在的位置。選擇屬性窗口的“主目錄”選項,出現如圖11.6所示的對話框。在該選項卡中一般需要設置本地路徑和用戶權限,一般用來作為Web站點的FTP服務器需要設置成寫入權限。?整理ppt上一頁下一頁目錄圖11.6

FTP服務器中文件夾位置設置單擊“瀏覽”按鈕,選擇文件夾權限設置?整理ppt上一頁下一頁目錄④設置FTP目錄的安全帳號。一般用作Web站點管理的FTP不能使用匿名訪問,所以需要設置專門的用戶名和密碼。選擇“安全帳號”選項,出現如圖11.7所示的對話框。?整理ppt上一頁下一頁目錄圖11.7

FTP服務器的安全帳號設置單擊“瀏覽”按鈕,出現如圖11.8所示的對話框?整理ppt上一頁下一頁目錄在圖11.8中選擇一個讓某個用戶操作的用戶名,單擊“確定”按鈕就可以了。至此,可以在IE瀏覽器中鍵入“”來測試FTP服務器是否建立成功,可以在任何能連接到該服務器的機器上和操作本地硬盤一樣操作該文件夾。登錄效果如圖11.9所示。圖11.8

FTP服務器用戶設置?整理ppt上一頁下一頁目錄上一頁 下一頁

目錄歡迎消息服務器文件夾內容圖1?1整.理9ppt登錄FTP界面（2）設置Web服務器。比如本機的IP地址為,自己的網頁放在D:\Wy目錄下,網頁的首頁文件名為index.htm,現在想根據這些建立好自己的Web服務器。對于此Web站點,用現有的“默認Web站點”來做相應的修改后,就可以輕松實現。先在“默認Web站點”上單擊右鍵,選擇“屬性”命令,彈出“默認Web站點屬性”對話框,如圖11.10所示。?整理ppt上一頁下一頁目錄圖11.10默認Web站點屬性對話框?整理ppt上一頁下一頁目錄①修改綁定的IP地址。選擇“Web站點”選項,在“IP地址”的下拉列表中選擇所需用到的本機IP地址“”（與FTP的域名綁定相似,此處略）。②修改主目錄。選擇“主目錄”選項,在“本地路徑”欄輸入（或單擊“瀏覽”按鈕選擇）好自己網頁所在的“d:\web\jsj”目錄（主目錄設置與FTP的主目錄設置相似）,如圖11.11所示。如果在網站中用到了ASP等動態網頁的技術,還要創建應用程序,方法是單擊“創建”按鈕,然后在“應用程序保護”中選擇“中（共用的）”。創建應用程序后,在網站中就可以使用一些BBS論壇了。?整理ppt上一頁下一頁目錄點主目錄屬性設置上一頁 下一頁

目錄創建應用程序選擇中（共用的）此項一般不能選圖11.11默認?整W理epbp站t③添加首頁文件名。選擇“文檔”選項,再單擊“添加”按鈕,根據提示在“默認文檔名”欄中輸入自己網頁的首頁文件名“Index.htm”或其他名稱。當Web訪問者訪問Web站點時,系統會自動從上到下依次尋找圖11.12所示的文件,如果找到某個文件則把該文件當作Web站點的首頁來處理。也可以選擇某個文件名,然后把它刪除,如圖11.12所示。?整理ppt上一頁下一頁目錄圖11.12默認Web站點文檔選項?整理ppt上一頁下一頁目錄④添加虛擬目錄。比如,主目錄在“D:\Wy”下,只要輸入“/test”的格式就可調出“E:\All”中的網頁文件,這里面的“test”就是虛擬目錄。操作方法是在“默認Web站點”上單擊右鍵,選擇“新建”→“虛擬目錄”,依次在“別名”欄中輸入“test”,在“目錄”欄中輸入“E:\All”后,再按提示操作即可添加成功。⑤效果的測試。打開IE瀏覽器,在地址欄輸入“”之后再按回車鍵,此時就能夠調出你自己網頁的首頁,則說明設置成功。?整理ppt上一頁下一頁目錄實驗十二網站的設計與開發?整理ppt上一頁下一頁目錄實驗目的預備知識實驗內容及步驟【實驗目的】?整理ppt上一頁下一頁目錄掌握使用Frontpage制作Web頁面的基本方法,掌握在設計頁面時圖片、文字、書簽及背景音樂等基本對象的插入以及超級鏈接的創建技巧。通過設計學校一個部門網站的過程掌握網站設計與開發的全過程。了解如何新建一個站點和主頁并保存它們；了解各種視圖,包括“網頁”、“文件夾”、“超鏈接”等視圖及其應用；了解文本、圖片及背景音樂等對象的插入；了解各種鏈接的創建方法。?整理ppt上一頁下一頁目錄【預備知識】上一頁 下一頁

目錄1.網站規劃總體設計。網站設計首先要確定開發網站的目的和定位。確定開發網站是為了商業目的還是非盈利性目的以及確定網站的用戶群（登錄網站的對象）和網站的主要功能，確定網站的發展規模和發展前景。在本實驗中以規劃設計某學校計算機部門網站為例。首先，確定該網站的性質是非盈利性部門門戶網站，網站主要面向校內師生；同時根據校內學生人數確定同時瀏覽網頁人數一般在500～1000人之間，所以網站屬于一個中小型網站。功能劃分。根據以上分析服務器采用了Windows2000Server操作系統，并且簡單劃分功能如圖12.1所示。【實驗內容及步驟】整理ppt圖12.1網站結構圖?整理ppt上一頁下一頁目錄（3）確定風格和總體布局。總體決定采用藍色基調；首頁劃分成3大塊、5小塊,其中頁面頂端是部門LOGO,LOGO下是頁面導航欄,中間部分是主要新聞版塊和學生優秀作業展臺,最下面是其他網站的鏈接,如圖12.2所示。?整理ppt上一頁下一頁目錄圖12.2網站主頁效果圖?整理ppt上一頁下一頁目錄（4）圖片內容收集。在IE的地址欄中輸入,打開google網站,在搜索欄中輸入“圖片素材”或“網頁素材”,尋找各類所需材料并下載到本地硬盤中。比如在中華網的“主頁工場”里就有很多素材,如圖12.3所示就是中華網的“主頁工場”的頁面,大家可以在這里下載很多所需的圖片。?整理ppt上一頁下一頁目錄圖12.3網頁素材頁面?整理ppt上一頁下一頁目錄圖片、動畫處理和制作。一般圖片和動畫在大小、色彩等方面都不符合自己需要,所以一般對圖片和動畫都需要進行處理。大家試用Photoshop或Windows自帶的畫圖工具制作一個網站logo圖片；再到網上搜索一個能放在頂端的大小適中的gif動畫,有基礎的同學試用flash等動畫制作工具制作一個簡單的動畫。具體文本內容收集。把設計網站用到的所有內容都要輸入到電腦中,并按照網站的不同功能模塊分類保存起來。鏈接地址收集。收集常用的網址并保存到記事本中。頁面鏈接確定。計劃設計首頁鏈接如圖12.4所示。?整理ppt上一頁下一頁目錄圖12.4頁面鏈接關系圖?整理ppt上一頁下一頁目錄2.網站具體實現（1）新建站點和網頁。單擊任務欄“開始”按鈕，選擇“程序”命令，選擇“MicrosoftFrontpage”命令，啟動MicrosoftFrontpage應用程序。然后選擇文件菜單中的“新建”→“站點”，單擊“只有一個網頁的網站”圖標，如圖12.5所示。?整理ppt上一頁下一頁目錄圖12.5新建站點?整理ppt上一頁下一頁目錄圖12.6布局工具欄（2）繪制總體布局。打開工具欄中的表格工具欄,如圖12.6所示。分別用布局工具和布局單元格工具繪制如圖12.7所示的總體布局。?整理ppt上一頁下一頁目錄圖12.7總體布局圖?整理ppt上一頁下一頁目錄（3）文本內容和背景圖片的添加和編排。圖片導入:在文件夾視圖下，選中image文件夾，再選擇“文件”菜單中的“導入”命令，在導入對話框中單擊“添加文件”按鈕，把收集到的圖片導入到“image”文件夾中，如圖12.8和圖12.9所示。導入圖片后就可以插入圖片和編排圖片了。選擇“插入”菜單中的“圖片”→“來自文件”命令，然后選擇要插入的圖片，單擊確定就插入了圖片。如圖12.10和圖12.11所示。插入圖片后在圖片上單擊右鍵，選擇圖片屬性就可以設置圖片格式了。在圖片對話框中可以更改圖片的大小、給圖片加邊框等等操作，如圖12.12所示?整理ppt上一頁下一頁目錄圖12.8導入文件對話框?整理ppt上一頁下一頁目錄圖12.9選擇要導入的文件?整理ppt上一頁下一頁目錄圖12.10插入圖片?整理ppt上一頁下一頁目錄圖12.11選擇圖片?整理ppt上一頁下一頁目錄圖12.12圖片格式編排?整理ppt上一頁下一頁目錄一般插入的圖形總是和文本在一起的,所以調整圖形和文本的對齊方式很重要。在默認情況下,圖形自動與文本的底部對齊,如圖12.13所示,這個網頁,由于默認的對齊效果,頁面出現了大量的空白。?整理ppt上一頁下一頁目錄圖12.13圖文沒有對齊調整前?整理ppt上一頁下一頁目錄圖12.14圖片屬性這時就要調整圖形的對齊屬性。在圖形上單擊鼠標右鍵,選擇“圖片屬性”,如圖12.14所示,選擇“外觀”選項卡,如圖12.15所示。?整理ppt上一頁下一頁目錄圖12.15外觀選項卡?整理ppt上一頁下一頁目錄圖12.16圖片對齊方式設置為左對齊后的效果把對齊方式調整為“左對齊”,效果如圖12.16所示。使用圖形可以使網頁更加豐富多彩,而且還可以用圖形來建立超鏈接,使網頁相互聯系起來呢。?整理ppt上一頁下一頁目錄（4）設置鏈接。在網頁里,把這種點擊后會進行頁面切換的網頁界面元素叫超鏈接。先來看一下用文字來建立鏈接。首先創建一個指向站點內其他網頁的超鏈接。選擇“插入”菜單的“超鏈接”命令,如圖12.17所示。在文件列表框內選擇“頁面1.htm”文件,注意在URL文本框中顯示了該文件的地址。?整理ppt上一頁下一頁目錄插入超鏈接界面圖12.17超鏈接選擇鏈接到的頁面?整理ppt上一頁下一頁目錄單擊“確定”按鈕,超鏈接就設置成功了。切換到預覽模式（單擊“預覽”按鈕 ）,當把鼠標指向“主頁”兩字時鼠標變成手形,單擊它,就切換到主頁了。在普通模式下,把鼠標指向“主頁”兩字時鼠標沒有變成手形,因此不能進行頁面切換。不過如果按住Ctrl鍵,鼠標就變成了手形。這時單擊就可以進行切換了。也就是說在普通模式中按住Ctrl鍵才能激活超鏈接。也可以將超鏈接指向其他站點的網頁。選中作為超鏈接的文本,單擊“常用”工具欄的“超鏈是接”按鈕 ,這和選擇插入菜單的超鏈接命令 一樣的,如圖12.18所示。?整理ppt上一頁下一頁目錄圖12.18普通模式下創建超鏈接?整理ppt上一頁下一頁目錄放在“創建超鏈接”對話框的URL地址欄直接輸入要連接的網頁或網站的地址。如果不清楚要作超鏈接的地址,只要單擊URL地址框后面的 大鏡 就可以用瀏覽器在Internet上查找要鏈接的網頁,Frontpage會自動記錄找到的地址。還可以改變已經設置好的超鏈接。切換到普通模式,在要改變的超鏈接下單擊鼠標右鍵,選擇“超鏈接屬性”命令,輸入新的URL地址就可以了,如圖12.19所示。?整理ppt上一頁下一頁目錄圖12.19更改超鏈接屬性?整理ppt上一頁下一頁目錄”按要想取消超鏈接,刪除所有URL地址框里的內容就可以了。還有一種超鏈接,可以鏈接電子郵件。首先選中要作為超鏈接的文本,一般文本就是你的郵箱地址,單擊“超鏈接”按鈕,單擊“信封 鈕 ,輸入你的郵箱地址,如圖12.20所示。?整理ppt上一頁下一頁目錄圖12.20創建電子郵件超鏈接?整理ppt上一頁下一頁目錄單擊“確定”按鈕,退出對話框,這時超鏈接就建立好了。我們試一下,切換到預覽模式,單擊郵件鏈接,如圖12.21所示。?整理ppt上一頁下一頁目錄圖12.21通過電子郵件超鏈接激活Outlook?整理ppt上一頁下一頁目錄以上講的都是用文本建立超鏈接，怎么用圖形來建立鏈接呢？其實圖形超鏈接和文字超鏈接的制作方法是一樣的，只要在建立超鏈接時選擇圖形就可以了。選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄中的“超鏈接”按鈕，選擇主頁文件“頁面1.htm”，單擊“確定”按鈕。如果在普通模式中，按住Ctrl鍵，單擊箭頭圖形，如圖12.22所示，就跳到主頁頁面了。?整理ppt上一頁下一頁目錄圖12.22創建圖片的超鏈接?整理ppt上一頁下一頁目錄（5）使用表格。①創建表格。在Frontpage的諸多功能中,制表功能也是一個很重要的方面。不僅利用表格顯示一些有規律的數據,而且還經常對表格中的單元格進行調整,在其中放入文本和圖形,達到對網頁進行布局的目的。我們來看看這個網頁,如圖12.23所示,這是在普通模式里的效果。文本被分成左右兩欄了。文本周圍有虛線包圍。這些虛線實際上就是表格的框線,利用表格把網頁分為了左右兩欄。切換到預覽模式,框線沒有了,如圖12.24所示。在普通模式看到的虛線可以便于編輯。由于表格框線的寬度是0,所以它在普通模式里顯示的是虛線,而在瀏覽器里它就不顯示出來。也就是說用一個看不見的表格把文字分開。?整理ppt上一頁下一頁目錄圖12.23表格的普通模式里的效果?整理ppt上一頁下一頁目錄圖12.24表格的瀏覽效果?整理ppt上一頁下一頁目錄格”怎樣創建表格呢？首先把插入點調整到要插入表格的位置，單擊“常用”工具欄“插入表 按鈕 ，拖動鼠標，直到高亮的單元格的行列數與要插入的表格相同為止。這里插入3乘4的表格，也就是3行4列的表格，如圖12.25所示。?整理ppt上一頁下一頁目錄圖12.25

3行4列的表格?整理ppt上一頁下一頁目錄實際上這種方法創建單元格只能將各單元格行高和列寬設置為一樣的,如果要在創建表格時對表格進行設置,可以使用插入表格命令。設置好插入點后,選擇“表格”菜單的“插入”→“表格”命令,將行數設置為3,列數設置為4,將邊框粗細設置為5,將單元格間距設為3,確認指定寬度復選框選中,并選擇單位為百分比,設置百分比為80,使表格寬度為瀏覽器寬度的80%,單擊“確定”按鈕,如圖12.26和圖12.27所示。?整理ppt上一頁下一頁目錄圖12.26插入表格圖12.27調整后的表格?整理ppt上一頁下一頁目錄圖12.28“表格”工具欄新建的表格邊框變粗了。這是因為設置了邊框的粗細為3,另外單元格之間的分割線也變寬了,這是因為設置了單元格間距的結果。上次的設置也自動變為了下一次創建表格的默認設置。還有一種創建表格的方法,可以直接把表格畫出來。選擇“查看”菜單的“工具欄”命令,選擇其中的“表格”選項,這時就會顯示“表格”工具欄,如圖12.28所示。?整理ppt上一頁下一頁目錄圖12.29表格的編輯鈕鈕單擊“手繪表格”按,用拖動鼠標的方法畫一個表格。雙擊鼠標退出畫表格狀態。如果畫錯了就單擊“擦除”按,在要擦除的線條上拖動,這時線條會變紅,放開鼠標,線條就被擦除了,如圖12.29所示。表格工具欄的其他按鈕都與表格菜單的各條命令相對應,它們的使用方法也是一樣的。?整理ppt上一頁下一頁目錄②單元格的控制。創建好表格后,就可以在表格里輸入文本了。一般情況下,直接輸入就可以了。當達到單元格末尾時文字會自動換行。可是在沒有達到末尾時就要換行的話,不是按回車鍵就可以了,因為這樣做就把文本分成了兩個段落,文本的行距就會變大。使用回車鍵的效果,如圖12.30所示。按Shift+Enter鍵,這樣文本就強制換行了。再輸入換行文字,這時行距就正常了,如圖12.31所示。?整理ppt上一頁下一頁目錄圖12.30在表格中輸入文字?整理ppt上一頁下一頁目錄圖12.31在表格中文字的編輯?整理ppt上一頁下一頁目錄單元格里的文本與單元格的對齊方式有時也需要調整。可以用“格式”工具欄的左對齊、居中對齊、右對齊進行設置。在這里介紹一種專門的設置方式。首先單擊要調整格式的單元格,單擊鼠標右鍵,選擇“單元格屬性”命令,彈出單元格屬性對話框,如圖12.32所示,在這里不僅可以設置水平對齊方式還可以設置垂直對齊方式。?整理ppt上一頁下一頁目錄圖12.32表格中文本的對齊方式?整理ppt上一頁下一頁目錄這里把水平對齊方式調整為“水平居中”對齊。單擊“確定”按鈕,文本就水平居中對齊了。還可以把水平和垂直對齊方式組合使用,這樣可以任意的調整對齊方式了,也可以同時選中多個單元格,一起設置對齊方式。有時要對單元格進行某種操作,比如要刪除幾個單元格,首先就要把這些單元格先選中。下面介紹選中單元格的方法。單擊要選中的單元格,插入點就在單元格中了,選擇“表格”菜單的“選定”子菜單,單擊“單元格”命令,單元格就被選中了。選中了一個單元格后,按住Ctrl鍵,單擊其他單元格,這些單元格就被選中了,如圖12.33所示。用這種方法可以選中不連續的單元格。從一個單元連續拖動鼠標可以選中連續的單元格。?整理ppt上一頁下一頁目錄圖12.33選中單元格?整理ppt上一頁下一頁目錄選定單元格后就可以對單元格做操作了。如把幾個連續單元格合成一個單元格。先把單元格一、單元格二選中,執行“表格”菜單的“合并單元格”命令,如圖12.34所示,兩個單元格就合并成為一個單元格了。圖12.34合并單元格命令?整理ppt上一頁下一頁目錄圖12.35拆分單元格也可以把一個單元格分成幾個單元格。把插入點放到要拆分的單元格里,選擇“表格”菜單的“拆分單元格”命令,在“拆分單元格”對話框里可以設置是拆分成行還是列,這里選擇列,并將列數設置為2,單擊“確定”按鈕,這樣一個單元格就被拆分為兩個單元格了,如圖12.35所示。?整理ppt上一頁下一頁目錄在“單元格屬性”對話框里還有一些其他設置。先來看一下設置背景色。選中兩個單元格,單擊鼠標右鍵,選擇“單元格屬性”命令,將背景色改為綠色,如圖12.36所示。?整理ppt上一頁下一頁目錄圖12.36設置單元格的背景色?整理ppt上一頁下一頁目錄圖12.37設置單元格的邊框顏色單元格邊框的顏色也也可以在“單元格屬性”對話框里設置,如圖12.37所示。可以使用這些選項來調整單元格邊框的顏色。也可以為單元格加一個背景,如圖12.38所示。圖12.38設置單個單元格的背景?整理ppt上一頁下一頁目錄圖12.39設置單元格的寬度和高度單元格的寬度和高度也可以指定,如圖12.39所示。?整理ppt上一頁下一頁目錄圖12.40設置單元格的文本換行設置選中不換行選項則文本在單元格內不會換行,如果文本太長單元格的寬度會自動改變,如圖12.40所示。?整理ppt上一頁下一頁目錄用看不見的表格用來排版。激活可見的表格,單擊鼠標右鍵,選擇“表格屬性”,將邊框粗細設為0,如圖12.41所示,單擊“確定”按鈕,切換到預覽模式,表格不見了,如圖12.42所示。因為邊框的粗細剛才設為0了。?整理ppt上一頁下一頁目錄圖12.41設置單元格的邊框粗細圖12.42看不見的單元格顯示效果?整理ppt上一頁下一頁目錄圖12.43表格屬性對話框?整理ppt上一頁下一頁目錄作出立體效果也很簡單。在表格上單擊鼠標右鍵,仍然選擇“表格屬性”命令,將邊框粗細設為5,將亮邊框顏色和暗邊框顏色分別設為銀灰色和灰度,單擊“確定”按鈕,如圖12.44所示。表格的邊框變粗,立體感也加強了,如圖12.45所示。?整理ppt上一頁下一頁目錄圖12.44設置表格的立體效果?整理ppt上一頁下一頁目錄圖12.45表格立體效果圖文本轉化為表格:?整理ppt上一頁下一頁目錄插入交互式懸停按鈕。在“插入”菜單中選擇“交互式按鈕”,此時會出現如圖12.46所示的對話框,在該對話框中可以更改字體、背景、式樣等操作,請大家自己練習。設置背景音樂。一般對于網頁還可以設置網頁的背景音樂,在網頁的任何地方單擊右鍵,在彈出的快捷菜單中選擇“網頁屬性”選項,彈出如圖12.47所示的對話框。單擊瀏覽選擇背景音樂就可以完成背景音樂的設置。?整理ppt上一頁下一頁目錄圖12.46插入交互式懸停按鈕?整理ppt上一頁下一頁目錄圖12.47網頁屬性對話框?整理ppt上一頁下一頁目錄實驗十三

網站的測試與發布?整理ppt上一頁下一頁目錄實驗目的預備知識實驗內容及步驟【實驗目的】?整理ppt上一頁下一頁目錄掌握對網站進行測試,尋找并修改網站錯誤,學會網站的發布。學會申請站點空間和域名,掌握一個站點發布或文件上傳的方法。【預備知識】?整理ppt上一頁下一頁目錄了解站點空間基本知識和網站的性能評價基礎方法；了解域名基礎知識以及域名和空間之間的關系；了解FTP的基本概念和文件上傳、下載的基本概念。【實驗內容及步驟】?整理ppt上一頁下一頁目錄1．網站本地、局域網測試網站發布前要進行細致周密的測試，以保證用戶能正常瀏覽和使用。主要測試內容包括網站穩定性、安全性測試；程序及數據庫測試；網頁兼容性測試，如瀏覽器、顯示器及根據需要的其他測試。測試過程可分為以下三個步驟:（1）在本機上測試網頁在單機上的運行是否穩定，測試網站的鏈接是否正確無誤。經過第一步測試后應該能排除網