中文FrontPage2000知識教學(xué)課件

1、中文FrontPage2000 第一節(jié)FrontPage2000 介紹 FrontPage2000在FrontPage97的基礎(chǔ)上增添了很多的重要功能。 如：Web管理中的報表視圖功能、更豐富的組件、更完善的數(shù)據(jù)庫連接功能等。同時也去掉了一些重復(fù)的功能，或?qū)⒁恍┕δ茏隽撕喜?。FrontPage2000與FrontPage97相比功能更強(qiáng)大、規(guī)模更小、使用更簡單、操作更方便。9/4/2022一、概述 站點是一個WWW服務(wù)器，或者是服務(wù)器上的一個完整分支。網(wǎng)頁是WWW服務(wù)器上的基本文檔，是用HTML(超文本標(biāo)記語言)書寫的純文本文件。9/4/2022 一個網(wǎng)頁中包含大量HTML標(biāo)記，這些標(biāo)記是一些

2、嵌入式命令，用來對網(wǎng)頁的結(jié)構(gòu)、外觀和內(nèi)容等進(jìn)行描述，瀏覽器則利用這些信息來決定如何顯示網(wǎng)頁。 FrontPage2000不但可以制作單獨的網(wǎng)頁文件，而且還可以管理和維護(hù)一個網(wǎng)站的全部文件及其這些文件之間的關(guān)聯(lián)。9/4/2022二、FrontPage2000的界面和視圖FrontPage2000提供了六種視圖，網(wǎng)頁視圖、 文件夾視圖、報表視圖、 導(dǎo)航視圖、超鏈接視圖 、任務(wù)視圖。9/4/2022網(wǎng)頁視圖 網(wǎng)頁視圖實際上就是網(wǎng)頁編輯視圖，該視圖的主體就是網(wǎng)頁編輯器。9/4/2022文件夾視圖 文件夾視圖用來查看當(dāng)前打開的網(wǎng)站的層次結(jié)構(gòu)，其顯示方式類似于Windows資源管理器。9/4/2022報表

3、視圖 它采用表格的形式對一個站點進(jìn)行分析，并管理站點文件。9/4/2022導(dǎo)航視圖 導(dǎo)航視圖顯示站點中的文件的一個樹狀的層次結(jié)構(gòu)圖。9/4/2022超鏈接視圖 在超鏈接視圖中可以形象地看到站點中網(wǎng)頁的相互鏈接情況。9/4/2022任務(wù)視圖 任務(wù)視圖是為完成協(xié)同開發(fā)、維護(hù)而設(shè)計的。9/4/2022三、網(wǎng)頁編輯器(Editor) 網(wǎng)頁編輯器是網(wǎng)頁制作的主要場所，它具有普通視圖、HTML視圖、框架網(wǎng)頁HTML視圖、預(yù)覽視圖等。普通視圖類似于word的頁面視圖，在普通視圖中制作網(wǎng)頁很像在word中編輯文檔。9/4/2022四、制作網(wǎng)頁的步驟(1）打開“文件”菜單下的“新建網(wǎng)頁”命令，建立一個空白網(wǎng)頁。

4、(2）在這個網(wǎng)頁中，可以像在word中那樣鍵入文字，用“格式工具欄”上的工具按鈕設(shè)置字體、字號、字形、對文字進(jìn)行排版、設(shè)置對齊方式等。(3）插入各種網(wǎng)頁元素，如圖片、表格、控件、腳本等。(4）將網(wǎng)頁保存到磁盤上。網(wǎng)頁文件的擴(kuò)展名通常為.htm或.html，但對于比較特殊的網(wǎng)頁，擴(kuò)展名可以是.asp、.idc等。9/4/2022第二節(jié)網(wǎng)頁修飾一、使用水平線如果經(jīng)常瀏覽別的網(wǎng)站,可能會注意到,許多網(wǎng)頁上都有一些風(fēng)格各異的水平線，這些水平線用于將網(wǎng)頁分為幾個部分，以加強(qiáng)網(wǎng)頁的可讀性。9/4/2022 在網(wǎng)頁中插入水平線的基本步驟是:首先把插入點移動到要插入水平線的地方，然后使用“插入”菜單上的“水平

5、線”命令插入水平線，之后按步驟設(shè)置水平線的屬性。9/4/2022二、使用圖片 為了豐富網(wǎng)頁畫面，除了對版面格式、字體、背景等屬性進(jìn)行精心布局外，用圖片作為裝飾也是必要的。9/4/2022 在網(wǎng)頁視圖模式下，將插入點放置到要插入圖片的位置。單擊“插入”菜單下的“圖片”選項，即可像在WORD中那樣將圖片插入網(wǎng)頁中。網(wǎng)頁中可以使用的文件包括剪貼畫，各種圖形文件，視頻剪輯等。9/4/2022三、使用超鏈接 超鏈接又稱為超級鏈接，它可以從一個網(wǎng)頁鏈接到另一個目標(biāo)文件，而目標(biāo)文件可以在當(dāng)前站點上，也可以在INTERNET中的其他站點上；目標(biāo)文件可以是HTML文檔，也可以是一幅圖片、電子郵件地址或者一個程序

6、。用作鏈接點的內(nèi)容(錨)可以是文本或者圖片。9/4/2022四、使用圖像映射(ImageMap) 在GIF格式的圖片上可以添加熱點。熱點是GIF格式圖片上的一個小區(qū)域,可以在熱點區(qū)域上定義超鏈接。當(dāng)網(wǎng)頁訪問者將鼠標(biāo)放到熱點上時,超鏈接的URL將顯示在瀏覽器狀態(tài)欄上,單擊熱點時,將訪問熱點上的URL所鏈接的目標(biāo)。熱點區(qū)域可以是矩形、圓形或者多邊形。9/4/2022 有一個或多個熱點的圖形就稱為圖像映射，圖像映射通常用來進(jìn)行圖形化的網(wǎng)頁導(dǎo)航。例如:在一幅地圖上定義圖像映射，可以將城市所在地定義為熱點，并鏈接到對應(yīng)城市介紹的網(wǎng)頁上。9/4/2022創(chuàng)建圖像映射的步驟 先將一幅GIF格式圖片插入網(wǎng)頁中

7、，并在網(wǎng)頁視圖模式下選擇該圖片，然后按步驟創(chuàng)建熱點，并定義熱點的超鏈接。9/4/2022五、使用表格 用HTML制作表格是一項非常煩瑣的工作,但使用FRONTPAGE編輯器來制作表格則非常容易、非常方便,可以很方便地插入表格,還可以自己畫表格,甚至可以把網(wǎng)頁上的文本轉(zhuǎn)為表格,所有這些操作都和用WORD制作表格非常相似。表格的編輯也和WORD文檔的編輯相似。9/4/2022六、設(shè)置主題 設(shè)計站點的風(fēng)格，包括很多方面的內(nèi)容，比如：文本的字體字號、頁面的背景圖片、按鈕的形式、水平線和項目符號等等都要考慮。這么多要設(shè)計的內(nèi)容，雖然不一定每一頁都要單獨考慮，但至少要使整個網(wǎng)站具有一個統(tǒng)一的風(fēng)格才好。9/

8、4/2022設(shè)計站點主題的方法首先單擊“格式”菜單的“主題”命令，打開“主題”對話框，在“將主題應(yīng)用到”下拉菜單里選擇“所有網(wǎng)頁”選項，在主題列表框內(nèi)選擇應(yīng)用的主題類型，單擊“確定”按鈕。 9/4/2022設(shè)置頁面背景 頁面背景可以是選定的一種顏色，也可以是一個任意大的圖片。 背景顏色的設(shè)計方法如下： 在“格式”菜單里打開“背景”命令，打開“網(wǎng)頁屬性”對話框。9/4/2022 選擇“背景”標(biāo)簽，在“顏色”一欄中分別對背景、文本的顏色做修改。 分別在背景、文本的下拉列表中選擇其中一個顏色選項，單擊“確定”按鈕。9/4/2022第三節(jié)框架網(wǎng)頁 框架網(wǎng)頁是一種特殊的HTML網(wǎng)頁，可用來將瀏覽器視窗分

9、割成不同的區(qū)域，每個區(qū)域稱為一個框架。每個框架可以顯示不同的網(wǎng)頁，且可以獨立操作和更新。因此，框架就是窗口中的窗口。9/4/2022FrontPage編輯器提供了10個框架網(wǎng)頁模塊(1)“標(biāo)題”網(wǎng)頁：上小、下大的兩框架網(wǎng)頁，上面的框架通常顯示導(dǎo)航按鈕，下面的框架通常顯示內(nèi)容。(2)“腳注”網(wǎng)頁：上大、下小的兩框架，上面的框架顯示內(nèi)容，下面的框架作為腳注。9/4/2022(3)“頁腳”網(wǎng)頁 上大、下小的兩框架網(wǎng)頁，下面的框架通常顯示欄目，上面的框架顯示欄目內(nèi)容。9/4/2022(4)“標(biāo)題、頁腳和目錄”網(wǎng)頁 四框架網(wǎng)頁，上下兩個框架作為頁眉和頁腳，中間左邊的框架顯示欄目，中間右邊的框架顯示內(nèi)容。

10、9/4/2022(5)“目錄”網(wǎng)頁 左小、右大的兩框架網(wǎng)頁，左邊的框架通常顯示欄目，右邊的框架顯示欄目的內(nèi)容。9/4/2022(6)“自頂向下的層次結(jié)構(gòu)”網(wǎng)頁 上、中、下流程的三框架網(wǎng)頁，最上面的框架顯示欄目，中間顯示欄目的簡要內(nèi)容，最下面的框架顯示欄目的詳細(xì)內(nèi)容。9/4/2022(7)“垂直拆分”網(wǎng)頁 左、右均分為兩框架網(wǎng)頁，兩個框架彼此獨立。9/4/2022(8)“嵌套式層次結(jié)構(gòu)”網(wǎng)頁 左小、右上小、右下大的三框架網(wǎng)頁。9/4/2022(9)“橫幅和目錄”網(wǎng)頁 上小、下左小、下右大三框架網(wǎng)頁。9/4/2022(10)“水平拆分”網(wǎng)頁 上、下均分的兩框架網(wǎng)頁，通常兩個框架彼此獨立。9/4/2

11、022創(chuàng)建步驟 選擇“文件”菜單的“新建”命令，單擊“網(wǎng)頁”按鈕，選擇“框架網(wǎng)頁”選項卡， 在這里列出了十種框架布局模板，你可以根據(jù)自己的需要選用，單擊“確定”即可。9/4/2022第四節(jié) 表 單(Form)9/4/2022一、創(chuàng)建表單 創(chuàng)建表單的方法是：在“插入”菜單中選擇“表單”項，打開“插入表單”菜單，然后選擇“表單”命令，這將創(chuàng)建一個虛線框中的表單。其中包含了表單必須的兩個按鈕“提交”按鈕和“全部重寫”按鈕?！疤峤弧卑粹o的作用是把表單上的數(shù)據(jù)提交給Web服務(wù)器的表單處理程序，“全部重寫”按鈕的作用是把表單上的數(shù)據(jù)清空，讓用戶重新填寫。9/4/2022 之后，可在表單中(虛線框)內(nèi)插入表

12、單、單行文本框，滾動文本框、復(fù)選框、單選按鈕、下拉菜單、標(biāo)簽、圖片、普通按鈕，構(gòu)成收集信息所需的表單。9/4/2022二、表單模板 FrontPage提供了“表單網(wǎng)頁向?qū)А?、“確認(rèn)表單”、“意見簿”、“意見反饋表單”、“用戶注冊”等表單向?qū)Ш湍０?，使用這些向?qū)Ш兔澹梢苑奖?、快捷地?chuàng)建表單。9/4/2022三、設(shè)置表單屬性 使用表單向?qū)?、模板或表單命令?chuàng)建好表單后，還可以修改表單屬性。表單屬性包括“表單屬性”、“表單域?qū)傩浴眱纱蟛糠?。“表單屬性”定義表單名、表單處理程序、表單的目標(biāo)框架等。“表單域?qū)傩浴卑Q、初始值、顯示尺寸、Tab鍵順序、是否是密碼域、表單有效性驗證條件等。9/4/20

13、22四、指定表單處理程序 表單處理程序位于Web服務(wù)器端，用于處理用戶提交過來的表單上的內(nèi)容，或者發(fā)送確認(rèn)信息給用戶。 根據(jù)所使用的表單處理程序的不同，可以用不同的方式來查看表單的處理結(jié)果。9/4/2022第五節(jié) FrontPage組件 FrontPage組件包括Excel表格、數(shù)據(jù)透視表、圖表、橫幅廣告、記數(shù)器、滾動字幕等，通過簡單的操作即可將這些組件插入到網(wǎng)頁中，而不需要編寫任何程序。9/4/2022一、日期和時間 在網(wǎng)頁的末尾常常要顯示網(wǎng)頁最后更新的日期和時間，該日期和時間可以是靜態(tài)的，每次修改網(wǎng)頁時手工修改顯得比較麻煩，最好的方法是每次修改網(wǎng)頁后能自動更新日期和時間，這可通過一個Jav

14、aScript函數(shù)來實現(xiàn)。9/4/2022 在FrontPage編輯器中，可以更方便地在網(wǎng)頁中插入最后一次修改的日期和時間，方法是：先選擇插入點，然后使用“插入（I）”菜單上的“日期和時間（T）”命令進(jìn)行一系列操作即可。9/4/2022二、注釋 在網(wǎng)頁中插入注釋的方法是：選擇注釋插入點，然后使用“插入（I）”菜單上的“注釋（C）”命令，在注釋對話框的“注釋”文本中輸入注釋文本，最后單擊“確定”按鈕即可。9/4/2022三、懸停按鈕 懸停按鈕是一種用Java Applet來實現(xiàn)的按鈕。在瀏覽器中，當(dāng)鼠標(biāo)放在懸停按鈕上時，按鈕將按預(yù)先的定義改變形狀、顏色等。9/4/2022插入懸停按鈕的方法 先選

15、擇插入點，然后從“插入（I）”菜單上的“組件（O）”菜單中選擇“懸停按鈕（H）”命令，打開“懸停按鈕屬性”對話框進(jìn)行相應(yīng)操作即可。9/4/2022四、字幕 字幕是在瀏覽器中滾動顯示的文字。 制作字幕的方法是：從“插入（I）”菜單中選擇“組件（O）”命令，然后選擇“字幕（M）”，打開“字幕屬性”對話框，然后在“文本（T）”輸入框中輸入作為字幕的文字，選擇顯示的效果、參數(shù)等，即可生成一個能在IE瀏覽器中顯示的字幕。9/4/2022五、站點計數(shù)器 站點計數(shù)器用來記錄網(wǎng)頁被點擊的次數(shù)。 FrontPage中制作計數(shù)器的具體方法是： 選擇好放置計數(shù)器的插入點，在“插入（I）”菜單上選擇“組件（O）”菜單中的“站點計數(shù)器（C）”命令