最詳細的FrontPage2003

1、網(wǎng)頁制作軟件 -FrontP 現(xiàn)在我們先看一個簡單的HTML文件，從中體會用HTML語言編寫網(wǎng)頁時的層次結構。v 【例9-1】用HTML語言編寫一個簡單的網(wǎng)頁。我的第一個Web頁歡迎進入HTML世界！這里我們首先介紹HTML語言的基本知識和語法。然后，講授如何使用HTML語言編寫您的Web頁面。 FrontPage2003是Office2003組件之一，運行與啟動Office其他軟件相同。啟動成功后，出現(xiàn)的初始畫面可能因機器使用情況的不同而不同，菜單部分與Office中的其他軟件相似，最大區(qū)別是工作區(qū)的左端有一個視圖欄，包含：網(wǎng)頁、文件夾、報表、導航、超鏈接、任務。8.1 認識認識FrontP

2、 FrontPage2003啟動后顯示頁面 2遠程網(wǎng)站視圖。同步此網(wǎng)站和遠程網(wǎng)站之間的文件。遠程網(wǎng)站視圖。同步此網(wǎng)站和遠程網(wǎng)站之間的文件。3文件夾視圖。用于管理站點中的文件和文件夾。文件夾視圖。用于管理站點中的文件和文件夾。4報表視圖。分析網(wǎng)站并管理其內容。報表視圖。分析網(wǎng)站并管理其內容。5導航視圖。顯示站點的導航結構，用于對站點結構的導航視圖。顯示站點的導航結構，用于對站點結構的管理。管理。6超鏈接視圖。用于顯示站點中每一頁的超鏈接。超鏈接視圖。用于顯示站點中每一頁的超鏈接。 7任務視圖。用于創(chuàng)建和管理站點中的任務。任務視圖。用于創(chuàng)建和管理站點中的任務。 個人就職網(wǎng)站主頁 站點的創(chuàng)建 所謂站

3、點 就是多個相關網(wǎng)頁通過各種鏈接關聯(lián)起來的集合。在使用FrontPage 2003設計網(wǎng)頁之前,應建立一個本地站點，用來管理創(chuàng)建的網(wǎng)頁。 。圖8-4 “網(wǎng)站模板”對話框 一、新建一個網(wǎng)頁 在FrontPage2003的主窗口中，單擊“視圖”欄上的“網(wǎng)頁”視圖，使當前處于網(wǎng)頁視圖模式下。單擊菜單欄上的“文件”，在彈出的下拉菜單中選中“新建”，在窗口的右邊出現(xiàn)“新建”面板，在新建網(wǎng)頁項中選擇“其他網(wǎng)頁模板”。打開如圖8-4所示的“網(wǎng)站模板”對話框。單擊“常規(guī)”選項卡，在列表框中顯示了FrontPage2003提供的創(chuàng)建網(wǎng)頁的11種模板，包括有普通網(wǎng)頁、表單網(wǎng)頁向導、常見問題、目錄、確認表單等。使用

4、各類模板可以創(chuàng)建不同的網(wǎng)頁。 網(wǎng)頁的屬性包括網(wǎng)頁的背景顏色、圖片、網(wǎng)頁的標題和網(wǎng)頁的頁邊距等。選擇菜單“文件”“屬性” 命令或在頁面空白處右鍵單擊選擇“頁面屬性”命令則可以在彈出的對話框中進行設置，網(wǎng)頁的標題、背景音樂、背景、背景圖片、網(wǎng)頁邊距等 網(wǎng)頁中插入換行符可將網(wǎng)頁中的一段網(wǎng)頁內容斷開。FrontPage中的換行分成“隔行換行“（兩行之間有空行）和“緊湊換行”（兩行間沒有空行）兩種，這兩種換行符的插入方法分別是：（1）插入“隔行換行”。直接在插入點按Enter鍵。（2）插入“緊湊換行”。先定位插入點，選擇“插入”菜單“換行符”命令，或按Shift+Enter組合鍵。 方法：光標定位于表格

5、第二行，單擊“插入”菜單“水平線”命令，就可以在第二行中插入水平線。單擊剛插入的水平線，右鍵單擊在快捷菜單中選擇“水平線屬性”。如圖8-8水平線屬性對話框。圖8-8水平線屬性對話框 將插入點定位欲插入圖片位置，選擇“插入”菜單上的“圖片”命令。從“圖片”子菜單中選擇“來自文件”命令，在對話框尋找需要的圖片文件，單擊“確定”按鈕插入圖片。 在圖片上右鍵單擊，在快捷菜單中選擇“圖片屬性”，在圖片屬性對話框中可以設置圖片屬性。如圖8-9插入圖片對話框 。 插入圖片對話框 8.2.7超鏈接超鏈接概念：超鏈接是指站點內不同網(wǎng)頁之間、站點與站點之間的一種鏈接關系，它不僅使站點內的每一個網(wǎng)頁有機地聯(lián)系在一起

6、上，而且使不同的站點之間建立了聯(lián)系。使用超鏈接，瀏覽者可以從一個網(wǎng)頁轉到另一個網(wǎng)頁，從一個站點轉到其他的站點。除了指向網(wǎng)頁和和站點，超鏈接還可以指向圖片、電子郵件地址、多媒體文件，甚至可以指向一個程序。 1鏈接到網(wǎng)頁鏈接到網(wǎng)頁首先選定要建立超鏈接的文本，單擊“插入”“超鏈接”命令，或右鍵單擊選定的文本在快捷菜單中選擇“超鏈接”，打開如圖8-10所示的“插入超鏈接”對話框。根據(jù)超鏈接的目標，用戶可以從列表框中選定某個網(wǎng)頁文件，也可以直接在“地址”文本框（URL）中輸入要鏈接的目標地址，還可以單擊圖標，從彈出的“選擇文件”對話框中選定鏈接的目標文件。選定的目標文件地址均會出現(xiàn)在地址文本框（URL）

7、中。 方法如下：（ 1 ）首 先 選 定 要 建 立 超 鏈 接 的 文 本 ， 單 擊 “ 插入”“超鏈接”命令，或右鍵單擊選定的文本在快捷菜單中選擇“超鏈接”，打開如圖8-10所示的“插入超鏈接”對話框。（2）在“編輯超鏈接”對話框中的地址文本框中輸入 所 需 要 鏈 接 的 其 他 網(wǎng) 站 的 網(wǎng) 頁 如“http:/ 單擊“確定”按鈕即可完成超鏈接的設置。 方法如下：（1）選中要電子郵件鏈接的文本，單擊工具欄中的“插入超鏈接”按鈕，打開“插入超鏈接”對話框；（2）單擊“電子郵件地址”選項，對話框變成圖8-10所示； （3）在“要顯示的文字”文本框中輸入要顯示的文字，在“電子郵件地址”文

8、本框中輸入郵件地址，在“主題”文本框中輸入主題；（4）單擊“確定”按鈕。 1圖像的默認超鏈接圖像的默認超鏈接先選中圖片，單擊鼠標右鍵，在彈出的快捷菜單中選擇“超鏈接”菜單項，會彈出一個“編輯超鏈接”對話框或者單擊“插入”菜單上的“超鏈接”。 （1）如果要鏈接的是當前站點中的文件或計算機中某個目錄下的文件，則從列表框中選擇網(wǎng)頁文件，查找該文件，單擊“確定”按鈕。 （2）如果要鏈接的網(wǎng)頁或文件夾來自Web，在“插入超鏈接”對話框中的地址文本框中輸入所需要鏈接的網(wǎng)站, 單擊“確定”按鈕。（3）如果要鏈接的是電子郵件，打開“插入超鏈接”對話框，單擊左邊的電子郵件地址，在“電子郵件地址” 文本框中輸入郵

9、件地址，單擊“確定”按鈕。 2圖像的熱點鏈接圖像的熱點鏈接 熱點是圖像上具有超鏈接的區(qū)域，一幅圖片上可以包含若干個熱點，單擊圖片中的這些熱點可以跳轉到不同的目標。熱點形狀可以是矩形、圓形或多邊形，熱點位置可自行確定。設置熱點的方法如下：（1）選定圖片后，在編輯區(qū)的底部會自動彈出如圖8-11所示的圖片工具欄。（2）單擊圖片工具欄的熱點形狀按鈕（例如長方形按鈕），這時鼠標變成鉛筆形狀，將光標定位到需創(chuàng)建熱點區(qū)域的左上角或右下角，然后拖動鼠標形成一個熱點區(qū)域，松開鼠標后會自動彈出“創(chuàng)建超鏈接”對話框。（3）在“創(chuàng)建超鏈接”對話框中設定鏈接目標。圖8-11圖片工具欄 當前網(wǎng)頁是新建的網(wǎng)頁并且尚未保存，

10、則單擊“常用”工具欄中的“保存”按鈕，在彈出的“另存為”對話框中找到并雙擊要保存網(wǎng)頁的文件夾，然后在“文件名”下拉列表框中輸入網(wǎng)頁的文件名“index.htm”，再單擊“保存”按鈕即可。 如果當前網(wǎng)頁是從當前網(wǎng)站打開的，則單擊“常用”工具欄中的“保存”按鈕即可。如果當前網(wǎng)頁是從當前網(wǎng)站之外的位置打開的，則單擊“文件”|“另存為”命令，在彈出的“另存為”對話框中找到并雙擊要保存網(wǎng)頁的文件夾，并在“文件名”下拉列表框中輸入網(wǎng)頁的文件名，最后單擊“保存”按鈕即可。 一、插入表格一、插入表格 在“表格”菜單“插入”級聯(lián)式菜單中選擇“表格”命令，出現(xiàn)如圖8-6所示。單擊“確定”就可以網(wǎng)頁中插入表格。 圖

11、8-6插入表格屬性對話框 v表格屬性設置若想設置表格的邊框粗細、顏色以及表格的背景可指向表格，用鼠標右鍵單擊表格，在彈出快捷菜單中選擇“表格屬性”命令，打開“表格屬性”對話框如圖8-6所示 。大?。涸O置表格的行列數(shù)目。 布局：設置表格的對齊方式、邊框粗細（無邊框為0）、單元格邊距（表格內單元邊框線之間的距離）、單元格間距（單元格內容與邊框線之間的距離）。指定寬度：指定寬度前，則在復選框前打上“”，寬度單位有兩種分別為像素和百分比，百分比是相對瀏覽器而言，像素則為絕對值。 1.選定表格對象 選定單元格，執(zhí)行“表格”“選定” “單元格”命令；選定行、列或整個表格，在“表格”“選定”中選擇相應的命令

12、即可。2.插入、刪除表格對象 插入行或列，可以使用“表格”“插入” “行或列”命令，也可以用鼠標右擊表格后在快捷菜單中選擇相應的命令。如果要刪除行或列，只要選定行或列后單擊“表格” “刪除單元格”命令即可刪除。3.合并、拆分單元格 合并、拆分單元格的操作可以通過“表格”菜單的“合并單元格”或“拆分單元格”命令來完成。也可以通過右擊鼠標后在彈出的快捷菜單中選擇相應的命令進行。 4.設置表格或單元格屬性 將打開“表格屬性”或“單元格屬性”對話框，或右擊鼠標彈出快捷菜單。 利用書簽實現(xiàn)網(wǎng)頁內部跳轉。（1）選定要插入書簽的位置。（2）單擊“插入”“書簽”命令，彈出“書簽”對話框。在對話框內輸入書簽名后

13、單擊“確定”按鈕，即可創(chuàng)建一個書簽。（3）建立書簽后，就可以創(chuàng)建鏈接到該書簽的超鏈接。創(chuàng)建的方法和建立超鏈接的方法相同，只是選擇書簽作為超鏈接的目標。 表單是用來收集瀏覽者的用戶名、密碼、E-mail地址、個人愛好和聯(lián)系地址等用戶信息的輸入?yún)^(qū)域集合。圖8-12公司概況表單 。FrontPage2003提供了文本框、文本區(qū)、單選按鈕、復選框、下拉框、提交按鈕和重置按鈕等豐富的表單域。 圖8-12公司概況表單 “表單” “表單”命令，在網(wǎng)頁上插入一個表單。在表單內輸入所需的文本，例如“姓名”、“性別”等，然后在對應的位置插入表單對象。圖8-13表單域類型 1 1文本框文本框 2下拉菜單下拉菜單 3

14、復選框復選框 4選項按鈕選項按鈕 5文本區(qū)文本區(qū)6按鈕按鈕 框架網(wǎng)頁是種特殊的網(wǎng)頁，它可將瀏覽器窗口分成不同的區(qū)域，每個區(qū)域都可以顯示不同的網(wǎng)頁。 1創(chuàng)建框架單擊菜單欄上的“文件”，在彈出的下拉菜單中選中“新建”，在窗口的右邊出現(xiàn)“新建”面板，在新建項中選擇“其他網(wǎng)站模板”。然后在彈出的“網(wǎng)頁模板”對話框中選擇“框架網(wǎng)頁”選項卡，如圖8-14所示。 2設置框架屬性鼠標右擊某個框架后，在彈出的快捷菜單中可以設置“框架屬性” 。 在創(chuàng)建網(wǎng)頁時，有時為了達到特殊的顯示效果，可以將框架線去掉。選擇“文件”菜單上“屬性”命令，打開“網(wǎng)頁屬性”對話框，然后選擇“框架”選項卡。用戶還可以在設置每個框架的屬性

15、時，單擊“框架屬性”對話框中的“框架網(wǎng)頁”按鈕，顯示邊框前“”去掉就可以隱藏框架線。 “保存”命令，會出現(xiàn)4次“另存為”對話框，“另存為”對話框預覽區(qū)將指示所保存的框架對象。保存一個框架的網(wǎng)頁后，F(xiàn)rontPage 2003會對每一個尚未保存的新網(wǎng)頁或框架網(wǎng)頁重復進行此操作，直到全部網(wǎng)頁和框架網(wǎng)頁都保存為止。 v 二、特殊效果FrontPage 2003 的組件功能可以為網(wǎng)頁加入動態(tài)效果，設計出生動活潑的Web網(wǎng)頁。1字幕2站點計數(shù)器3交互式按鈕4設置網(wǎng)頁過渡方式 5. 設置動態(tài)HTML效果 v 一、測試網(wǎng)頁網(wǎng)頁制作完成后還需要對網(wǎng)頁進行測試，以檢查每個網(wǎng)頁的功能是否實現(xiàn)，超鏈接是否正確等。1拼寫檢查拼寫檢查是網(wǎng)頁測試時最基本的一項檢查，可以使用FrontPage 2000自帶的拼寫檢查功能，它可以檢查并修改整個站點所有頁面的英文拼寫及語法錯誤。 2000，打開站點，單擊視圖欄的“超鏈接”按鈕，切換到超鏈接視圖。雙擊其主頁圖標打開主頁。（2）單擊工具欄中的“在瀏覽器中預覽”按鈕，并把瀏覽器窗口最大化。依次點擊網(wǎng)頁中的超鏈接，檢查它們的指向是否正確。（3）使用“工具”欄中