FrontPage2003網(wǎng)頁制作_第1頁
FrontPage2003網(wǎng)頁制作_第2頁
FrontPage2003網(wǎng)頁制作_第3頁
FrontPage2003網(wǎng)頁制作_第4頁
FrontPage2003網(wǎng)頁制作_第5頁
已閱讀5頁,還剩61頁未讀, 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

1、任務(wù)一任務(wù)一 制作簡單網(wǎng)頁制作簡單網(wǎng)頁任務(wù)二:網(wǎng)頁布局及發(fā)布、表任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建單的創(chuàng)建我們很多人都喜歡上網(wǎng)沖浪,甚至于夢想著我們很多人都喜歡上網(wǎng)沖浪,甚至于夢想著有一天自己也能擁有一個個人網(wǎng)站,可是,有一天自己也能擁有一個個人網(wǎng)站,可是,怎樣制作網(wǎng)站呢?我們可能還從未曾真正的怎樣制作網(wǎng)站呢?我們可能還從未曾真正的知道知道,而而FrontPage就可以幫助我們完成我們就可以幫助我們完成我們的小小愿望。的小小愿望。任務(wù)引入任務(wù)引入學(xué)習(xí)內(nèi)容學(xué)習(xí)內(nèi)容FrontPage的主要功能。的主要功能。FrontPage的啟動與退出。的啟動與退出。網(wǎng)頁與網(wǎng)站的關(guān)系。網(wǎng)頁與網(wǎng)站的關(guān)系。Front

2、Page的三種編輯方式(普通、的三種編輯方式(普通、HTML、預(yù)覽)以及三種編輯方、預(yù)覽)以及三種編輯方式的不同用途。式的不同用途。FrontPage中的中的6種視圖,即網(wǎng)頁視圖、報表視圖、導(dǎo)航視圖、超鏈種視圖,即網(wǎng)頁視圖、報表視圖、導(dǎo)航視圖、超鏈接視圖、任務(wù)視圖,以及各種視圖的作用和操作特點。接視圖、任務(wù)視圖,以及各種視圖的作用和操作特點。創(chuàng)建站點:了解站點的概念,掌握創(chuàng)建站點的方法。創(chuàng)建站點:了解站點的概念,掌握創(chuàng)建站點的方法。網(wǎng)頁編輯:新建網(wǎng)頁、打開網(wǎng)頁、設(shè)置文字格式、設(shè)置網(wǎng)頁屬性、網(wǎng)頁編輯:新建網(wǎng)頁、打開網(wǎng)頁、設(shè)置文字格式、設(shè)置網(wǎng)頁屬性、網(wǎng)頁預(yù)覽。網(wǎng)頁預(yù)覽。插入對象:插入文本、水平線、

3、圖片、字幕、表格等。插入對象:插入文本、水平線、圖片、字幕、表格等。超鏈接:創(chuàng)建超鏈接。超鏈接:創(chuàng)建超鏈接。 在在Office 2003套裝軟件中,套裝軟件中,F(xiàn)rontPage2003已不再是其中的一個組件,而是被分離出來。已不再是其中的一個組件,而是被分離出來。FrontPage2003的安裝、啟動和退出方法都同的安裝、啟動和退出方法都同Office系列的其它軟件基本相同系列的其它軟件基本相同 。 FrontPage 2003提供了六種視圖模式,提供了六種視圖模式,即網(wǎng)頁視圖、文件夾視圖、報表視圖、導(dǎo)即網(wǎng)頁視圖、文件夾視圖、報表視圖、導(dǎo)航視圖、超鏈接視圖和任務(wù)視圖。它們是航視圖、超鏈接視圖

4、和任務(wù)視圖。它們是用戶進行網(wǎng)站設(shè)計的有力工具,靈活運用用戶進行網(wǎng)站設(shè)計的有力工具,靈活運用視圖模式,將極大地方便設(shè)計操作和網(wǎng)站視圖模式,將極大地方便設(shè)計操作和網(wǎng)站管理。管理。一、一、網(wǎng)頁視圖網(wǎng)頁視圖 網(wǎng)頁視圖為網(wǎng)頁的設(shè)計提供了一個工作網(wǎng)頁視圖為網(wǎng)頁的設(shè)計提供了一個工作場所,可以在這個環(huán)境下對網(wǎng)頁進行設(shè)計場所,可以在這個環(huán)境下對網(wǎng)頁進行設(shè)計和修改。和修改。二、文件夾視圖二、文件夾視圖 打開一個網(wǎng)頁后,系統(tǒng)默認是以文件夾打開一個網(wǎng)頁后,系統(tǒng)默認是以文件夾視圖來顯示的,文件夾視圖與視圖來顯示的,文件夾視圖與Windows中中的資源管理器相似,它能夠顯示當前的的資源管理器相似,它能夠顯示當前的Web中

5、的內(nèi)容是如何組織的。中的內(nèi)容是如何組織的。 三、三、報表視圖報表視圖 報表視圖相當于屬性檢查,它能給出當報表視圖相當于屬性檢查,它能給出當前網(wǎng)站的有關(guān)屬性。靈活應(yīng)用報表視圖能前網(wǎng)站的有關(guān)屬性。靈活應(yīng)用報表視圖能夠使用戶方便地了解網(wǎng)頁的屬性,便于把夠使用戶方便地了解網(wǎng)頁的屬性,便于把握和修改網(wǎng)頁。握和修改網(wǎng)頁。 四、導(dǎo)航視圖四、導(dǎo)航視圖 導(dǎo)航視圖清楚地顯示了導(dǎo)航視圖清楚地顯示了Web的結(jié)構(gòu),用的結(jié)構(gòu),用戶可以從中了解到網(wǎng)站中各部分之間的邏戶可以從中了解到網(wǎng)站中各部分之間的邏輯關(guān)系,它反映了網(wǎng)站的整個脈絡(luò)。輯關(guān)系,它反映了網(wǎng)站的整個脈絡(luò)。 五、五、超鏈接視圖超鏈接視圖 超鏈接視圖以圖形化的界面顯示

6、了當前超鏈接視圖以圖形化的界面顯示了當前網(wǎng)頁和其他文件之間的超鏈接關(guān)系,也可網(wǎng)頁和其他文件之間的超鏈接關(guān)系,也可以顯示網(wǎng)站與網(wǎng)站之間的超鏈接。以顯示網(wǎng)站與網(wǎng)站之間的超鏈接。 六、任務(wù)視圖六、任務(wù)視圖 任務(wù)視圖用任務(wù)列表的方式對任務(wù)進行任務(wù)視圖用任務(wù)列表的方式對任務(wù)進行管理,操作人員可以把詳細的任務(wù)放在任管理,操作人員可以把詳細的任務(wù)放在任務(wù)列表中,這樣它就會提醒設(shè)計人員需要務(wù)列表中,這樣它就會提醒設(shè)計人員需要完成哪些任務(wù),還剩哪些任務(wù)沒有完成。完成哪些任務(wù),還剩哪些任務(wù)沒有完成。啟動啟動FrontPage2003 單擊任務(wù)欄上的單擊任務(wù)欄上的“開始開始”按鈕,指向按鈕,指向“程序程序”,單擊,

7、單擊 “Microsoft FrontPage”啟動啟動FrontPage2003。新建站點新建站點選擇選擇“文件文件”菜單中的菜單中的“新建新建”“”“站點站點”命令,指定站點的位命令,指定站點的位置,建立站點置,建立站點Web1,FrontPage2003默認建立主頁(默認建立主頁(index.htm)。)。在站點中新建網(wǎng)頁:在站點中新建網(wǎng)頁:選擇選擇“文件文件”菜單中的菜單中的“新建新建”“”“網(wǎng)頁網(wǎng)頁”命令,新建網(wǎng)頁。命令,新建網(wǎng)頁。( (默認:默認:New Page 1)New Page 1) 插入水平線:將插入點置于適當位置,使用插入水平線:將插入點置于適當位置,使用“插入插入”菜

8、單中的菜單中的“水平水平線線”命令插入水平線。右鍵單擊插入的水平線,選擇命令插入水平線。右鍵單擊插入的水平線,選擇“水平線屬性水平線屬性”命令,可以在彈出的命令,可以在彈出的“水平線屬性水平線屬性”對話框中修改水平線的屬性。對話框中修改水平線的屬性。 插入表格:插入表格: 選擇選擇“表格表格”菜單中的菜單中的“插入表格插入表格”命令,命令, 或者選擇或者選擇“表格表格/手繪表格手繪表格”命令,命令, 或者使用工具欄中的或者使用工具欄中的“插入表格插入表格”按鈕,在插入點處建立一個兩列按鈕,在插入點處建立一個兩列多行的表格,以便下面使用表格定位文字和圖片。多行的表格,以便下面使用表格定位文字和圖

9、片。 在表格中插入文字和圖片:選取合適的文字和圖片素材,分別插入到在表格中插入文字和圖片:選取合適的文字和圖片素材,分別插入到表格的單元格中,調(diào)整單元格的寬度和高度屬性直至合適。表格的單元格中,調(diào)整單元格的寬度和高度屬性直至合適。 預(yù)覽和保存網(wǎng)頁:預(yù)覽和保存網(wǎng)頁:切換到預(yù)覽視圖可以切換到預(yù)覽視圖可以查看網(wǎng)頁的效果。制查看網(wǎng)頁的效果。制作完成后,保存網(wǎng)頁作完成后,保存網(wǎng)頁為為“歷屆奧運吉祥物歷屆奧運吉祥物.htm,注意設(shè)置合,注意設(shè)置合適的網(wǎng)頁標題。保存適的網(wǎng)頁標題。保存后,在瀏覽器中打開后,在瀏覽器中打開并瀏覽該網(wǎng)頁。并瀏覽該網(wǎng)頁。 在窗口左側(cè)的文件夾列表中,雙擊網(wǎng)頁文件在窗口左側(cè)的文件夾列表

10、中,雙擊網(wǎng)頁文件“index.htm”,打開并,打開并編輯該網(wǎng)頁文件。輸入標題編輯該網(wǎng)頁文件。輸入標題“歷屆奧運會吉祥物歷屆奧運會吉祥物”,利用,利用“格式格式”工具欄中的工具欄中的“樣式樣式”將其設(shè)置為將其設(shè)置為“標題一標題一”,并設(shè),并設(shè)“對齊方式對齊方式”為為“水平居中水平居中”。 選擇選擇“插入插入”菜單中的菜單中的“水平線水平線”命令,插入水平線。雙擊水平線,在命令,插入水平線。雙擊水平線,在打開的打開的“水平線屬性水平線屬性”對話框中設(shè)置其屬性。輸入文字對話框中設(shè)置其屬性。輸入文字“北京北京2008奧奧運吉祥物及歷屆奧運吉祥物運吉祥物及歷屆奧運吉祥物”,并在兩段文字后分別插入圖片,

11、并在兩段文字后分別插入圖片“福娃貝福娃貝貝貝”和和“2004年奧運吉祥物年奧運吉祥物”。 插入超鏈接插入超鏈接 第一步:選擇文字第一步:選擇文字“北京北京2008奧運吉祥物奧運吉祥物”。第二步:利用第二步:利用“插入插入”菜單或右鍵菜單中菜單或右鍵菜單中“創(chuàng)建超鏈接創(chuàng)建超鏈接”命令,打開命令,打開“創(chuàng)建超鏈接創(chuàng)建超鏈接”對話框。對話框。 插入超鏈接插入超鏈接:第三步:在第三步:在“創(chuàng)建超鏈接創(chuàng)建超鏈接”對話框?qū)υ捒蛑羞x擇網(wǎng)頁中選擇網(wǎng)頁“2008奧運吉祥物奧運吉祥物.htm”,該網(wǎng)頁在任務(wù)二中已創(chuàng),該網(wǎng)頁在任務(wù)二中已創(chuàng)建。建。第四步:單擊第四步:單擊“確定確定”按鈕,完成按鈕,完成超鏈接的添加。

12、超鏈接的添加。 第五步:為圖片第五步:為圖片“福娃貝貝福娃貝貝”設(shè)置設(shè)置超鏈接,指向網(wǎng)頁超鏈接,指向網(wǎng)頁“2008奧運吉祥奧運吉祥物物.htm”;為文字;為文字“歷屆奧運吉祥物歷屆奧運吉祥物”和圖片和圖片“2004年奧運吉祥物年奧運吉祥物”添添加超鏈接,鏈接到任務(wù)二創(chuàng)建的網(wǎng)加超鏈接,鏈接到任務(wù)二創(chuàng)建的網(wǎng)頁頁“歷屆奧運吉祥物歷屆奧運吉祥物.htm”。 設(shè)置圖片設(shè)置圖片“福娃貝貝福娃貝貝”和和“2004年奧運吉祥物年奧運吉祥物”的屬性的屬性。 選中圖片,利用“格式”菜單中的“屬性”或右鍵菜單中的“圖片屬性”命令打開“圖片屬性”對話框,選擇其中的“外觀”選項卡,修改布局、大小等屬性,將圖片的對齊方式

13、設(shè)置為“相對垂直居中” 為網(wǎng)頁為網(wǎng)頁“2008奧運吉祥物奧運吉祥物.htm”和和“歷屆奧運吉祥物歷屆奧運吉祥物.htm”添加返添加返回回“index.htm”的超鏈接的超鏈接 插入交互式按鈕插入交互式按鈕實現(xiàn)網(wǎng)頁實現(xiàn)網(wǎng)頁“2008奧運會吉祥物奧運會吉祥物.htm”轉(zhuǎn)到其他網(wǎng)頁和返回主頁的鏈接。轉(zhuǎn)到其他網(wǎng)頁和返回主頁的鏈接。 插入滾動字幕插入滾動字幕在在index.html標題文字標題文字“奧運吉祥物奧運吉祥物”上方插入滾動字幕上方插入滾動字幕“奧運會吉祥物的歷史奧運會吉祥物的歷史”,設(shè)置為向左滾動。設(shè)置為向左滾動。 添加橫幅廣告管理器添加橫幅廣告管理器在左上角的位置插入橫幅廣告管理器組件??梢?/p>

14、添加多個圖片定時切換,還可以設(shè)置超鏈接 保存網(wǎng)頁,在瀏覽器中查看網(wǎng)頁,并測試超鏈接。保存網(wǎng)頁,在瀏覽器中查看網(wǎng)頁,并測試超鏈接。課后作業(yè)課后作業(yè)1用用FrontPage制作一個站點。設(shè)置網(wǎng)頁標題欄內(nèi)容為制作一個站點。設(shè)置網(wǎng)頁標題欄內(nèi)容為“我的第一個網(wǎng)頁我的第一個網(wǎng)頁”,插入水平線,插入水平線,換行后再插入,換行后再插入“日期和時間日期和時間”2在上題網(wǎng)頁中插入圖片和背景圖片。在上題網(wǎng)頁中插入圖片和背景圖片。3在上題網(wǎng)頁中添加滾動字幕在上題網(wǎng)頁中添加滾動字幕“歡迎光臨本網(wǎng)站歡迎光臨本網(wǎng)站”。4在上題網(wǎng)頁中的滾動字幕下加入一個在上題網(wǎng)頁中的滾動字幕下加入一個3行行4列的表格,將表格第一行合并,其中

15、加入文字列的表格,將表格第一行合并,其中加入文字“課程表課程表”。表格邊框粗細為。表格邊框粗細為“3”,亮邊框,亮邊框“淺藍色淺藍色”、暗邊框、暗邊框“藍綠色藍綠色”。5在上題的網(wǎng)頁中的表格下輸入文字在上題的網(wǎng)頁中的表格下輸入文字“有情鏈接有情鏈接”,并將其鏈接到中國教育和科研計算機,并將其鏈接到中國教育和科研計算機網(wǎng)網(wǎng)http:/ 知識技能點知識技能點FrontPage2003FrontPage2003的表格的創(chuàng)建和使用的表格的創(chuàng)建和使用FrontPage2003FrontPage2003的框架的創(chuàng)建和使用的框架的創(chuàng)建和使用FrontPage2003FrontPage2003的表單的創(chuàng)建和使

16、用的表單的創(chuàng)建和使用FrontPage2003FrontPage2003的網(wǎng)頁的發(fā)布和維護的網(wǎng)頁的發(fā)布和維護王君要為燕山中學(xué)校報的網(wǎng)站創(chuàng)建一個介紹關(guān)于王君要為燕山中學(xué)校報的網(wǎng)站創(chuàng)建一個介紹關(guān)于“中國節(jié)日中國節(jié)日”專題網(wǎng)頁,他已經(jīng)設(shè)計了關(guān)于專題網(wǎng)頁,他已經(jīng)設(shè)計了關(guān)于“春節(jié)春節(jié)”、“元宵節(jié)元宵節(jié)”、“清清明節(jié)明節(jié)”、“端午節(jié)端午節(jié)”的的4個網(wǎng)頁,下面要進行工作就是把各個網(wǎng)頁,下面要進行工作就是把各個網(wǎng)頁組織在一起,進行整體布局,并創(chuàng)建一個征求反饋意個網(wǎng)頁組織在一起,進行整體布局,并創(chuàng)建一個征求反饋意見的網(wǎng)頁,發(fā)布在學(xué)校的網(wǎng)站上。見的網(wǎng)頁,發(fā)布在學(xué)校的網(wǎng)站上。 王君首先要建立一個帶表格的網(wǎng)頁做為目錄

17、,然后創(chuàng)建王君首先要建立一個帶表格的網(wǎng)頁做為目錄,然后創(chuàng)建一個表單頁面,再通過創(chuàng)建框架把這些網(wǎng)頁進行整體的布局,一個表單頁面,再通過創(chuàng)建框架把這些網(wǎng)頁進行整體的布局,最后發(fā)布到學(xué)校的網(wǎng)站上。最后發(fā)布到學(xué)校的網(wǎng)站上。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 任務(wù)引入任務(wù)引入初始圖成形圖任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 相關(guān)知識:表格由行和列交叉所形成的單元格組成。在單元相關(guān)知識:表格由行和列交叉所形成的單元格組成。在單元格中可以放置任何對象,例如文本、圖像、表單、格中可以放置任何對象,例如文本、圖像、表單、FrontPage組件等。

18、利用表格可以有條理地排列數(shù)據(jù)或者組組件等。利用表格可以有條理地排列數(shù)據(jù)或者組織網(wǎng)頁布局。表格可以將文本排列成并列的段落,或模擬文織網(wǎng)頁布局。表格可以將文本排列成并列的段落,或模擬文本的分欄形式,也可以利用寬度固定的表格在網(wǎng)頁上為文本本的分欄形式,也可以利用寬度固定的表格在網(wǎng)頁上為文本提供邊界。提供邊界。FrontPage 2003提供了與提供了與Word字處理軟件類似的字處理軟件類似的表格處理功能,在網(wǎng)頁中可以輕松地創(chuàng)建和處理表格。表格處理功能,在網(wǎng)頁中可以輕松地創(chuàng)建和處理表格。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 創(chuàng)建方法如下:創(chuàng)建方法如下: 使用菜單命令使用

19、菜單命令“插入插入”“表格表格”,彈出如圖,彈出如圖814所所示,示,可以對插入的表格進行精確的設(shè)置,包括行和列的數(shù)目、可以對插入的表格進行精確的設(shè)置,包括行和列的數(shù)目、邊框尺寸以及單元格寬度等。邊框尺寸以及單元格寬度等。王君王君根據(jù)實際情況,選擇了大根據(jù)實際情況,選擇了大小為小為4行行1列,和背景顏色為水綠色的的表格。然后在插入的列,和背景顏色為水綠色的的表格。然后在插入的表格中輸入文字,并最后在表格屬性中調(diào)整表格,完成后的表格中輸入文字,并最后在表格屬性中調(diào)整表格,完成后的表格頁面如圖表格頁面如圖815所示。所示。 任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 圖8

20、14表格屬性圖圖815 表格設(shè)計完成圖 任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 創(chuàng)建表格還有以下創(chuàng)建表格還有以下2 2種方法:種方法:(1 1)可以使用)可以使用“常用常用”工具欄中的工具欄中的“插入表格插入表格”按鈕,快按鈕,快速地插入表格。速地插入表格。(2 2)從)從“表格表格”菜單中選擇菜單中選擇“手繪表格手繪表格”命令,手動繪制命令,手動繪制表格。表格。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 表格屬性的設(shè)置:表格屬性的設(shè)置:對齊方式:可以選擇左對齊、右對齊、水平居中和兩端對齊。對齊方式:可以選擇左對齊、右對齊、水平居中和兩端

21、對齊。該屬性決定表格在網(wǎng)頁中的相對位置。該屬性決定表格在網(wǎng)頁中的相對位置。浮動:可以選擇左對齊、右對齊。該屬性決定表格與其他網(wǎng)頁浮動:可以選擇左對齊、右對齊。該屬性決定表格與其他網(wǎng)頁元素的排列關(guān)系,即元素的排列關(guān)系,即“文字環(huán)繞文字環(huán)繞”效果。效果。指定寬度和高度:設(shè)置表格的大小??梢允褂媒^對大小指定寬度和高度:設(shè)置表格的大小??梢允褂媒^對大小“像素像素”或相對大小或相對大小“百分比百分比”。單元格襯距:設(shè)置表格線與表格內(nèi)容的距離。單元格襯距:設(shè)置表格線與表格內(nèi)容的距離。單元格間距:設(shè)置兩個相鄰單元格邊框的距離單元格間距:設(shè)置兩個相鄰單元格邊框的距離邊框:粗細以像素為單位,可以選擇合適的邊框顏

22、色。邊框:粗細以像素為單位,可以選擇合適的邊框顏色。背景:可以指定背景顏色或背景圖像。背景:可以指定背景顏色或背景圖像。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 表格屬性的設(shè)置:創(chuàng)建表格后,可以對表格單元格、行和列的布局和結(jié)構(gòu)進行調(diào)整,具體操作有:調(diào)整行、列或單元格;插入行、列或單元格;刪除行、列或單元格;合并、拆分單元格;平均分布行高、列寬;設(shè)置單元格屬性等。在“單元格屬性”對話框中,可以設(shè)置單元格中內(nèi)容的布局,精確定義單元格的寬度、高度,確定單元格的背景以及邊框的顏色等。 王君完成了一個表格網(wǎng)頁的設(shè)計,接著要做的工作就是利用表單設(shè)計一個反饋網(wǎng)頁。任務(wù)二:網(wǎng)頁布局

23、及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 相關(guān)知識:相關(guān)知識:表單與網(wǎng)站之間的關(guān)系在概念上類似于表格與表單與網(wǎng)站之間的關(guān)系在概念上類似于表格與紙張之間的關(guān)系,不同之處在于使用表單可以與網(wǎng)站訪問者紙張之間的關(guān)系,不同之處在于使用表單可以與網(wǎng)站訪問者交互以及從訪問者那里收集信息。用戶在表單中輸入數(shù)據(jù)然交互以及從訪問者那里收集信息。用戶在表單中輸入數(shù)據(jù)然后提交給后提交給Web服務(wù)器,例如在表單中輸入姓名及密碼,服務(wù)服務(wù)器,例如在表單中輸入姓名及密碼,服務(wù)器根據(jù)輸入通過腳本進行判斷是否允許登錄。器根據(jù)輸入通過腳本進行判斷是否允許登錄。通??梢允褂猛ǔ?梢允褂镁W(wǎng)站上的表單來完成以下典型任務(wù):

24、網(wǎng)站上的表單來完成以下典型任務(wù): 從網(wǎng)站訪問者那里檢從網(wǎng)站訪問者那里檢索聯(lián)系信息(例如,留言簿);接受訂單并收集交貨與收費索聯(lián)系信息(例如,留言簿);接受訂單并收集交貨與收費信息;用戶登錄網(wǎng)站。信息;用戶登錄網(wǎng)站。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 創(chuàng)建表單創(chuàng)建表單首先在需要添加表單的位置單擊;然后,單擊首先在需要添加表單的位置單擊;然后,單擊“插入插入”單,單,鼠標指向鼠標指向“表單表單”,在出現(xiàn)的子菜單中單擊在出現(xiàn)的子菜單中單擊“表單表單”,如圖,如圖816所示。所示。在在FrontPage 2003FrontPage 2003中,有文本框、文本區(qū)、分中,

25、有文本框、文本區(qū)、分組框、復(fù)選框、選項按鈕、文件上載、下拉框、高級按鈕、組框、復(fù)選框、選項按鈕、文件上載、下拉框、高級按鈕、圖片、標簽等幾種表單域。圖片、標簽等幾種表單域。插入表單圖 任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 王君根據(jù)實際情況,要獲得反饋者的姓名、性別、建議王君根據(jù)實際情況,要獲得反饋者的姓名、性別、建議等信息。分別了插入等信息。分別了插入“文本框文本框”、“選項按鈕選項按鈕”和和“文文本區(qū)本區(qū)”表單域。其操作步驟如下:表單域。其操作步驟如下:首先輸入文字首先輸入文字“姓名姓名”,在其后插入,在其后插入“文本框文本框”表單域,表單域,然后輸入文字然后

26、輸入文字“性別性別”,在其后插入兩個,在其后插入兩個“選項按鈕選項按鈕”表單域,并在對應(yīng)的表單域,并在對應(yīng)的“選項按鈕選項按鈕”位置輸入文字位置輸入文字“男男”,“女女”,最后輸入文字,最后輸入文字“建議建議”,并在其后插入,并在其后插入“文本文本區(qū)區(qū)”表單域。完成如圖表單域。完成如圖所示。所示。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 表單頁設(shè)計圖表單頁設(shè)計圖這樣,就設(shè)計完成了一個利用表單創(chuàng)建的頁面。這樣,就設(shè)計完成了一個利用表單創(chuàng)建的頁面。 任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 FrontPage 2003提供的常用的幾種表單域的

27、功能【文本框】用于讓瀏覽者輸入一行文字,這些文字就是此表單域的取值。【文本區(qū)】用于讓瀏覽者輸入多行文字,這些文字就是此表單域的取值?!疚募陷d】用來上載一份文件。瀏覽者輸入一個文件名稱或者使用按鈕定位這個文件。【復(fù)選框】用來提供多個互不排斥的選項。復(fù)選框可以單個出現(xiàn),也可以成組出現(xiàn)。在選擇時,可以選擇多個,也可以都不選。不同的復(fù)選框可以共用一個表單域名稱。復(fù)選框的取值由復(fù)選框的選擇狀態(tài)來決定,每個復(fù)選框都對應(yīng)于一條提交的名稱和取值信息?!具x項按鈕】通常成組使用,用來提供一組互相排斥的選項。在選擇時只能選擇其中一項。單選按鈕不僅具有表單域名稱,而且同組的單選按鈕還必須具有相同的組名。在提交表單時

28、,每組單選按鈕中只傳遞選中的單選按鈕的名稱和取值的組合。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 FrontPage 2003提供的常用的幾種表單域的功能【分組框】帶標題的方框區(qū)域,包含一組相關(guān)的字段?!鞠吕颉刻峁┮粋€選項列表,供瀏覽者從中選擇需要的選項。一般情況下,瀏覽者只能從中選擇一項,但通過修改其屬性,也可以選擇多項?!景粹o】一個表單中至少要有2個按鈕:提交(Submit)按鈕和重置(Reset)按鈕。提交(Submit)按鈕用來把瀏覽者在表單上所填寫的數(shù)據(jù)發(fā)送給Web服務(wù)器上的表單處理程序進行處理。重置(Reset)按鈕用來把表單上的數(shù)據(jù)全部清 空重新填寫

29、。在FrontPage 2000中還有一種屬性為“普通”的按鈕?!靖呒壈粹o】與普通按鈕的功能一樣,只是其上面能夠顯示HTML內(nèi)容?!緢D片】實際上是一個由圖片表示的提交按鈕。當單擊圖片按鈕時,把表單數(shù)據(jù)和點擊的位置信息發(fā)送給服務(wù)器?!緲撕灐客ǔR饬x上的標簽是指在表單域旁邊的說明性文字,沒有可擊性。這里所說的標簽是一種具有可擊性的標簽。通過單擊這類標簽,可以將輸入焦點移到此標簽所對應(yīng)的表單域中。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 提交表單的設(shè)置:提交表單的設(shè)置:WebWeb服務(wù)器怎樣獲取客戶在表單中填寫的信息呢?當客戶單擊服務(wù)器怎樣獲取客戶在表單中填寫的信息呢?當

30、客戶單擊“提交提交”按鈕后,按鈕后,WebWeb服務(wù)器用表單處理程序來處理表單上的信息,表單處理服務(wù)器用表單處理程序來處理表單上的信息,表單處理程序可以是注冊組件,也可以是自定義的程序可以是注冊組件,也可以是自定義的ISAPIISAPINSAPINSAPI應(yīng)用程序或應(yīng)用程序或CGICGI腳本等。腳本等。表單處理程序位于表單處理程序位于WebWeb服務(wù)器端,用于處理客戶提交過來的表單上的服務(wù)器端,用于處理客戶提交過來的表單上的內(nèi)容,或者發(fā)送確認信息給客戶。內(nèi)容,或者發(fā)送確認信息給客戶。要指定表單處理程序,在表單上單擊鼠標右鍵,在彈出的菜單中選擇要指定表單處理程序,在表單上單擊鼠標右鍵,在彈出的菜

31、單中選擇“表單屬性表單屬性”命令,打開命令,打開“表單屬性表單屬性”對話框,如圖所示。對話框,如圖所示。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 設(shè)置表單屬性圖設(shè)置表單屬性圖王君完成了一個利用表單創(chuàng)建的反饋網(wǎng)頁的設(shè)計,接著要做王君完成了一個利用表單創(chuàng)建的反饋網(wǎng)頁的設(shè)計,接著要做的工作就是利用框架把所設(shè)計的這些網(wǎng)頁整合在一起,形成的工作就是利用框架把所設(shè)計的這些網(wǎng)頁整合在一起,形成一個完整的關(guān)于一個完整的關(guān)于“中國節(jié)日中國節(jié)日”的主題網(wǎng)站。的主題網(wǎng)站。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 相關(guān)知識:相關(guān)知識:框架是一種特殊的網(wǎng)頁技術(shù),含

32、有框架的網(wǎng)頁是一種特殊的網(wǎng)頁,一般稱為框架網(wǎng)頁。使用框架后,整個網(wǎng)頁被分割成幾個區(qū)域,每個區(qū)域稱為一個框架窗口,任何一個框架窗口單獨顯示一頁??蚣艽翱诳梢宰鳛槌溄拥拇翱?,當瀏覽者點擊一個超鏈接時,該超鏈接的目標窗口便可以是目標框架窗口,而不是整大體上瀏覽器的窗口??蚣芗夹g(shù)是有效架構(gòu)網(wǎng)頁結(jié)構(gòu)和合理展示信息的工具,也為瀏覽者提供了方便和友好的界面。本章將結(jié)合實例以詳細的操作步驟介紹在網(wǎng)頁中使用框架的基本方法和技能。通過本章的學(xué)習(xí),讀者應(yīng)該理解框架網(wǎng)頁的基本概念,掌握框架網(wǎng)頁的創(chuàng)建、編輯和保存以及框架屬性和框架網(wǎng)頁超鏈接的設(shè)置等內(nèi)容。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的

33、創(chuàng)建 1創(chuàng)建框架在“文件”框的“新建”子框中選擇“網(wǎng)頁”命令,打開“新建”對話框;如圖819所示。 圖8 19新建對話框圖任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 選擇其中“其他網(wǎng)頁模板”命令,彈出“網(wǎng)頁模板”對話框,如圖820所示。圖820 網(wǎng)頁模板圖 任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 王君根據(jù)實際情況,選擇“橫幅和目錄”的框架網(wǎng)頁,打開如圖821 所示。圖821 “橫幅和目錄”的框架網(wǎng)頁圖橫幅區(qū)網(wǎng)頁內(nèi)容區(qū)目錄區(qū)任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 2創(chuàng)建框架超鏈接 一個新的框架網(wǎng)頁不包含任何內(nèi)容

34、,F(xiàn)rontPage 2003將在每個新框架中顯示和兩個按鈕,單擊前一按鈕可以從站點中選擇已準備好的網(wǎng)頁,單擊后一按鈕可以在框架中創(chuàng)建一個新的空白網(wǎng)頁。 由于王君已經(jīng)準備好了4個“中國節(jié)日”的網(wǎng)頁,所以他就單擊選擇已準備好的網(wǎng)頁。首先單擊橫幅區(qū)的,彈出如圖822 所示圖822 插入超鏈接圖任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 選擇已準備好的橫幅網(wǎng)頁,單擊“確定”。網(wǎng)頁就變成923所示圖823插入橫幅圖任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 同樣的方法插入目錄網(wǎng)頁,網(wǎng)頁就變成924插入目錄圖所示圖824 插入目錄圖任務(wù)二:網(wǎng)頁布局及發(fā)

35、布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 下面要分別插入4個“節(jié)日”的網(wǎng)頁,這就要分別對應(yīng)創(chuàng)建超鏈接,其方法如下:(1)選擇要定義超鏈接的文字或圖片;(2)單擊“常用”工具欄上的“超鏈接”按鈕,出現(xiàn)“創(chuàng)建超鏈接”對話框;(3)在“查找范圍”中選擇需要插入鏈接的目標網(wǎng)頁;(4)單擊“更改目標框架”按鈕,出現(xiàn)“目標框架”對話框;(5)在“當前框架網(wǎng)頁”區(qū)域中單擊要用作目標的框架;(6)單擊“確定”按鈕,返回到“創(chuàng)建超鏈接”對話框,在“目標框架”欄中顯示出設(shè)置的目標框架名稱;(7)單擊“確定”按鈕。在指定目標框架時,除了當前的框架之外,還提供了一些特殊的框架來創(chuàng)建不同效果的目標框架。這些特殊

36、框架位于“目標框架”對話框中的“公用的目標區(qū)”區(qū)域,有以下幾種:相同框架:將鏈接的網(wǎng)頁顯示在包含該超鏈接的 同一個框架內(nèi)。整頁:將框架展開為整個窗口后,顯示鏈接網(wǎng)頁。新建窗口:打開另外一個新窗口,顯示鏈接網(wǎng)頁。父框架:在當前框架的上層框架內(nèi)顯示鏈接網(wǎng)頁。 任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 同樣的方法插入反饋網(wǎng)頁。設(shè)計完成后的網(wǎng)頁如圖825所示圖825 設(shè)計完成圖任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 FrontPage 2003 FrontPage 2003提供的常用的幾種關(guān)于創(chuàng)建框架的操作:提供的常用的幾種關(guān)于創(chuàng)建框架的操作:

37、保存框架網(wǎng)頁保存框架網(wǎng)頁 當完成框架網(wǎng)頁之后,就需要保存這個框架網(wǎng)頁。操作步驟如下:當完成框架網(wǎng)頁之后,就需要保存這個框架網(wǎng)頁。操作步驟如下:(1 1)單擊)單擊“常用常用”工具欄中的工具欄中的“保存保存”按鈕,打開按鈕,打開“另存為另存為”對對 話框,在右邊的框架網(wǎng)頁預(yù)覽圖中,其中一個框架話框,在右邊的框架網(wǎng)頁預(yù)覽圖中,其中一個框架 高亮顯示,表示正在保存該網(wǎng)頁;高亮顯示,表示正在保存該網(wǎng)頁;(2 2)在)在“文件名文件名”框中輸入網(wǎng)頁名稱;框中輸入網(wǎng)頁名稱;(3 3)單擊)單擊“更改更改”按鈕,設(shè)置網(wǎng)頁的標題;按鈕,設(shè)置網(wǎng)頁的標題;(4 4)單擊)單擊“保存保存”按鈕,該網(wǎng)頁保存完畢,框架

38、圖中的另按鈕,該網(wǎng)頁保存完畢,框架圖中的另 一個框架處于高亮狀態(tài);一個框架處于高亮狀態(tài);(5 5)重復(fù)步驟()重復(fù)步驟(2 2)()(4 4)的操作;)的操作;(6 6)當對話框中的整個框架處于高亮狀態(tài)時,表示正在)當對話框中的整個框架處于高亮狀態(tài)時,表示正在 保存框架網(wǎng)頁本身;保存框架網(wǎng)頁本身;(7 7)輸入框架網(wǎng)頁的文件名稱及標題;)輸入框架網(wǎng)頁的文件名稱及標題;(8 8)單擊)單擊“保存保存”按鈕。按鈕。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 任務(wù)二:任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 拆分框架拆分框架 當使用模板創(chuàng)建的框架結(jié)構(gòu)不能

39、滿足需要時,可以通過拆分框架當使用模板創(chuàng)建的框架結(jié)構(gòu)不能滿足需要時,可以通過拆分框架制作出更為復(fù)雜的框架網(wǎng)頁。操作步驟如下:制作出更為復(fù)雜的框架網(wǎng)頁。操作步驟如下:(1 1)選擇要拆分的框架;)選擇要拆分的框架;(2 2)在)在“框架框架”框中選擇框中選擇“拆分框架拆分框架”命令,打開命令,打開“拆分框架拆分框架”對話對話框;框;(3 3)根據(jù)需要選擇)根據(jù)需要選擇“拆分為列拆分為列”或或“拆分成行拆分成行”選項;選項;(4 4)單擊)單擊“確定確定”按鈕完成拆分。按鈕完成拆分。刪除框架刪除框架 可以從框架結(jié)構(gòu)中刪除指定的框架。此時,系統(tǒng)只是把框架從框架可以從框架結(jié)構(gòu)中刪除指定的框架。此時,系

40、統(tǒng)只是把框架從框架網(wǎng)頁中刪去,而此框架中的網(wǎng)頁文件仍然存在。網(wǎng)頁中刪去,而此框架中的網(wǎng)頁文件仍然存在。 操作方法是:選擇要刪除的框架,在操作方法是:選擇要刪除的框架,在“框架框架”框中選擇框中選擇“刪除框架刪除框架”命令即可。命令即可。 設(shè)置框架屬性 通過對框架屬性的設(shè)置,可以更改框架超鏈接的網(wǎng)頁、調(diào)整框架大小等?;静僮魇牵哼x擇目標框架,從“框架”框中選擇“框架屬性”命令,出現(xiàn)如圖826所示的“框架屬性”對話框,設(shè)置框架屬性。圖826框架屬性對話框圖任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 單擊“框架屬性”對話框中“框架網(wǎng)頁”按鈕,彈出如圖827 所示。在這里可以

41、調(diào)整框架間距。清除“顯示邊框”復(fù)選框時,可以隱藏框架邊框。 圖827網(wǎng)頁屬性對話框圖王君完成了整個網(wǎng)頁的設(shè)計,接著要做的工作是把網(wǎng)頁發(fā)布在學(xué)校的網(wǎng)站上。 任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 相關(guān)知識:相關(guān)知識: 通過使用 Microsoft Office FrontPage 2003 新增的“遠程網(wǎng)站”視圖,可以將整個網(wǎng)站或單獨的網(wǎng)頁發(fā)布到本地或遠程的任何網(wǎng)站。本地網(wǎng)站是 FrontPage 2003中打開的源網(wǎng)站。遠程網(wǎng)站是要發(fā)布到的目標網(wǎng)站,通常是承載Web服務(wù)的遠程計算機。 在 FrontPage 2003中,可以發(fā)布到的遠程 Web 服務(wù)器類型包括:1

42、、擴展的 Web 服務(wù)器 ,服務(wù)器上運行 Microsoft 或 Microsoft SharePoint Services 的 FrontPage Server Extensions 。2、一臺文件傳輸協(xié)議 (File Transfer Protocol, FTP) 服務(wù)器。 3、一臺 基于 Web 的分布式制作和版本控制 (WebDAV) 服務(wù)器。 4、計算機或網(wǎng)絡(luò)驅(qū)動器上的文件夾。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 下面王君以下面王君以FTPFTP發(fā)布方式把設(shè)計的網(wǎng)站的發(fā)布在學(xué)校網(wǎng)站服務(wù)器上。發(fā)布方式把設(shè)計的網(wǎng)站的發(fā)布在學(xué)校網(wǎng)站服務(wù)器上。 (1) (1)

43、 設(shè)置遠程網(wǎng)站屬性,以便連接至服務(wù)器并最終進行發(fā)布。設(shè)置遠程網(wǎng)站屬性,以便連接至服務(wù)器并最終進行發(fā)布。首先,選擇首先,選擇“FTP”FTP”作為遠程作為遠程 Web Web 服務(wù)器,如圖服務(wù)器,如圖828 828 所示。所示。然后,在然后,在“遠程網(wǎng)站位置遠程網(wǎng)站位置”框內(nèi),鍵入主機名稱,如框內(nèi),鍵入主機名稱,如“ftp:/”ftp:/”。如如果網(wǎng)站需要上傳到指定目錄則需要在果網(wǎng)站需要上傳到指定目錄則需要在“FTPFTP目錄目錄”中輸入目錄名。中輸入目錄名。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 圖828遠程網(wǎng)站屬性圖任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁

44、布局及發(fā)布、表單的創(chuàng)建 (2) 2) 選擇需要上傳的文件選擇需要上傳的文件檢查需要發(fā)布哪些文件,然后發(fā)布這些文件。操作要點如下:檢查需要發(fā)布哪些文件,然后發(fā)布這些文件。操作要點如下:1 1、 “ “本地網(wǎng)站本地網(wǎng)站”位于窗口左側(cè),位于窗口左側(cè),“遠程網(wǎng)站遠程網(wǎng)站”位于右側(cè)。遠程網(wǎng)站位于右側(cè)。遠程網(wǎng)站是文件的發(fā)布目的地,如圖是文件的發(fā)布目的地,如圖829829文件上傳對話框圖所示。文件上傳對話框圖所示。 2 2、帶箭頭的文件是新文件,且尚未發(fā)布。帶問號、帶箭頭的文件是新文件,且尚未發(fā)布。帶問號 (?) (?) 的文件是有沖的文件是有沖突的文件。這意味著該文件自最近一次發(fā)布以來,在兩個位置都進行突

45、的文件。這意味著該文件自最近一次發(fā)布以來,在兩個位置都進行了修改,或者意味著使用了修改,或者意味著使用 FrontPage 2003FrontPage 2003之外的其他應(yīng)用程序發(fā)布了之外的其他應(yīng)用程序發(fā)布了該文件。該文件。 3 3、準備就緒之后,通過單擊窗口右下角的【發(fā)布網(wǎng)站】按鈕即可發(fā)布、準備就緒之后,通過單擊窗口右下角的【發(fā)布網(wǎng)站】按鈕即可發(fā)布所有文件。或者,也可發(fā)布單個文件,即在本地網(wǎng)站選擇一個文件,所有文件。或者,也可發(fā)布單個文件,即在本地網(wǎng)站選擇一個文件,然后單擊【本地到遠程】按鈕。然后單擊【本地到遠程】按鈕。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 圖

46、829 文件上傳對話框圖當網(wǎng)站發(fā)布成功后,在瀏覽器中打開站點仔細瀏覽,檢查站點中每個網(wǎng)頁是否正確地顯示。當網(wǎng)頁內(nèi)容有更新時,只要單擊“常用”工具欄中的“發(fā)布站點”按鈕,即可將修改過的網(wǎng)頁上傳。王君把網(wǎng)頁制作完成并成功的上傳導(dǎo)學(xué)校的網(wǎng)站上,任務(wù)圓滿完成了。任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建任務(wù)二:網(wǎng)頁布局及發(fā)布、表單的創(chuàng)建 知識擴展知識擴展 網(wǎng)站和網(wǎng)頁的設(shè)計既是一項復(fù)雜的技術(shù)也是一門藝術(shù)。設(shè)計良好的網(wǎng)站不但提供豐富的信息,而且給用戶帶來愉悅的瀏覽體驗。以下是網(wǎng)站和網(wǎng)頁設(shè)計的一些基本原則。1)目標明確,重點突出 首先要明確信息發(fā)布者的性質(zhì)與用途,并了解主要瀏覽對象以及其進行的操作,做到有的放矢。然后,對發(fā)布的信息要分清主次,面面俱到可能使瀏覽者難以找到有用的信息,不能達到預(yù)期的目的。2)主題鮮明,層次清晰要做到主題鮮明,首先要設(shè)計好網(wǎng)站

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 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

提交評論