第8章 網(wǎng)頁制作與發(fā)布_第1頁
第8章 網(wǎng)頁制作與發(fā)布_第2頁
第8章 網(wǎng)頁制作與發(fā)布_第3頁
第8章 網(wǎng)頁制作與發(fā)布_第4頁
第8章 網(wǎng)頁制作與發(fā)布_第5頁
已閱讀5頁,還剩63頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領

文檔簡介

1、第8章 網(wǎng)頁制作與發(fā)布 主頁制作的基本步驟FrontPage 2000入門網(wǎng)頁編輯站點管理與發(fā)布 8.1 主頁制作的基本步驟 8.1.1 準備材料8.1.2 制作網(wǎng)站8.1.3 發(fā)布網(wǎng)站 要制作主頁,實際上所要解決的問題主要有兩個:一是如何制作主頁,二是如何讓其他人找到主頁,也就是要解決網(wǎng)頁的發(fā)布問題。一般情況下,主頁制作主要包括準備材料、開始制作與安放網(wǎng)頁三個步驟。 8.1.1 準備材料 在制作主頁前,首先應做一個小小的計劃(不用很詳細),準備在主頁上告訴人家什么?比如要制作我的個人主頁,計劃介紹三個方面:自我介紹,我的愛好,我的工作,那你就先創(chuàng)建一個總目錄(文件夾),比如d:Html,來存

2、放你的所有文件,然后再在這個目錄建立三個子目錄:Myself 、Hobby、Job。文件名可以任意,但最好全部小寫,因為有的主機要區(qū)分大小寫。以后要增加內(nèi)容,可再新建子目錄。不過,如果利用FrontPage 2000的模板或向?qū)е谱骶W(wǎng)頁,系統(tǒng)將自動幫助用戶規(guī)劃網(wǎng)站目錄結(jié)構(gòu)。 接下來將個人材料復制到相應的子目錄。比如,要在主頁里展示你的照片,那就將照片掃描成JPG格式的文件,放在myself目錄下。要注意,網(wǎng)上只能使用JPG和GIF兩種圖像格式,其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,但用戶可以用很多圖像軟件進行轉(zhuǎn)換,如Photoshop等。把準備在主頁上出現(xiàn)的圖像放進相應的目錄里后

3、,就可以開始制作網(wǎng)頁了。 8.1.2 制作網(wǎng)站 網(wǎng)頁是全球廣域網(wǎng)上的基本文檔,用 HTML (超文本標記語言) 書寫。一個 HTML 網(wǎng)頁包含了 HTML 標記符,這些標記符是一些嵌入式命令,提供網(wǎng)頁的結(jié)構(gòu)、外觀和內(nèi)容等信息。Web 瀏覽器利用這些信息來決定如何顯示網(wǎng)頁。 不過,用戶無需懂得 HTML 就可以使用 Microsoft Front Page。您可以像在字處理程序中一樣編輯網(wǎng)頁,當您輸入文本、設置文本格式以及添加圖形、表格等網(wǎng)頁元素時,F(xiàn)rontPage 會在后臺添加相應的 HTML 標記符。您的網(wǎng)頁就會如同在 Web 瀏覽器中出現(xiàn)一般被顯示出來。當然,用戶也可以在網(wǎng)頁上將 HTM

4、L 標記符顯示出來;而且,如果用戶熟悉 HTML,也可以自己編輯HTML標記符。 為了幫助用戶創(chuàng)建專業(yè)化外觀、設計完善的網(wǎng)頁,F(xiàn)ront Page 提供了多種網(wǎng)頁模板,使用戶能快速地創(chuàng)建具有各種布局和功能的網(wǎng)頁。例如,用戶可以利用FrontPage的模板來創(chuàng)建兩列式的網(wǎng)頁或帶有搜索表單的網(wǎng)頁,也可以使用多種主題之一來創(chuàng)建設計風格一致的網(wǎng)頁,一個主題包含了附有顏色結(jié)構(gòu)的完整設計組件,其中包括字體、圖形、背景、導航欄、水平線和其他網(wǎng)頁元素。 如果想自己設計網(wǎng)頁,可以從一個空白的網(wǎng)頁開始執(zhí)行如下步驟。(1)使用框架、表格或絕對定位來精確定位網(wǎng)頁上的文本和圖形。(2)添加網(wǎng)頁元素,例如文本、圖形、網(wǎng)頁

5、橫幅、表格、表單、超鏈接、橫幅廣告、字幕、懸停按鈕、日戳、計數(shù)器等。(3)應用樣式或使用樣式表來設置文本格式。(4)設置網(wǎng)頁元素動畫屬性和網(wǎng)頁過渡功能,使得網(wǎng)頁效果栩栩如生。(5)設置背景顏色、圖片或聲音。(6)創(chuàng)建自己的網(wǎng)頁模板。 8.1.3 發(fā)布網(wǎng)站 要在網(wǎng)上展示自己的個人主頁,用戶必須先申請一塊地皮,即向某一個主機申請一塊硬盤空間。有了這個空間之后,就可以發(fā)布自己的網(wǎng)頁了。申請了個人主頁空間以后,用戶將獲得一個域名、用來放置網(wǎng)頁的FTP服務器的地址、用戶名及口令等,接下來用戶只需把文件用FTP上傳至你的目錄就可以了。 為了讓其他人能夠找到你,用戶還必須將自己的網(wǎng)址連同說明添加到各種搜索引

6、擎中。 例如,國內(nèi)比較有名的網(wǎng)易()、搜狐(www.s )、新浪(www.sina .com),以及國外比較有名的Yahoo()、Excite()等都提供了搜索服務,用戶可直接訪問這些網(wǎng)站來了解如何將自己的網(wǎng)址添加到它們提供的搜索引擎中。1發(fā)布站點之前 在發(fā)布站點之前,應該檢查斷開的超鏈接,確認網(wǎng)頁的外觀是否合適,并測試站點的各項操作是否都能正常工作。有一個好的方法可以確認站點是否準備就緒,那就是在 Web 瀏覽器上進行預覽并且瀏覽站點的各處,以及在報表視圖模式下檢查所有文件的狀態(tài)。 如果準備將站點發(fā)布到全球廣域網(wǎng)上,將需要一個Internet 服務提供者(ISP),它最好是擁有安裝了Fron

7、tPage服務器擴展的站點服務器。當然,用戶還必須知道用來發(fā)布站點的ISP的站點服務器位置,必要時還須知道自己的用戶名稱和密碼。要獲得使用 FrontPage服務器擴展的ISP(一般稱為站點展示提供者)的相關(guān)信息,請訪問Microsoft FrontPage主頁,或單擊“文件”菜單中的“發(fā)布站點”,然后再單擊“WPP”按鈕。 2服務器擴展對發(fā)布的影響 將站點發(fā)布到已安裝了FrontPage 服務器擴展的站點服務器有下列好處: 當站點被發(fā)布時,它將會有完整的 FrontPage 功能。若是沒有服務器擴展,某些功能將無法工作,例如,大部分的表單處理程序、訪問計數(shù)器和組件功能。 FrontPage將

8、維護文件和超鏈接。每次發(fā)布站點時,F(xiàn)rontPage將比較本地計算機上的文件與站點服務器上的文件。例如,若在本地站點中移動了一個文件,F(xiàn)rontPage將更新和更正任何指向該文件的超鏈接,并且在下次發(fā)布站點時,也對站點服務器上的文件做相同的更正。 發(fā)布站點以后,將可以直接在 ISP 的站點服務器上進行編輯(盡管如此,本地站點的本地版本將無法與服務器保持同步)。 如果站點服務器有服務器擴展,F(xiàn)rontPage就可以使用 HTTP(超文本傳輸協(xié)議)來發(fā)布站點。否則,將使用 FTP(文件傳輸協(xié)議)發(fā)布。 3選擇要發(fā)布的文件 用戶可以選擇哪些文件是要發(fā)布的,哪些文件是不要發(fā)布的。例如,如果有一個網(wǎng)頁是

9、不完整的或并不是直接屬于站點的部分,可以將它標記為“不要發(fā)布不要發(fā)布”。將來,如果決定要發(fā)布該文件時,例如,已完成網(wǎng)頁制作時,則可以將它的狀態(tài)更改為“發(fā)布發(fā)布”。 在首次發(fā)布站點之后,某些文件不應再次發(fā)布。例如,假定用戶創(chuàng)建了一個帶有訪客錄的站點,然后發(fā)布它,后來又更新了網(wǎng)頁。那么,再次發(fā)布該網(wǎng)頁時,如果要發(fā)布所有的文件,包括訪客錄,則空白的訪客錄將覆蓋已有的文件,此時將丟失全部信息。 用戶也可以選擇只發(fā)布已更改過的文件。FrontPage 將比較本地計算機上當前工作站點中的文件與發(fā)布到站點服務器上的文件。如果 FrontPage在本地計算機上檢測到一個較新版本的文件,則該文件將會被發(fā)布到站點

10、服務器上。 4管理站點服務器上的文件 如果ISP對用戶站點在站點服務器上的大小加以限制,那么文件管理就很必要。定期刪除未用的或舊的文件(尤其是圖形文件),可以讓站點的尺寸不致過大。站點一旦被發(fā)布之后,F(xiàn)rontPage就可以在每次再發(fā)布站點時,將本地站點上的文件與站點服務器上發(fā)布的文件保持同步。 刪除本地計算機上的文件后,當用戶再度發(fā)布站點時,F(xiàn)ront Page將會提示刪除在站點服務器上相同的文件,并選擇只發(fā)布已經(jīng)更改過的網(wǎng)頁。 如果站點服務器使用FrontPage服務器擴展,F(xiàn)rontPage也可以在下次發(fā)布站點時,與站點服務器上的其他操作相配合,例如移動或重命名文件。FrontPage將

11、會更新站點服務器上的導航欄、共享邊框和超鏈接,來與本地計算機站點上運行的操作相配合 8.2 FrontPage 2000入門 8.2.1 使用站點模板創(chuàng)建站點8.2.2 根據(jù)網(wǎng)頁模板創(chuàng)建網(wǎng)頁8.2.3 創(chuàng)建空白站點與空白網(wǎng)頁8.2.4 創(chuàng)建框架網(wǎng)頁8.2.5 網(wǎng)站與網(wǎng)頁的打開與保存8.2.6 FrontPage 2000提供的視圖 8.2.1 使用站點模板創(chuàng)建站點 創(chuàng)建網(wǎng)站的第一步當然是新建網(wǎng)站。實際上,所謂新建網(wǎng)站就是設置存放網(wǎng)頁及相關(guān)數(shù)據(jù)的文件夾。此外,F(xiàn)rontPage還提供了眾多網(wǎng)站模板,如個人站點、客戶支持站點、項目站點等。使用站點模板創(chuàng)建站點的操作步驟如下:(1)啟動FrontPa

12、ge 2000,主界面如下圖所示。選擇“文件”菜單下的“新建”“站點”選項,系統(tǒng)將彈出如下頁圖所示的“新建”站點對話框。 視圖欄菜單欄常用工具欄狀態(tài)欄主編輯窗口編輯模式格式工具欄 窗口按鈕標題欄控制菜單按鈕(2)單擊上圖所示對話框“站點”列表區(qū)中的“個人站點”,然后單擊“確定”按鈕,系統(tǒng)將自動依據(jù)該模板創(chuàng)建一個典型的個人站點。 (3)在文件夾列表區(qū)雙擊Index.htm,此時畫面如下圖所示。 (4)根據(jù)后面介紹的網(wǎng)頁編輯方法編輯網(wǎng)頁或增加、刪除網(wǎng)頁等。 上頁圖所示創(chuàng)建的站點文件夾中有二個子文件夾,即_private與images。其中,_private文件夾用于存放一些不希望別人看到的文件,i

13、mages文件夾用于存放網(wǎng)頁中用到的一些圖片。 如果利用資源管理器查看以上創(chuàng)建的站點文件夾,還會發(fā)現(xiàn)其中有一些隱藏的文件夾。它們主要用于保存一些站點信息,及FrontPage擴展服務器運行程序。 要關(guān)閉或打開站點,可選擇“文件”菜單中的適當選項。 8.2.2 根據(jù)網(wǎng)頁模板創(chuàng)建網(wǎng)頁 用戶除了可以利用站點模板創(chuàng)建站點外,還可以利用網(wǎng)頁模板創(chuàng)建網(wǎng)頁。為此,可執(zhí)行下面的步驟。(1)選擇“文件”“新建”“網(wǎng)頁”菜單,打開下圖所示的“新建”網(wǎng)頁對話框。 (2)選擇上頁圖所示對話框中的“常規(guī)”選項卡,在該選項卡中“帶有目錄和邊欄的一欄正文”選項,然后單擊“確定”按鈕,此時畫面將如下圖所示。 8.2.3 創(chuàng)建

14、空白站點與空白網(wǎng)頁 對于一些高級用戶而言,他們可能更喜歡親手規(guī)劃站點與網(wǎng)頁。為此,可執(zhí)行如下步驟。(1)要創(chuàng)建空白站點,可首先選擇“文件”“新建”“站點”菜單,此時系統(tǒng)也將打開“新建”站點對話框。(2)在“新建”站點對話框中選擇“空站點”,單擊“確定”按鈕,即可創(chuàng)建一個不包含任何網(wǎng)頁的空白站點,如下頁圖所示。 (3)要創(chuàng)建空白網(wǎng)頁,可直接單擊“常用”工具欄上的“新建網(wǎng)頁”按鈕。 8.2.4 創(chuàng)建框架網(wǎng)頁 框架(Frame)網(wǎng)頁是一種特殊類型的網(wǎng)頁,該網(wǎng)頁將顯示區(qū)劃分成了多個獨立區(qū)域,例如,下圖所示的網(wǎng)頁就包含了三個框架。 根據(jù)橫幅和目錄框架網(wǎng)頁模板制作的網(wǎng)頁目錄框架橫幅框架主框架 框架網(wǎng)頁實際

15、上包含了多個網(wǎng)頁,一個是主框架網(wǎng)頁,該網(wǎng)頁定義了各框架的名稱、位置及尺寸等,它在瀏覽器中不顯示;此外,每個框架實際上都是一個獨立的網(wǎng)頁文件。因此,在制作框架網(wǎng)頁時,既可以直接將已經(jīng)制作好的網(wǎng)頁放入框架,也可為每個框架制作新網(wǎng)頁。 使用框架網(wǎng)頁的好處是,屏幕上只進行部分更新。例如,當用戶在上頁圖中單擊目錄框架中的人名時,目錄框架及橫幅框架的內(nèi)容不變,而只更新主框架。 對于每個框架而言,它都有框架屬性,其中定義了框架名稱、框架初始網(wǎng)頁,以及框架尺寸、框架位置等。 在FrontPage 2000中,要創(chuàng)建框架網(wǎng)頁,可首先選擇“文件”“新建”“網(wǎng)頁”菜單,打開“網(wǎng)頁模板”對話框,在該對話框中選擇“框架

16、網(wǎng)頁”選項卡,如下圖所示,然后在其中選擇適當?shù)目蚣懿季謽邮?,并單擊“確定”按鈕,結(jié)果如下頁圖所示。 通過前面的介紹,我們已經(jīng)知道,所謂框架網(wǎng)頁實際上是一個網(wǎng)頁組,即每個框架區(qū)域都對應了一個網(wǎng)頁。因此,在上頁圖中單擊“設置初始網(wǎng)頁”按鈕可為框架區(qū)指定一個現(xiàn)存的網(wǎng)頁作為其初始網(wǎng)頁,或者單擊“新建網(wǎng)頁”按鈕新建一個初始網(wǎng)頁。 此外,要拆分框架或刪除框架,可選擇“框架”菜單中的適當選項。其中,要選擇框架,只需簡單地在框架區(qū)單擊即可。 8.2.5 網(wǎng)站與網(wǎng)頁的打開與保存 無論用戶是創(chuàng)建一個空白站點,還是基于站點模板創(chuàng)建一個站點,系統(tǒng)都將自動在指定位置(通常是“我的文檔”文件夾)創(chuàng)建一個文件夾。通過選擇“

17、文件”菜單中的“打開站點”或“關(guān)閉”選項,可打開一個指定站點或關(guān)閉當前站點。 如前所述,打開或新建站點后,所有網(wǎng)頁都被列在“文件夾列表”區(qū)中,因此,用戶只需簡單地雙擊網(wǎng)頁文件,即可打開該網(wǎng)頁。 要保存網(wǎng)頁,可選擇“文件”“保存”或“另存為”菜單,或單擊常用工具欄中的保存按鈕。如果網(wǎng)頁中使用了位于當前站點文件夾之外的文件,系統(tǒng)將會打開一個“保存嵌入式文件”對話框,如下頁圖所示。 在“保存嵌入式文件”對話框中單擊“重命名”按鈕,可更改文件名稱;單擊“更改文件夾”按鈕,可設置將文件保存到站點文件中的哪個子文件夾中。缺省情況下,文件將被直接保存到站點文件夾中。 8.2.6 FrontPage 2000

18、提供的視圖 為了便于更好地支持網(wǎng)站設計,F(xiàn)rontPage 2000提供了多種視圖。通過在視圖欄中單擊不同的按鈕(若視圖欄被隱藏,可選擇“查看”“視圖欄”菜單顯示出來),或選擇“查看”菜單中最上面的六個菜單項,可在各種視圖之間進行切換。這些視圖的特點如下: 網(wǎng)頁視圖:這是缺省視圖模式,用戶可在該模式下編輯網(wǎng)頁。 文件夾視圖:在該視圖模式,用戶可查看站點文件夾中的文件。 報表視圖:該視圖又包含了多種類型,利用這些類型可分別查看站點摘要信息、站點中的文件(全部文件、最近增加的文件、最近更改的文件、較舊的文件)等。 導航視圖:該視圖用于為導航欄設計站點結(jié)構(gòu)。當用戶希望在網(wǎng)頁中插入導航欄時,系統(tǒng)將根據(jù)

19、此處的設計自動制作導航欄。 超鏈接視圖:該視圖用于查看各網(wǎng)頁之間的鏈接所示。 任務視圖:利用任務可以幫助用戶跟蹤Web站點中需要完成的工作,可以將任務分配給個人或工作組。任務可以包含對Web站點上某個特定文件上要完成的工作的說明,它可以與Web站點中的任何文件(如Web頁、圖片、聲音及其他Office文檔)關(guān)聯(lián)。在文件夾列表區(qū)選定某個文件后,通過選擇“編輯”“任務”菜單中的適當選項,可添加、編輯、開始任務等。在“任務”視圖下,可查看各任務的完成情況。 8.3 網(wǎng)頁編輯 8.3.1 使用表格設計網(wǎng)頁布局8.3.2 相對定位與絕對定位8.3.3 使用導航欄與導航視圖8.3.4 使用網(wǎng)頁橫幅8.3.

20、5 使用Web組件、數(shù)據(jù)庫及表單8.3.6 使用圖片、文件、書簽與超鏈接8.3.7 使用簡單網(wǎng)頁元素8.3.8 使用主題與共享邊框8.3.9 設置網(wǎng)頁屬性 8.3.1 使用表格設計網(wǎng)頁布局 在FrontPage 2000中,用戶可利用表格進行網(wǎng)頁布局。下面通過一個簡單的實例來說明表格的用法。(1)新建一個空白網(wǎng)頁,并分別選擇“查看”菜單中的“視圖欄”與“文件夾列表”,暫時關(guān)閉這兩個區(qū)域。(2)選擇“表格”“手繪表格”菜單,系統(tǒng)打開如下圖所示的“表格”工具欄,在網(wǎng)頁編輯區(qū)單擊并拖動制作表格。 (3)分別沿水平及垂直方向單擊并拖動,制作水平分割線與垂直分割線,構(gòu)成表格中的單元格。手繪表格如下圖所示

21、。 (4)表格中還可嵌套子表格,為此,可首先在“表格”工具欄中單擊“手繪表格”按鈕,取消自由繪制表格狀態(tài)。接下來將光標定位在選定的單元格中,并選擇“表格”“插入”“表格”菜單,此時系統(tǒng)將打開如下圖所示“插入表格”對話框。 (5)在“插入表格”對話框中設置適當?shù)摹靶袛?shù)”、“列數(shù)”及其他參數(shù),然后單擊“確定”按鈕,即可在指定位置插入表格,如下圖所示。 (6)將光標移至表格線上單擊并拖動,調(diào)整表格外觀。(7)要調(diào)整表格屬性,可選擇“表格”“屬性”“表格”菜單,此時系統(tǒng)將打開如下圖所示的“表格屬性”對話框。 (8)利用“表格屬性”對話框,可設置表格的尺寸,單元格邊距與間距,邊框線粗細與顏色,表格背景等

22、。下圖顯示了將表格邊框線粗細設置為0(表示不要邊線),及為表格設置圖片背景后的畫面。 (9)通過選擇表格中的其他選項,可拆分表格、拆分單元格、刪除單元格、合并單元格,為表格套用格式等。(10)如果要刪除表格,可首先將光標定位在表格中,然后選擇“表格”“選擇”“表格”菜單選中表格,并按Ctrl+X組合鍵剪切之。8.3.2 相對定位與絕對定位 在FrontPage 2000中,對象的定位有兩種方式,一種是缺省的相對定位方式,一種是絕對定位方式。 在相對定位方式下,只能依靠字符和回車來調(diào)整各對象的位置。如果希望將對象自由定位,則必須首先將其轉(zhuǎn)換為絕對定位方式,然后再移動其位置。例如,要將前面制作的嵌

23、套表格移動位置,可按如下步驟來進行。(1)選擇“查看”“工具欄”“定位”菜單,打開“定位”工具欄。(2)將光標定位在嵌套表格中,然后選擇“表格”“選定”“表格”菜單,選中表格。(3)單擊“定位”工具欄中的“絕對定位”按鈕,將光標移至表格邊線上,此時光標呈花十字狀,單擊并拖動調(diào)整表格位置,如下圖所示。 8.3.3 使用導航欄與導航視圖 通過在網(wǎng)頁中插入導航欄,可使瀏覽者輕松地在站點的各網(wǎng)頁之間切換。通常情況下,要在網(wǎng)頁中插入導航欄,應首先利用導航視圖為站點設計導航結(jié)構(gòu)圖。 缺省情況下,用戶創(chuàng)建的第1個網(wǎng)頁被稱為主頁,即該網(wǎng)頁被作為站點的入口網(wǎng)頁,其名稱通常為index.htm。同時,該網(wǎng)頁被自動

24、增加到導航結(jié)構(gòu)圖中,如下頁圖所示。 要將站點中的其他網(wǎng)頁加入到導航結(jié)構(gòu)圖中,可在“文件夾列表”區(qū)單擊選擇網(wǎng)頁,然后將其拖至導航視圖中,此時將出現(xiàn)一條連接主頁的虛線,如下圖所示,釋放鼠標按鈕后,所選網(wǎng)頁添加到導航結(jié)構(gòu)圖中。 在站點結(jié)構(gòu)圖中,主頁始終位于最上層,通過將其他網(wǎng)頁拖至不同位置,可使選定網(wǎng)頁與主頁位于同一層,或主頁的下層。此外,用戶也可通過直接在導航視圖中單擊并拖動網(wǎng)頁圖標調(diào)整導航結(jié)構(gòu)圖。 在導航視圖中,網(wǎng)頁圖標中顯示了網(wǎng)頁的標題,當瀏覽者瀏覽該網(wǎng)頁時,其內(nèi)容將顯示在瀏覽器的標題欄中。因此,為了使其擁有明確的意義,可右擊網(wǎng)頁圖標,從彈出的菜單中選擇“重命名”,然后輸入新的標題即可,如右圖

25、所示。 當站點中網(wǎng)頁比較多時,根據(jù)該網(wǎng)頁的主題命名網(wǎng)頁文件是非常重要的。在很多情況下,使用導航視圖規(guī)劃站點結(jié)構(gòu)是一種不錯的方法。為了便于理解后面介紹的導航欄,利用導航視圖為站點設計如下圖所示的導航結(jié)構(gòu)圖。 導航欄是一組超鏈接,典型的導航欄將有一些指向站點的主頁和主要網(wǎng)頁的超鏈接。導航欄可以是按鈕形式,也可以是文本形式。要在網(wǎng)頁中插入導航欄,方法如下:(1)在網(wǎng)頁編輯視圖中定位要放置導航欄的位置,或放在一個共享邊界內(nèi)。(2)選擇“插入”“導航欄”菜單,打開下圖所示“導航欄屬性”對話框。 (3)在“導航欄屬性”對話框的“要添加到網(wǎng)頁的超鏈接”區(qū),選擇導航欄中的超鏈接類型。(4)在“方向和外觀”區(qū),

26、設置導航欄是水平還是垂直,是按鈕形式還是文本形式。如果使用了主題,則只能選擇“按鈕”單選鈕。(5)最后,單擊“確定”按鈕,插入導航欄到網(wǎng)頁視圖中。 如果站點應用了一個主題,按鈕式導航欄將使用主題的字體、顏色和其他樣式組件。例如,在導航結(jié)構(gòu)圖對應的網(wǎng)頁中應用主題后,插入導航欄如下頁圖所示。 刪除導航欄的方法如下:(1)選定要刪除的導航欄。(2)選擇“編輯”“刪除”菜單,或按Delete鍵。 插入的導航欄8.3.4 使用網(wǎng)頁橫幅 網(wǎng)頁橫幅的內(nèi)容始終與網(wǎng)頁標題一致,換句話說,通過修改網(wǎng)頁標題可修改橫幅文本,或者通過修改網(wǎng)頁橫幅文本修改網(wǎng)頁標題。 要創(chuàng)建網(wǎng)頁橫幅,必須首先確認當前網(wǎng)頁已被增加到導航結(jié)構(gòu)

27、圖中。接下來可首先將光標定位在要插入網(wǎng)頁橫幅的位置,然后選擇“插入”“網(wǎng)頁橫幅”菜單,此時系統(tǒng)將打開如下圖所示“網(wǎng)頁橫幅屬性”對話框。 由圖可以看出,系統(tǒng)提供了兩種類型的網(wǎng)頁橫幅,一類是圖片式網(wǎng)頁橫幅,一類是文本式網(wǎng)頁橫幅。這兩種類型的橫幅外觀完全相同,只是存儲方式不一樣。 8.3.5 使用Web組件、數(shù)據(jù)庫及表單 如果選擇“插入”“組件”菜單,系統(tǒng)顯示如圖所示“組件”子菜單。由“組件”子菜單可以看出,系統(tǒng)提供了眾多組件。例如,具有動態(tài)效果的組件:懸停按鈕、字幕、站點計數(shù)器、橫幅廣告管理器;還有電子表格、圖表、預覽圖片、附加組件等。 如果選擇“插入”“數(shù)據(jù)庫”菜單中的“結(jié)果”,可在網(wǎng)頁中插入數(shù)

28、據(jù)庫關(guān)聯(lián)元素,如下頁左圖所示。如此一來,當數(shù)據(jù)庫內(nèi)容更新時,網(wǎng)頁將自動更新。不過,此時由于需要服務器支持,必須將網(wǎng)頁以.asp格式存儲。 通過選擇“插入”“表單”菜單,系統(tǒng)顯示如右下圖所示“表單”子菜單,選擇適當選項可在網(wǎng)頁中插入所需表單,如各種按鈕、文本框、復選框等表單元素。同樣,在網(wǎng)頁中插入的表單要想正確工作,必須獲得服務器的支持才可以。 8.3.6 使用圖片、文件、書簽與超鏈接 通過選擇“插入”菜單中的適當選項,用戶還可在網(wǎng)頁中插入圖片、圖形、剪貼畫、藝術(shù)字、視頻、文件、書簽與超鏈接等,如下圖所示。 對于圖片而言,當用戶單擊圖片時,系統(tǒng)將顯示如下圖所示“圖片”工具欄,單擊選擇不同的工具,

29、可以執(zhí)行如下工作。 在當前位置插入圖片。 在圖片上添加文字。 自動生成縮略圖。生成縮略圖后,瀏覽者只需單擊該縮略圖即可看到原圖片。 將圖像改為絕對定位狀態(tài),從而便于將圖像移至指定位置。 調(diào)整對象層次。 旋轉(zhuǎn)及翻轉(zhuǎn)對象。 調(diào)整圖像的對比度與亮度。 裁剪圖像。 將圖像的某種顏色設置為透明色。 將圖像轉(zhuǎn)換為灰度圖。 為圖像增加凹凸效果。 按圖像的當前狀態(tài)重新取樣。當一幅大圖像被重新取樣后,可有效減小文件尺寸。 在圖像上創(chuàng)建矩形、圓形或多邊形熱點。 復位圖片的原始狀態(tài)。 書簽是網(wǎng)頁中被標記的位置或被標記的選中文本,是網(wǎng)頁內(nèi)部位置的一種標識,可以作為超鏈接的目的端。書簽用于把同一網(wǎng)頁的不同指定位置連接起

30、來。另外,在同一個站點中的不同頁面上指定位置相連接時,往往要把目標對象定義為書簽。當網(wǎng)頁內(nèi)容較多時,可在網(wǎng)頁中設置書簽來標記位置。例如,如果網(wǎng)頁是一篇包含了多個專題的文章,則可利用書簽分別標記各專題所在位置,然后將書簽指定給各小標題即可。 書簽有兩種類型,一是將網(wǎng)頁中的文字或圖片等設置為標簽。為此,可首先選中希望設置為書簽的文字或圖片,然后選擇“插入”“書簽”菜單,此時系統(tǒng)將打開左下圖所示“書簽”對話框。缺省情況下,所選文字被作為書簽名稱。單擊“確定”按鈕后,所選文字下方將增加一條虛線,如中圖所示。 如果當前未選中任何文字或圖片,則將在當前位置插入一個旗幟符號作為書簽,用戶此時需命名書簽,如右

31、下圖所示。 超鏈接是從一個網(wǎng)頁指向另一個網(wǎng)頁的鏈接關(guān)系。鏈接的目標通常是另一個Web網(wǎng)頁或者相同網(wǎng)頁上的不同位置,也可以是一幅圖片、一個電子郵件地址、一個文件或者一個程序。 書簽制作好以后,用戶可將其指定給某個超鏈接。下面就來介紹如何在FrontPage中設置超鏈接。 同樣,如果希望將文字或圖片設置為超鏈接,必須首先選中這些文字或圖片,然后選擇“插入”“超鏈接”菜單,此時系統(tǒng)將打開如右圖所示“創(chuàng)建超鏈接”對話框。 利用該對話框可將當前站點中的某個網(wǎng)頁、某個URL地址設置為超鏈接地址。如果單擊“書簽”按鈕,則可將當前頁面中某個書簽設置為超鏈接地址。此外,通過單擊“更改目標框架”按鈕,還可設置在何處顯示鏈接網(wǎng)頁。 如果單擊URL左側(cè)的“創(chuàng)建一網(wǎng)頁并鏈接到該網(wǎng)頁”按鈕,表示將新建一個鏈接網(wǎng)頁。如果單擊“制作發(fā)送電子郵件的超鏈接”按鈕,表示單擊鏈接將啟動郵件編輯器,用戶此時可編輯并發(fā)送郵件。 8.3.7 使用簡單網(wǎng)頁元素 通過選擇“插入”菜單中的“換行符”、“水平線”、“日期與時間”、“符號”與“注釋”,用戶還可在網(wǎng)頁中插入換行符、水平線、當前日期

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論