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

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

3、視圖 它采用表格的形式對(duì)一個(gè)站點(diǎn)進(jìn)行分析，并管理站點(diǎn)文件。9/4/2022導(dǎo)航視圖 導(dǎo)航視圖顯示站點(diǎn)中的文件的一個(gè)樹狀的層次結(jié)構(gòu)圖。9/4/2022超鏈接視圖 在超鏈接視圖中可以形象地看到站點(diǎn)中網(wǎng)頁的相互鏈接情況。9/4/2022任務(wù)視圖 任務(wù)視圖是為完成協(xié)同開發(fā)、維護(hù)而設(shè)計(jì)的。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)頁”命令，建立一個(gè)空白網(wǎng)頁。

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

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

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

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

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

9、割成不同的區(qū)域，每個(gè)區(qū)域稱為一個(gè)框架。每個(gè)框架可以顯示不同的網(wǎng)頁，且可以獨(dú)立操作和更新。因此，框架就是窗口中的窗口。9/4/2022FrontPage編輯器提供了10個(gè)框架網(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)頁，上下兩個(gè)框架作為頁眉和頁腳，中間左邊的框架顯示欄目，中間右邊的框架顯示內(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)頁，兩個(gè)框架彼此獨(dú)立。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)頁，通常兩個(gè)框架彼此獨(dú)立。9/4/2

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

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

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

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

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