第八章FrontPage2000網(wǎng)頁制作軟件

第八章FrontPage2000網(wǎng)頁制作軟件重點：FrontPage的六種視圖，表單、超級鏈接、頁面布局、框架。難點：六種視圖，表單，框架。作業(yè)：1-8章在線測試實驗：做一個班級管理網(wǎng)頁8．1FrontPage2000概述FrontPage2000是MicrosoftOffice2000家族的成員之一，它是“所見即所得”的“傻瓜”型網(wǎng)頁制作軟件。使用FrontPage2000制作網(wǎng)頁時，并不要求用戶了解和掌握HTML、Javascript、Vbscript等網(wǎng)頁開發(fā)語言，非專業(yè)人員也能制作出專業(yè)網(wǎng)頁。8．1．1FrontPage2000的主界面“開始/程序/MicrosoftFrontPage”出現(xiàn)FrontPage2000主界面。編輯窗口視圖窗口編輯窗口視圖窗口標題欄、工具欄、狀態(tài)欄與WORD一樣使用，但功能有所差異。視圖窗口：位于主窗口左邊，包括：網(wǎng)頁、文件夾、報表、導航、超鏈接、任務六個視圖。用于完成網(wǎng)站的管理?，F(xiàn)分別介紹如下：網(wǎng)頁：對頁面進行編輯和預覽；文件夾：組織站點中的文件和文件夾；報表：文件和超鏈接的狀態(tài)；導航：顯示網(wǎng)站的導航結構，對頁面進行添加、刪除、移動等操作。超鏈接：顯示來自和轉(zhuǎn)向站點中的每一頁的超鏈接，也可以查看從任何網(wǎng)頁連入及連出至任何網(wǎng)頁的超鏈接。任務：創(chuàng)建和管理任務；不僅可以組織你的工作任務，還可以跟蹤工作細節(jié)。編輯窗口：當處于“網(wǎng)頁”視圖下，使用網(wǎng)頁編輯器可以在網(wǎng)頁中輸入文本，插入組件、多媒體、表格，建立超鏈接等。編輯器的視圖左下方有三個選項卡，代表三種視圖方式：普通、HTML和預覽?！捌胀ā币晥D：編輯器默認的是“普通”視圖，可以像使用WORD那樣排版文字，插入表格、圖像及各種元素?！癏TML”視圖：可以看到編輯器自動生成的HTML代碼，也可以直接輸入HTML代碼?！邦A覽”視圖：是用已經(jīng)安裝的網(wǎng)頁瀏覽器來顯示網(wǎng)頁。如果你的電腦中未安裝網(wǎng)頁瀏覽器，就不能切換到“預覽”視圖方式。使用此視圖主要是查看網(wǎng)頁的實際效果。8．1．2學習FrontPage2000中常用到的術語網(wǎng)頁：是全球廣域網(wǎng)上的基本文檔，用HTML（超文本標記語言）書寫。網(wǎng)頁是站點的一部分?？梢元毩⒋嬖?。HTML：一個網(wǎng)頁包含了HTML標記符，這些標記符是一些嵌入式命令，提供網(wǎng)頁的結構、外觀和內(nèi)容等信息。超鏈接：是從一個網(wǎng)頁指向另一個目的端的鏈接，這個目的端通常是另一個網(wǎng)頁，但它可以是一幅圖片、電子郵件地址、一個文件或一個程序。超鏈接可以是文本或圖片。8．2FrontPage2000的基本操作8．2．1建立站點用鼠標單擊“文件/新建/站點”，出現(xiàn)下列對話框：在列表中列出了8種站點原形。（圖8-9新建站點對話框）選擇“個人站點”原形，再在“指定新站點的位置”輸入你想放入站點的盤符和目錄，“確定”。從“導航”中可以查看站點的結構。（圖8-10站點結構）用鼠標左鍵單擊代表某一頁面的方塊，方塊會變成藍色，再單擊頁面的標題，即可輸入你的標題。就可以更改“導航”中頁面圖表的標題。8．2．2編輯文本在“網(wǎng)頁”編輯器中，對文本的輸入和頁面的編輯，與WORD文字處理一樣。輸入文本雙擊“導航”上想編輯的頁面圖標，就可以輸入文本。2、設置字體 WORD與WORD一樣。3、修飾段落在“網(wǎng)頁”編輯器中，要改變段落，首先將光標移動到要進行改變的段落里。用鼠標左鍵單擊“格式/段落”，在對話框中可以設置：對齊、縮進、段落間距。4、插入注釋注釋只出現(xiàn)在“網(wǎng)頁”編輯器的“普通”視圖方式下，是自己在設計頁面時插入的解釋性文本和對自己提示的信息，訪問者通過網(wǎng)頁瀏覽器瀏覽頁面時，是看不見其中的注釋的。方法：“插入/注釋/輸入注釋/確定”，注釋呈紫色，雙擊該注釋，可以對注釋進行編輯或修改。5、使用水平線“插入/水平線”8．2．3圖片的使用在FrontPage2000中使用圖片與WORD一樣操作。插入圖片單擊插入位置，“插入/圖片”，選擇圖片文件，“確定”。設置圖片的屬性打開一個已經(jīng)插入有圖片的網(wǎng)頁，用鼠標右鍵單擊你要調(diào)整的圖片，將彈出快捷菜單，選擇“屬性”，可以設置：外觀、標簽、更改大小、布局等。改變圖片效果用“圖片”工具，若無“查看/工具欄/圖片”就顯示“圖片”工具。8.2.4創(chuàng)建超鏈接網(wǎng)頁聲的超鏈接一般分為三種：絕對URL的超鏈接相對URL的超鏈接。例如你網(wǎng)頁上的某一段文字或標題鏈接到同一網(wǎng)站的其他網(wǎng)頁上去。同一網(wǎng)頁的超鏈接：使用書簽建立的超鏈接。確在網(wǎng)頁中，一般文字上的超鏈接都是藍色，文字下面有一條下劃線。鼠標移上去會變成手的形狀，單擊就鏈接到相應的網(wǎng)頁上。1、建立與編輯超鏈接（1）建立和編輯頁面間的超鏈接頁面間的超鏈接是在同一個網(wǎng)站內(nèi)的不同頁面之間相互聯(lián)系的超鏈接。打開一個頁面，進入“網(wǎng)頁”編輯器中的“普通”方式下，選擇作為超鏈接的文本，單擊工具欄上的“超鏈接”。URL文本框，可以判斷超鏈接是否鏈接到指定頁面。（2）創(chuàng)建和編輯外部超鏈接創(chuàng)建和編輯外部超鏈接與創(chuàng)建和編輯頁面間的超鏈接方法基本相同。在“網(wǎng)頁“編輯器”“普通”視圖方式下打開一個頁面，用鼠標拖選擇作為外部超鏈接的文本，單擊工具欄上的“超鏈接”。2、建立電子郵件超鏈接創(chuàng)建一個到E-mail地址的超鏈接。在“網(wǎng)頁”編輯器“普通”方式下打開一個頁面，在頁面上，用鼠標超鏈接的文本。工具欄“超鏈接”。創(chuàng)建圖片超鏈接：與文本超鏈接一樣。創(chuàng)建到書簽的超鏈接一般情況下，網(wǎng)頁的長度不要超過三個卷動的文本頁面。創(chuàng)建書簽“插入/書簽”清除書簽創(chuàng)建一個到書簽的超鏈接：選擇文本，單擊右鍵，“超鏈接”，選擇書簽名稱。檢測超鏈接取消超鏈接8．3頁面布局表格和框架是用于網(wǎng)頁布局的常用工具。表格是一種能夠有效描述信息的組織方式，使用表格可以很好地控制網(wǎng)頁布局。表格單元格可以填入：文本、圖形、圖像、視頻等多媒體信息。每個框架顯示一個網(wǎng)頁內(nèi)容。8．3．1在網(wǎng)頁布局中使用表格建立表格插入表格，使用“網(wǎng)頁”編輯器中“表格”菜單上的“插入”命令。也可以使用工具欄上的“插入表格”按鈕。另外，用戶還可以把網(wǎng)頁中已經(jīng)輸入的文本轉(zhuǎn)換為HTML表格。為了把文本轉(zhuǎn)換為表格，首先要在文本中添加分隔符來把文本分行、分列。2、表格區(qū)域的操作與WORD操作一樣。3、行與列的插入單元格的拆分和合并單元格和表格屬性的設置修改單元格屬性：選擇一個或多個單元格，單擊右鍵，選擇“單元格屬性”（圖8-20單元格屬性對話框）修改表格屬性用鼠標單擊任一單元格，單擊右鍵盤，選擇“表格屬性”如下：（圖8-21表格屬性對話框）6、單元格和表格尺寸的改變改變單元格的寬度：拖邊框改變單元格高度：拖上、下邊框和中間單元格線。改變改變表格尺寸：“表格屬性”8．3．2在網(wǎng)頁中使用框架用FrontPage2000中提供的框架模板來創(chuàng)建一個框架式頁面，然后對框架頁面進行填充或修改框架頁面，最后再調(diào)整各個框架的整體布局和屬性。建立框架網(wǎng)頁“文件/新建/網(wǎng)頁”，選擇“框架網(wǎng)頁”標簽，按照提示完成。框架的基本操作選擇框架窗口：單擊要選擇的框架；選擇所有框：把鼠標移動到框架與框架之間的分隔線上，單鼠標變成黑色的左右箭頭后單擊左鍵即可。改變框架的尺寸：同上步，拖動鼠標。拆分框架：按住CTRL拖邊框。刪除框架：單擊框架，單擊框架下的“刪除框架”。在框架窗口中打開網(wǎng)頁：“設置初始網(wǎng)頁”—“創(chuàng)建超級鏈接”—“確定”4、預覽框架網(wǎng)頁“網(wǎng)頁”編輯器對于框架有5種視圖方式：普通:是最常用的預覽方式。HTML：由于該窗口又包含有多個框架窗口，每個框架窗口中的HTML代碼都各自顯示在屬于自己的框架窗口中，而框架大小、形狀將保持不變。框架網(wǎng)頁HTML：顯示的是整個框架的網(wǎng)頁的HTML代碼。無框架：和普通視圖一樣。預覽：網(wǎng)頁直接以瀏覽器瀏覽時的效果顯示出來。5、保存框架網(wǎng)頁：“文件/保存”8．4表單的使用表單是用來采集用戶的輸入信息，從而實現(xiàn)與用戶交互的表格。例如：可以收集用戶個人資料；瀏覽者的反饋意見等。表單主要由：表單域和說明性的文字組成。表單域是用戶輸入或選填的特定區(qū)域。8．4．1創(chuàng)建表單啟動“網(wǎng)頁”編輯器，打開一個網(wǎng)頁；“文件/新建/網(wǎng)頁/常規(guī)”，選擇模板。8．4．2使用表單域FrontPage2000中提供了9種表單域：表單：“插入/表單”，會出現(xiàn)“提交”按鈕和“復原”按鈕。單行文本框：只能讓用戶輸入一行文字。“插入/表單/單行文本框”，有提交和復原按鈕滾動文本框：輸入多行文本復選框：√單選按鈕：⊙下拉菜單：按鈕：圖片：帶圖片的表單域；標簽。8．4．3表單屬性的設置主要是為了設置怎樣處理表單的結果?？梢园Y果發(fā)送給某個頁面、文件系統(tǒng)的文件，也可以把結果發(fā)送給某個E-mail地址。右擊表單域，選擇“表單屬性”，進行設置。8．5測試與發(fā)布站點8．5．1測試站點主頁設計完，并不意味著工作的完成，如果要向全世界發(fā)布，必須對站點進行測試。拼寫檢查拼寫檢查是發(fā)現(xiàn)并糾正網(wǎng)頁中出現(xiàn)的英文單詞拼寫錯誤。切換到“文件夾”視圖下，“工具/拼寫檢查”，在對話框中選擇“整個站點”和“為有拼寫錯誤的網(wǎng)頁添加任務”，單擊“開始”。使用網(wǎng)頁瀏覽器測試站點測試的目的在于確認文本、圖像和聲音是否正確，超級鏈接是否正常達到相應的頁面。一般都是使用InternetExplorer和NetscapeCommunicator者兩種網(wǎng)頁瀏覽期進行測試。測試無誤后可以向全世界發(fā)布站點。8．5．2網(wǎng)站的發(fā)布站點的發(fā)布就是將網(wǎng)頁放在網(wǎng)服務器上。網(wǎng)站發(fā)布的條件：必須連接上網(wǎng)必須在互聯(lián)網(wǎng)上擁有一塊主頁存放空間以保存你的網(wǎng)頁?？梢苑旁谧约旱姆掌魃?，如果是發(fā)布個人主頁，最好申請免費主頁空間。由于某些ISP服務器不支持FrontPage服務器擴展，你最好成績有一個能上傳文件的軟件（如cuteFTP,WS-FTP等），它能將你設計好的網(wǎng)頁由你的計算機上傳到你的ISP所提供的服務器上。使用FrontPage2000發(fā)布站點通過ISP發(fā)布站點，需將站點復制一個裝有FrontPage服務器擴展的ISP服務器上。發(fā)布之前，首先必須連接ISP，然后用“發(fā)布網(wǎng)站”命令復制到ISP。從FrontPage2000中打