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

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