1、網頁制作軟件 FrontPage 2003,任務一 制作簡單網頁,任務二：網頁布局及發布、表單的創建,任務一 制作簡單網頁,返回,我們很多人都喜歡上網沖浪，甚至于夢想著有一天自己也能擁有一個個人網站，可是，怎樣制作網站呢？我們可能還從未曾真正的知道,而FrontPage就可以幫助我們完成我們的小小愿望。,任務引入,任務一 制作簡單網頁,返回,學習內容,FrontPage的主要功能。 FrontPage的啟動與退出。 網頁與網站的關系。 FrontPage的三種編輯方式（普通、HTML、預覽）以及三種編輯方式的不同用途。 FrontPage中的6種視圖，即網頁視圖、報表視圖、導航視圖、超鏈接視圖

2、、任務視圖，以及各種視圖的作用和操作特點。 創建站點：了解站點的概念，掌握創建站點的方法。 網頁編輯：新建網頁、打開網頁、設置文字格式、設置網頁屬性、網頁預覽。 插入對象：插入文本、水平線、圖片、字幕、表格等。 超鏈接：創建超鏈接。,FrontPage 2003簡介,在Office 2003套裝軟件中，FrontPage2003已不再是其中的一個組件，而是被分離出來。FrontPage2003的安裝、啟動和退出方法都同Office系列的其它軟件基本相同 。,窗口介紹,FrontPage 2003的視圖,FrontPage 2003提供了六種視圖模式， 即網頁視圖、文件夾視圖、報表視圖、導 航視

3、圖、超鏈接視圖和任務視圖。它們是 用戶進行網站設計的有力工具，靈活運用 視圖模式，將極大地方便設計操作和網站 管理。,一、網頁視圖 網頁視圖為網頁的設計提供了一個工作 場所，可以在這個環境下對網頁進行設計 和修改。 二、文件夾視圖 打開一個網頁后，系統默認是以文件夾 視圖來顯示的，文件夾視圖與Windows中 的資源管理器相似，它能夠顯示當前的 Web中的內容是如何組織的。,三、報表視圖 報表視圖相當于屬性檢查，它能給出當 前網站的有關屬性。靈活應用報表視圖能 夠使用戶方便地了解網頁的屬性，便于把 握和修改網頁。 四、導航視圖 導航視圖清楚地顯示了Web的結構，用 戶可以從中了解到網站中各部分

4、之間的邏 輯關系，它反映了網站的整個脈絡。,五、超鏈接視圖 超鏈接視圖以圖形化的界面顯示了當前 網頁和其他文件之間的超鏈接關系，也可 以顯示網站與網站之間的超鏈接。 六、任務視圖 任務視圖用任務列表的方式對任務進行 管理，操作人員可以把詳細的任務放在任 務列表中，這樣它就會提醒設計人員需要 完成哪些任務，還剩哪些任務沒有完成。,任務一 制作簡單網頁,返回,啟動FrontPage2003 單擊任務欄上的“開始”按鈕，指向“程序”，單擊 “Microsoft FrontPage”啟動FrontPage2003。,任務一 制作簡單網頁,返回,新建站點 選擇“文件”菜單中的“新建”“站點”命令，指定站

5、點的位置，建立站點Web1,FrontPage2003默認建立主頁（index.htm）。,任務一 制作簡單網頁,在站點中新建網頁： 選擇“文件”菜單中的“新建”“網頁”命令，新建網頁。 (默認：New Page 1),返回,任務一 制作簡單網頁,插入水平線：將插入點置于適當位置，使用“插入”菜單中的“水平線”命令插入水平線。右鍵單擊插入的水平線，選擇“水平線屬性”命令，可以在彈出的“水平線屬性”對話框中修改水平線的屬性。,返回,任務一 制作簡單網頁,插入表格： 選擇“表格”菜單中的“插入表格”命令， 或者選擇“表格/手繪表格”命令， 或者使用工具欄中的“插入表格”按鈕，在插入點處建立一個兩列

6、多行的表格，以便下面使用表格定位文字和圖片。,返回,任務一 制作簡單網頁,在表格中插入文字和圖片：選取合適的文字和圖片素材，分別插入到表格的單元格中，調整單元格的寬度和高度屬性直至合適。,返回,任務一 制作簡單網頁,預覽和保存網頁：切換到預覽視圖可以查看網頁的效果。制作完成后，保存網頁為“歷屆奧運吉祥物.htm，注意設置合適的網頁標題。保存后，在瀏覽器中打開并瀏覽該網頁。,返回,任務一 制作簡單網頁,在窗口左側的文件夾列表中，雙擊網頁文件“index.htm”，打開并編輯該網頁文件。輸入標題“歷屆奧運會吉祥物”，利用“格式”工具欄中的“樣式”將其設置為“標題一”，并設“對齊方式”為“水平居中”

7、。,返回,任務一 制作簡單網頁,選擇“插入”菜單中的“水平線”命令，插入水平線。雙擊水平線，在打開的“水平線屬性”對話框中設置其屬性。輸入文字“北京2008奧運吉祥物及歷屆奧運吉祥物”，并在兩段文字后分別插入圖片“福娃貝貝”和“2004年奧運吉祥物”。,返回,任務一 制作簡單網頁,插入超鏈接 第一步：選擇文字“北京2008奧運吉祥物”。 第二步：利用“插入”菜單或右鍵菜單中“創建超鏈接”命令，打開“創建超鏈接”對話框。,返回,任務一 制作簡單網頁,插入超鏈接: 第三步：在“創建超鏈接”對話框中選擇網頁“2008奧運吉祥物.htm”，該網頁在任務二中已創建。 第四步：單擊“確定”按鈕，完成超鏈接

8、的添加。,第五步：為圖片“福娃貝貝”設置超鏈接，指向網頁“2008奧運吉祥物.htm”；為文字“歷屆奧運吉祥物”和圖片“2004年奧運吉祥物”添加超鏈接，鏈接到任務二創建的網頁“歷屆奧運吉祥物.htm”。,返回,任務一 制作簡單網頁,設置圖片“福娃貝貝”和“2004年奧運吉祥物”的屬性。 選中圖片，利用“格式”菜單中的“屬性”或右鍵菜單中的“圖片屬性”命令 打開“圖片屬性”對話框，選擇其中的“外觀”選項卡，修改布局、大小等屬性， 將圖片的對齊方式設置為“相對垂直居中”,返回,任務一 制作簡單網頁,為網頁“2008奧運吉祥物.htm”和“歷屆奧運吉祥物.htm”添加返回“index.htm”的超

9、鏈接,返回,插入交互式按鈕 實現網頁“2008奧運會吉祥物.htm”轉到其他網頁和返回主頁的鏈接。,任務一 制作簡單網頁,返回,任務一 制作簡單網頁,插入滾動字幕 在index.html標題文字“奧運吉祥物”上方插入滾動字幕“奧運會吉祥物的歷史”， 設置為向左滾動。,返回,任務一 制作簡單網頁,添加橫幅廣告管理器 在左上角的位置插入橫幅廣告管理器組件。可以添加多個圖片定時切換， 還可以設置超鏈接,返回,保存網頁，在瀏覽器中查看網頁，并測試超鏈接。,課后作業,1用FrontPage制作一個站點。設置網頁標題欄內容為“我的第一個網頁”，插入水平線，換行后再插入“日期和時間” 2在上題網頁中插入圖片

10、和背景圖片。 3在上題網頁中添加滾動字幕“歡迎光臨本網站”。 4在上題網頁中的滾動字幕下加入一個3行4列的表格，將表格第一行合并，其中加入文字“課程表”。表格邊框粗細為“3”，亮邊框“淺藍色”、暗邊框“藍綠色”。 5在上題的網頁中的表格下輸入文字“有情鏈接”，并將其鏈接到中國教育和科研計算機網 6創建一個包含列表（項目符號）、換行符、及文本的Web頁面。其內容是：描述你的家庭成員。 7創建一個包含圖和書簽超鏈接的反映你家鄉風貌的Web頁面。 8創建一個包含圖、表格和用于接受反饋的E-mail地址鏈接的有關產品介紹的Web頁面。 9選擇一個“插件”加入到上題中。 10創建使用框架的網頁，其中一個

11、框架中包含滾動字幕，內容為“歡迎光臨我的個人主頁”，背景顏色設置成“淺綠色”，方向為“右”，表現方式為“交替”。在另一個框架中添加橫幅廣告、背景音樂及介紹你的母校的文字的Web頁面。并確認至少有一個不可移動的邊界和無滾動條的框架。 11在上題中設置文字“懸停按鈕”和圖片“懸停按鈕”（選擇兩幅圖片）。 12插入一個“站點計數器”加入到上題中。 13將網站發布到本機上。 14聯機上網后測出本機的動態IP地址，并使用其他聯網計算機登錄到你的網站。,任務二：網頁布局及發布、表單的創建,知識技能點,FrontPage2003的表格的創建和使用 FrontPage2003的框架的創建和使用 FrontPa

12、ge2003的表單的創建和使用 FrontPage2003的網頁的發布和維護,返回,王君要為燕山中學校報的網站創建一個介紹關于“中國節日”專題網頁，他已經設計了關于“春節”、“元宵節”、“清明節”、“端午節”的4個網頁，下面要進行工作就是把各個網頁組織在一起，進行整體布局，并創建一個征求反饋意見的網頁，發布在學校的網站上。 王君首先要建立一個帶表格的網頁做為目錄，然后創建一個表單頁面，再通過創建框架把這些網頁進行整體的布局，最后發布到學校的網站上。,返回,任務二：網頁布局及發布、表單的創建,任務引入,初始圖,成形圖,返回,任務二：網頁布局及發布、表單的創建,創建表格網頁,相關知識：表格由行和列

13、交叉所形成的單元格組成。在單元格中可以放置任何對象，例如文本、圖像、表單、FrontPage組件等。利用表格可以有條理地排列數據或者組織網頁布局。表格可以將文本排列成并列的段落，或模擬文本的分欄形式，也可以利用寬度固定的表格在網頁上為文本提供邊界。FrontPage 2003提供了與Word字處理軟件類似的表格處理功能，在網頁中可以輕松地創建和處理表格。,返回,任務二：網頁布局及發布、表單的創建,創建表格網頁,創建方法如下： 使用菜單命令“插入”“表格”，彈出如圖814所示，可以對插入的表格進行精確的設置，包括行和列的數目、邊框尺寸以及單元格寬度等。王君根據實際情況，選擇了大小為4行1列，和背

14、景顏色為水綠色的的表格。然后在插入的表格中輸入文字，并最后在表格屬性中調整表格，完成后的表格頁面如圖815所示。,返回,任務二：網頁布局及發布、表單的創建,創建表格網頁,圖814表格屬性圖,圖815 表格設計完成圖,返回,任務二：網頁布局及發布、表單的創建,創建表格網頁,創建表格還有以下2種方法： （1）可以使用“常用”工具欄中的“插入表格”按鈕，快速地插入表格。 （2）從“表格”菜單中選擇“手繪表格”命令，手動繪制表格。,返回,任務二：網頁布局及發布、表單的創建,創建表格網頁,表格屬性的設置： 對齊方式：可以選擇左對齊、右對齊、水平居中和兩端對齊。該屬性決定表格在網頁中的相對位置。 浮動：可

15、以選擇左對齊、右對齊。該屬性決定表格與其他網頁元素的排列關系，即“文字環繞”效果。 指定寬度和高度：設置表格的大小。可以使用絕對大小“像素”或相對大小“百分比”。 單元格襯距：設置表格線與表格內容的距離。 單元格間距：設置兩個相鄰單元格邊框的距離 邊框：粗細以像素為單位，可以選擇合適的邊框顏色。 背景：可以指定背景顏色或背景圖像。,任務二：網頁布局及發布、表單的創建,創建表格網頁,表格屬性的設置： 創建表格后，可以對表格單元格、行和列的布局和結構進行調整，具體操作有：調整行、列或單元格；插入行、列或單元格；刪除行、列或單元格；合并、拆分單元格；平均分布行高、列寬；設置單元格屬性等。在“單元格屬

16、性”對話框中，可以設置單元格中內容的布局，精確定義單元格的寬度、高度，確定單元格的背景以及邊框的顏色等。 王君完成了一個表格網頁的設計，接著要做的工作就是利用表單設計一個反饋網頁。,返回,任務二：網頁布局及發布、表單的創建,創建表單網頁,相關知識：表單與網站之間的關系在概念上類似于表格與紙張之間的關系，不同之處在于使用表單可以與網站訪問者交互以及從訪問者那里收集信息。用戶在表單中輸入數據然后提交給Web服務器，例如在表單中輸入姓名及密碼，服務器根據輸入通過腳本進行判斷是否允許登錄。通常可以使用網站上的表單來完成以下典型任務： 從網站訪問者那里檢索聯系信息（例如，留言簿）；接受訂單并收集交貨與收

17、費信息；用戶登錄網站。,返回,任務二：網頁布局及發布、表單的創建,創建表單網頁,創建表單 首先在需要添加表單的位置單擊；然后，單擊“插入”單，鼠標指向“表單”，在出現的子菜單中單擊“表單”，如圖816所示。在FrontPage 2003中，有文本框、文本區、分組框、復選框、選項按鈕、文件上載、下拉框、高級按鈕、圖片、標簽等幾種表單域。,插入表單圖,返回,任務二：網頁布局及發布、表單的創建,創建表單網頁,王君根據實際情況，要獲得反饋者的姓名、性別、建議等信息。分別了插入“文本框”、“選項按鈕”和“文本區”表單域。其操作步驟如下： 首先輸入文字“姓名”，在其后插入“文本框”表單域，然后輸入文字“性

18、別”，在其后插入兩個“選項按鈕”表單域，并在對應的“選項按鈕”位置輸入文字“男”，“女”，最后輸入文字“建議”，并在其后插入“文本區”表單域。完成如圖所示。,返回,任務二：網頁布局及發布、表單的創建,創建表單網頁,表單頁設計圖 這樣，就設計完成了一個利用表單創建的頁面。,返回,任務二：網頁布局及發布、表單的創建,創建表單網頁,FrontPage 2003提供的常用的幾種表單域的功能 【文本框】用于讓瀏覽者輸入一行文字，這些文字就是此表單域的取值。 【文本區】用于讓瀏覽者輸入多行文字，這些文字就是此表單域的取值。 【文件上載】用來上載一份文件。瀏覽者輸入一個文件名稱或者使用按鈕定位這個文件。 【

19、復選框】用來提供多個互不排斥的選項。復選框可以單個出現，也可以成組出現。在選擇時，可以選擇多個，也可以都不選。不同的復選框可以共用一個表單域名稱。復選框的取值由復選框的選擇狀態來決定，每個復選框都對應于一條提交的名稱和取值信息。 【選項按鈕】通常成組使用，用來提供一組互相排斥的選項。在選擇時只能選擇其中一項。單選按鈕不僅具有表單域名稱，而且同組的單選按鈕還必須具有相同的組名。在提交表單時，每組單選按鈕中只傳遞選中的單選按鈕的名稱和取值的組合。,返回,任務二：網頁布局及發布、表單的創建,創建表單網頁,FrontPage 2003提供的常用的幾種表單域的功能 【分組框】帶標題的方框區域，包含一組相

20、關的字段。 【下拉框】提供一個選項列表，供瀏覽者從中選擇需要的選項。一般情況下，瀏覽者只能從中選擇一項，但通過修改其屬性，也可以選擇多項。 【按鈕】一個表單中至少要有2個按鈕：提交（Submit）按鈕和重置（Reset）按鈕。提交（Submit）按鈕用來把瀏覽者在表單上所填寫的數據發送給Web服務器上的表單處理程序進行處理。重置（Reset）按鈕用來把表單上的數據全部清 空重新填寫。在FrontPage 2000中還有一種屬性為“普通”的按鈕。 【高級按鈕】與普通按鈕的功能一樣，只是其上面能夠顯示HTML內容。 【圖片】實際上是一個由圖片表示的提交按鈕。當單擊圖片按鈕時，把表單數據和點擊的位置

21、信息發送給服務器。 【標簽】通常意義上的標簽是指在表單域旁邊的說明性文字，沒有可擊性。這里所說的標簽是一種具有可擊性的標簽。通過單擊這類標簽，可以將輸入焦點移到此標簽所對應的表單域中。,返回,任務二：網頁布局及發布、表單的創建,創建表單網頁,提交表單的設置： Web服務器怎樣獲取客戶在表單中填寫的信息呢？當客戶單擊“提交”按鈕后，Web服務器用表單處理程序來處理表單上的信息，表單處理程序可以是注冊組件，也可以是自定義的ISAPINSAPI應用程序或CGI腳本等。 表單處理程序位于Web服務器端，用于處理客戶提交過來的表單上的內容，或者發送確認信息給客戶。 要指定表單處理程序，在表單上單擊鼠標右

22、鍵，在彈出的菜單中選擇“表單屬性”命令，打開“表單屬性”對話框，如圖所示。,返回,任務二：網頁布局及發布、表單的創建,創建表單網頁,設置表單屬性圖 王君完成了一個利用表單創建的反饋網頁的設計，接著要做的工作就是利用框架把所設計的這些網頁整合在一起，形成一個完整的關于“中國節日”的主題網站。,返回,任務二：網頁布局及發布、表單的創建,創建框架,相關知識：框架是一種特殊的網頁技術，含有框架的網頁是一種特殊的網頁，一般稱為框架網頁。使用框架后，整個網頁被分割成幾個區域，每個區域稱為一個框架窗口，任何一個框架窗口單獨顯示一頁。框架窗口可以作為超鏈接的窗口，當瀏覽者點擊一個超鏈接時，該超鏈接的目標窗口便

23、可以是目標框架窗口，而不是整大體上瀏覽器的窗口。框架技術是有效架構網頁結構和合理展示信息的工具，也為瀏覽者提供了方便和友好的界面。本章將結合實例以詳細的操作步驟介紹在網頁中使用框架的基本方法和技能。通過本章的學習，讀者應該理解框架網頁的基本概念，掌握框架網頁的創建、編輯和保存以及框架屬性和框架網頁超鏈接的設置等內容。,返回,任務二：網頁布局及發布、表單的創建,創建框架,1創建框架 在“文件”框的“新建”子框中選擇“網頁”命令，打開“新建”對話框；如圖819所示。,圖8 19新建對話框圖,返回,任務二：網頁布局及發布、表單的創建,創建框架,選擇其中“其他網頁模板”命令，彈出“網頁模板”對話框，如

24、圖820所示。,圖820 網頁模板圖,返回,任務二：網頁布局及發布、表單的創建,創建框架,王君根據實際情況，選擇“橫幅和目錄”的框架網頁，打開如圖821 所示。,圖821 “橫幅和目錄”的框架網頁圖,橫幅區,網頁內容區,目錄區,返回,任務二：網頁布局及發布、表單的創建,創建框架,2創建框架超鏈接 一個新的框架網頁不包含任何內容，FrontPage 2003將在每個新框架中顯示和兩個按鈕，單擊前一按鈕可以從站點中選擇已準備好的網頁，單擊后一按鈕可以在框架中創建一個新的空白網頁。 由于王君已經準備好了4個“中國節日”的網頁，所以他就單擊 選擇已準備好的網頁。首先單擊橫幅區的，彈出如圖822 所示,

25、圖822 插入超鏈接圖,返回,任務二：網頁布局及發布、表單的創建,創建框架,選擇已準備好的橫幅網頁，單擊“確定”。網頁就變成923所示,圖823插入橫幅圖,返回,任務二：網頁布局及發布、表單的創建,創建框架,同樣的方法插入目錄網頁，網頁就變成924插入目錄圖所示,圖824 插入目錄圖,返回,任務二：網頁布局及發布、表單的創建,創建框架,下面要分別插入4個“節日”的網頁，這就要分別對應創建超鏈接，其方法如下： （1）選擇要定義超鏈接的文字或圖片； （2）單擊“常用”工具欄上的“超鏈接”按鈕，出現“創建超鏈接”對話框； （3）在“查找范圍”中選擇需要插入鏈接的目標網頁； （4）單擊“更改目標框架”

26、按鈕，出現“目標框架”對話框； （5）在“當前框架網頁”區域中單擊要用作目標的框架； （6）單擊“確定”按鈕，返回到“創建超鏈接”對話框，在“目標框架”欄中顯示出設置的目標框架名稱； （7）單擊“確定”按鈕。 在指定目標框架時，除了當前的框架之外，還提供了一些特殊的框架來創建不同效果的目標框架。這些特殊框架位于“目標框架”對話框中的“公用的目標區”區域，有以下幾種： 相同框架：將鏈接的網頁顯示在包含該超鏈接的 同一個框架內。 整頁：將框架展開為整個窗口后，顯示鏈接網頁。 新建窗口：打開另外一個新窗口，顯示鏈接網頁。 父框架：在當前框架的上層框架內顯示鏈接網頁。,返回,任務二：網頁布局及發布、表

27、單的創建,創建框架,同樣的方法插入反饋網頁。設計完成后的網頁如圖825所示,圖825 設計完成圖,返回,任務二：網頁布局及發布、表單的創建,創建框架,FrontPage 2003提供的常用的幾種關于創建框架的操作： 保存框架網頁 當完成框架網頁之后，就需要保存這個框架網頁。操作步驟如下： （1）單擊“常用”工具欄中的“保存”按鈕，打開“另存為”對 話框，在右邊的框架網頁預覽圖中，其中一個框架 高亮顯示，表示正在保存該網頁； （2）在“文件名”框中輸入網頁名稱； （3）單擊“更改”按鈕，設置網頁的標題； （4）單擊“保存”按鈕，該網頁保存完畢，框架圖中的另 一個框架處于高亮狀態； （5）重復步驟

28、（2）（4）的操作； （6）當對話框中的整個框架處于高亮狀態時，表示正在 保存框架網頁本身； （7）輸入框架網頁的文件名稱及標題； （8）單擊“保存”按鈕。,返回,任務二：網頁布局及發布、表單的創建,創建框架,任務二：網頁布局及發布、表單的創建,拆分框架 當使用模板創建的框架結構不能滿足需要時，可以通過拆分框架制作出更為復雜的框架網頁。操作步驟如下： （1）選擇要拆分的框架； （2）在“框架”框中選擇“拆分框架”命令，打開“拆分框架”對話框； （3）根據需要選擇“拆分為列”或“拆分成行”選項； （4）單擊“確定”按鈕完成拆分。 刪除框架 可以從框架結構中刪除指定的框架。此時，系統只是把框架從框

29、架網頁中刪去，而此框架中的網頁文件仍然存在。 操作方法是：選擇要刪除的框架，在“框架”框中選擇“刪除框架”命令即可。,返回,創建框架,設置框架屬性 通過對框架屬性的設置，可以更改框架超鏈接的網頁、調整框架大小等。 基本操作是：選擇目標框架，從“框架”框中選擇“框架屬性”命令，出現如圖826所示的“框架屬性”對話框，設置框架屬性。,圖826框架屬性對話框圖,返回,任務二：網頁布局及發布、表單的創建,創建框架,單擊“框架屬性”對話框中“框架網頁”按鈕，彈出如圖827 所示。在這里可以調整框架間距。清除“顯示邊框”復選框時，可以隱藏框架邊框。,圖827網頁屬性對話框圖 王君完成了整個網頁的設計，接著

30、要做的工作是把網頁發布在學校的網站上。,返回,任務二：網頁布局及發布、表單的創建,網頁的發布,相關知識： 通過使用 Microsoft Office FrontPage 2003 新增的“遠程網站”視圖，可以將整個網站或單獨的網頁發布到本地或遠程的任何網站。 本地網站是 FrontPage 2003中打開的源網站。遠程網站是要發布到的目標網站，通常是承載Web服務的遠程計算機。 在 FrontPage 2003中，可以發布到的遠程 Web 服務器類型包括： 1、擴展的 Web 服務器 ，服務器上運行 Microsoft 或 Microsoft SharePoint Services 的 Fro

31、ntPage Server Extensions 。 2、一臺文件傳輸協議 (File Transfer Protocol, FTP) 服務器。 3、一臺 基于 Web 的分布式制作和版本控制 (WebDAV) 服務器。 4、計算機或網絡驅動器上的文件夾。,返回,任務二：網頁布局及發布、表單的創建,網頁的發布,下面王君以FTP發布方式把設計的網站的發布在學校網站服務器上。 (1) 設置遠程網站屬性，以便連接至服務器并最終進行發布。 首先，選擇“FTP”作為遠程 Web 服務器，如圖828 所示。 然后，在“遠程網站位置”框內，鍵入主機名稱，如“ftp:/”。 如果網站需要上傳到指定目錄則需要在

32、“FTP目錄”中輸入目錄名。,返回,任務二：網頁布局及發布、表單的創建,網頁的發布,圖828遠程網站屬性圖,返回,任務二：網頁布局及發布、表單的創建,網頁的發布,(2) 選擇需要上傳的文件 檢查需要發布哪些文件，然后發布這些文件。操作要點如下： 1、 “本地網站”位于窗口左側，“遠程網站”位于右側。遠程網站是文件的發布目的地，如圖829文件上傳對話框圖所示。 2、帶箭頭的文件是新文件，且尚未發布。帶問號 (?) 的文件是有沖突的文件。這意味著該文件自最近一次發布以來，在兩個位置都進行了修改，或者意味著使用 FrontPage 2003之外的其他應用程序發布了該文件。 3、準備就緒之后，通過單擊

33、窗口右下角的【發布網站】按鈕即可發布所有文件。或者，也可發布單個文件，即在本地網站選擇一個文件，然后單擊【本地到遠程】按鈕。,返回,任務二：網頁布局及發布、表單的創建,網頁的發布,圖829 文件上傳對話框圖 當網站發布成功后，在瀏覽器中打開站點仔細瀏覽，檢查站點中每個網頁是否正確地顯示。當網頁內容有更新時，只要單擊“常用”工具欄中的“發布站點”按鈕，即可將修改過的網頁上傳。 王君把網頁制作完成并成功的上傳導學校的網站上，任務圓滿完成了。,任務二：網頁布局及發布、表單的創建,網頁的發布,知識擴展 網站和網頁的設計既是一項復雜的技術也是一門藝術。設計良好的網站不但提供豐富的信息，而且給用戶帶來愉悅

34、的瀏覽體驗。以下是網站和網頁設計的一些基本原則。 1）目標明確，重點突出 首先要明確信息發布者的性質與用途，并了解主要瀏覽對象以及其進行的操作，做到有的放矢。然后，對發布的信息要分清主次，面面俱到可能使瀏覽者難以找到有用的信息，不能達到預期的目的。 2）主題鮮明，層次清晰 要做到主題鮮明，首先要設計好網站的主頁。主頁的設計要簡潔，內容不宜過多，應該在主頁上建立分類欄目。網頁需要有層次清晰的結構，尤其是內容較多的網頁，可以根據內容進行歸類，分成多個欄目，便于閱讀。 3）合理設置欄目 制作網頁前，要先規劃好，確定合理的欄目和板塊。欄目的安排要緊扣主題，既要考慮網頁內容的分類，又要方便瀏覽，并能對瀏覽者起到較好的導航作用。,返回,任務二：網頁布局及發布、表單的創建,網頁的發布,4）正確定位整體風格 網站的整體風格是指站點的整體形象給瀏覽者的綜合感受。整體風格是非常抽象的概念，包括網站的標志、色彩、字體、標語、版面布局、內容價值等諸多因素，需要結合整個站點進行定位。對于欄目內容跨度較大的網站，可以考慮針對不同欄目采用不同的風格。 5）頁面布局合理 網頁設計要針對所要表達的信息進行合理的布局，好的頁面布