應(yīng)用FrontPage制作公司產(chǎn)品網(wǎng)頁(yè).ppt

第6FrontPage,主要內(nèi)容,6.1網(wǎng)絡(luò)信息搜索下載6.2公司網(wǎng)站創(chuàng)建6.3公司網(wǎng)站編輯6.4公司網(wǎng)站美化6.5公司網(wǎng)站發(fā)布6.6拓展練習(xí),6.1網(wǎng)絡(luò)信息搜索下載,6.1.1網(wǎng)站素材搜索6.1.2網(wǎng)站素材下載6.1.3網(wǎng)站素材整理,6.1.1網(wǎng)站素材搜索,網(wǎng)絡(luò)檢索工具。目錄式搜索。全文搜索。搜索技巧。百度搜索技巧網(wǎng)頁(yè)搜索。site:網(wǎng)址文檔搜索。filetype:DOC、XLS、PPT、PDF、RTF、ALL。谷歌搜索技巧link:含某個(gè)鏈接的網(wǎng)頁(yè)如:link:site:域名中包如:site:Intitle:標(biāo)題搜索.如:intitle:休斯頓火箭隊(duì)Intext:正文檢索.如:intext:像素600萬(wàn)Inurl:搜索url.如:inurl:mp3filetype:文件格式.如:filetype:pdf,6.1.2網(wǎng)站素材下載,1.迅雷Thunder單文件下載批量文件下載2.網(wǎng)際快車(chē)FlashGet點(diǎn)擊下載手動(dòng)下載,6.1.3網(wǎng)站素材整理,1.圖片統(tǒng)一格式2.圖片、動(dòng)畫(huà)尺寸適當(dāng)3.圖片色彩統(tǒng)一,6.2公司網(wǎng)站創(chuàng)建,6.2.1FrontPage2003的界面6.2.2FrontPage2003的視圖6.2.3創(chuàng)建公司站點(diǎn)6.2.4創(chuàng)建Web網(wǎng)頁(yè),6.2.1FrontPage2003的界面,執(zhí)行“開(kāi)始”“程序”“MicrosoftOffice”“MicrosoftOfficeFrontPage2003”菜單命令。,6.2.2FrontPage2003的視圖,1.網(wǎng)頁(yè)視圖“設(shè)計(jì)”方式：即為制作、編輯Web網(wǎng)頁(yè)的狀態(tài)“拆分”方式：則是上方顯示W(wǎng)eb網(wǎng)頁(yè)的HTML語(yǔ)言，下方顯示編輯Web網(wǎng)頁(yè)的狀態(tài)“代碼”方式：顯示W(wǎng)eb網(wǎng)頁(yè)的HTML語(yǔ)言，用戶制作Web網(wǎng)頁(yè)，F(xiàn)rontPage會(huì)將其自動(dòng)翻譯成HTML語(yǔ)言“預(yù)覽”方式：為用戶提供一個(gè)Web網(wǎng)頁(yè)的預(yù)覽效果2.文件夾視圖在文件夾視圖中，F(xiàn)rontPage將Web站點(diǎn)顯示為一組文件和文件夾,3.報(bào)表視圖利用報(bào)表視圖可以清晰地了解各個(gè)文件的內(nèi)容、鏈接情況等4.導(dǎo)航視圖導(dǎo)航視圖主要用于顯示W(wǎng)eb站點(diǎn)的結(jié)構(gòu)，并可以在導(dǎo)航視圖中修改Web站點(diǎn)的結(jié)構(gòu)5.超鏈接視圖在這個(gè)視圖中，Web站點(diǎn)中所有Web網(wǎng)頁(yè)的超鏈接將以一個(gè)網(wǎng)絡(luò)的形式出現(xiàn)6.任務(wù)視圖任務(wù)視圖顯示的是各種需要做的工作。用戶可以方便地對(duì)其進(jìn)行管理,6.2.3創(chuàng)建公司站點(diǎn),（1）打開(kāi)FrontPage2003，執(zhí)行“文件”“新建”菜單命令，打開(kāi)“新建網(wǎng)頁(yè)或站點(diǎn)”任務(wù)窗格。（2）單擊“由一個(gè)網(wǎng)頁(yè)組成的網(wǎng)站”超鏈接，打開(kāi)“網(wǎng)站模板”對(duì)話框。（3）在對(duì)話框右側(cè)的“指定新網(wǎng)站的位置”文本框中輸入保存站點(diǎn)的路徑，也可使用“瀏覽”按鈕指定新站點(diǎn)位置。（4）單擊“確定”按鈕，即可完成新建站點(diǎn)。,6.2.4創(chuàng)建Web網(wǎng)頁(yè),單擊“新建網(wǎng)頁(yè)或站點(diǎn)”任務(wù)窗格中的“其他網(wǎng)頁(yè)模板”超鏈接，將彈出一個(gè)“網(wǎng)頁(yè)模板”對(duì)話框,6.3公司網(wǎng)站編輯,6.3.1打開(kāi)Web站點(diǎn)和Web網(wǎng)頁(yè)6.3.2修改Web網(wǎng)頁(yè)6.3.3設(shè)置字體和段落格式6.3.4應(yīng)用主題6.3.5修改主題6.3.6設(shè)置背景和背景音樂(lè)6.3.7設(shè)置Web網(wǎng)頁(yè)動(dòng)畫(huà)效果6.3.8設(shè)置超鏈接,6.3.1打開(kāi)Web站點(diǎn)和Web網(wǎng)頁(yè),要修改Web網(wǎng)頁(yè)，必須先將其打開(kāi)。在文件夾視圖下的文件列表中雙擊目標(biāo)文件即可將其打開(kāi)。實(shí)際上，在導(dǎo)航視圖下的文件列表中雙擊目標(biāo)文件同樣也能打開(kāi)該文件。,6.3.2修改Web網(wǎng)頁(yè),打開(kāi)后的文件顯示在網(wǎng)頁(yè)視圖中。在利用向?qū)Ш湍０迳傻腤eb網(wǎng)頁(yè)中，F(xiàn)rontPage提供了大量的注釋。修改即可按照這些注釋進(jìn)行，在合適的位置按照提示輸入文本即可。,6.3.3設(shè)置字體和段落格式,設(shè)置文本和段落格式的方法和Word中的方法是完全一樣的。選中要設(shè)置格式的字體或者段落，執(zhí)行“格式”“字體”或者“段落”菜單命令，打開(kāi)“字體”對(duì)話框或者“段落”對(duì)話框。,6.3.4應(yīng)用主題,FrontPage2003提供了許多完整主題，用戶可以將主題應(yīng)用到整個(gè)Web站點(diǎn)、一張或者多張Web網(wǎng)頁(yè)上。（1）執(zhí)行“格式”“主題”菜單命令，打開(kāi)“主題”窗格。（2）若事先已經(jīng)打開(kāi)了一個(gè)Web網(wǎng)頁(yè)，則選擇“主題”窗格中的“應(yīng)用于所選網(wǎng)頁(yè)”菜單命令即可（3）設(shè)定完畢以后，單擊“確定”按鈕。這樣整個(gè)站點(diǎn)中所有的Web網(wǎng)頁(yè)均被應(yīng)用了該主題。,6.3.5修改主題,FrontPage給用戶提供了很大的自由度，用戶可以事先修改FrontPage提供的主題。在“主題”窗格中選擇“自定義”命令，將彈出如圖所示的對(duì)話框。對(duì)話框中出現(xiàn)以下幾個(gè)按鈕：“顏色”、“圖形”、“文本”。,6.3.5修改主題,1.修改顏色2.修改圖形3.修改文本,6.3.6設(shè)置背景和背景音樂(lè),打開(kāi)要設(shè)置背景的Web網(wǎng)頁(yè)。在網(wǎng)頁(yè)視圖中，單擊鼠標(biāo)右鍵，選擇快捷菜單中的“網(wǎng)頁(yè)屬性”菜單命令，也可以執(zhí)行“格式”“背景”命令，打開(kāi)“網(wǎng)頁(yè)屬性”對(duì)話框。打開(kāi)“格式”選項(xiàng)卡，便可設(shè)置當(dāng)前Web網(wǎng)頁(yè)的背景。若想設(shè)置Web網(wǎng)頁(yè)的背景音樂(lè)，打開(kāi)“常規(guī)”選項(xiàng)卡。在“背景音樂(lè)”選項(xiàng)組中設(shè)置背景音樂(lè)，其中的“循環(huán)次數(shù)”表示打開(kāi)Web網(wǎng)頁(yè)以后，該背景音樂(lè)播放的次數(shù)，若選中“不限次數(shù)”復(fù)選框，則音樂(lè)將一直播放，直至該Web網(wǎng)頁(yè)關(guān)閉。設(shè)置完畢，單擊“確定”按鈕即可。,6.3.7設(shè)置Web網(wǎng)頁(yè)動(dòng)畫(huà)效果,1.設(shè)置動(dòng)態(tài)HTML打開(kāi)Web網(wǎng)頁(yè)，選中要設(shè)定動(dòng)畫(huà)的元素，比如一段文本，或一張圖片等。執(zhí)行“視圖”“工具欄”動(dòng)態(tài)HTML效果”菜單命令，打開(kāi)“DHTML效果”工具欄。在第一個(gè)列表框中選定一個(gè)事件在“應(yīng)用”下拉列表框中選擇一種動(dòng)畫(huà)效果最后在第三個(gè)下拉列表框中選擇動(dòng)畫(huà)的具體形式,6.3.7設(shè)置Web網(wǎng)頁(yè)動(dòng)畫(huà)效果,2.網(wǎng)頁(yè)過(guò)渡效果（1）打開(kāi)有設(shè)置過(guò)渡效果的Web網(wǎng)頁(yè)（2）執(zhí)行“格式”“網(wǎng)頁(yè)過(guò)渡”菜單命令（3）設(shè)置完畢，單擊“確定”按鈕,6.3.8設(shè)置超鏈接,在Web網(wǎng)頁(yè)中，可以給文本或者圖片設(shè)置超鏈接。在Web網(wǎng)頁(yè)中選中要設(shè)置超鏈接的文本或者圖片。在“常用”工具欄上單擊“插入超鏈接”按鈕，或者直接按CtrlK組合鍵，打開(kāi)“插入超鏈接”對(duì)話框。然后便可設(shè)置超鏈接，如在“地址”文本框中輸入要鏈接的網(wǎng)站。設(shè)置完畢單擊“確定”按鈕。,使用鏈接欄設(shè)置超級(jí)鏈接,在Web網(wǎng)頁(yè)上確定插入點(diǎn)（光標(biāo)位置）。執(zhí)行“插入”“Web組件”菜單命令，打開(kāi)“插入Web組件”對(duì)話框，在左側(cè)的“組件類(lèi)型”列表框中選擇“鏈接欄”選項(xiàng)，然后在“選擇欄類(lèi)型”列表框中選擇“包含自定義鏈接的鏈接欄”選項(xiàng)單擊“下一步”按鈕，將打開(kāi)“插入Web組件”對(duì)話框，從中選擇適當(dāng)?shù)逆溄訖跇邮胶?，單擊“下一步”按鈕。在彈出的對(duì)話框中選擇導(dǎo)航欄的方向，最后單擊“完成”按鈕。此時(shí)將彈出一個(gè)對(duì)話框，提示用戶輸入新鏈接欄的名稱，確定之后將打開(kāi)“鏈接欄屬性”對(duì)話框，單擊“添加鏈接”按鈕，便可為用戶的鏈接欄添加鏈接。設(shè)置完畢，單擊“確定”按鈕，Web網(wǎng)頁(yè)上即自動(dòng)生成了一個(gè)鏈接欄。,6.4公司網(wǎng)站美化,6.4.1插入圖片6.4.2插入圖片庫(kù)6.4.3插入水平線6.4.4插入計(jì)數(shù)器6.4.5插入字幕,6.4.1插入圖片,將要插入的圖片復(fù)制到網(wǎng)站根目錄下的Images目錄下。在Web網(wǎng)頁(yè)上確定插入點(diǎn)（光標(biāo)位置）。在“常用”工具欄中單擊“插入文件中的圖片”按鈕，打開(kāi)如圖所示的“圖片”對(duì)話框，在文件列表中查找到要插入的圖片文件，單擊“插入”按鈕即可。,6.4.2插入圖片庫(kù),在FrontPage2003中，可以直接插入一個(gè)圖片庫(kù)，這樣可以省去用戶布局圖片的時(shí)間。以下是插入圖片庫(kù)的方法：在Web網(wǎng)頁(yè)上確定插入點(diǎn)（光標(biāo)位置）。執(zhí)行“插入”“Web組件”菜單命令，打開(kāi)“插入Web組件”對(duì)話框，在左側(cè)的“組件類(lèi)型”列表框中選擇“圖片庫(kù)”選項(xiàng)，在“選擇圖片庫(kù)選項(xiàng)”列表框中選擇一種圖片布局方式。設(shè)置完畢，單擊“完成”按鈕，將打開(kāi)“圖片庫(kù)屬性”對(duì)話框。在“圖片庫(kù)屬性”對(duì)話框中的“圖片”選項(xiàng)卡中單擊“添加”按鈕，打開(kāi)一個(gè)列表。若使用“圖片來(lái)自文件”命令，便可利用“打開(kāi)”對(duì)話框選擇要添加的圖片。設(shè)置完畢，單擊“確定”按鈕，F(xiàn)rontPage將在光標(biāo)處插入圖片庫(kù)，也就是顯示庫(kù)中所有圖片的縮略圖。,6.4.3插入水平線,在Web網(wǎng)頁(yè)中，水平線起分隔內(nèi)容或者強(qiáng)調(diào)內(nèi)容的作用。插入水平線的方法很簡(jiǎn)單，確定插入水平線的位置后，執(zhí)行“插入”“水平線”菜單命令即可。雙擊水平線，將打開(kāi)如圖所示的“水平線屬性”對(duì)話框。,6.4.4插入計(jì)數(shù)器,如果用戶想知道網(wǎng)站的訪問(wèn)人數(shù)，則要用到網(wǎng)站計(jì)數(shù)器。設(shè)置網(wǎng)站計(jì)數(shù)器的方法如下：（1）在Web網(wǎng)頁(yè)上確定插入點(diǎn)（光標(biāo)位置）。（2）執(zhí)行“插入”“Web組件”菜單命令，打開(kāi)“插入Web組件”對(duì)話框。在“組件類(lèi)型”列表框中選擇“計(jì)數(shù)器”選項(xiàng)。然后在右側(cè)的“選擇計(jì)數(shù)器樣式”列表中選擇一種計(jì)數(shù)器樣式。（3）選定完畢，單擊“完成”按鈕，將打開(kāi)如圖所示的“站點(diǎn)計(jì)數(shù)器屬性”對(duì)話框,6.4.5插入字幕,在“網(wǎng)頁(yè)”視圖中文檔窗口的底部，單擊“設(shè)計(jì)”。單擊要添加字幕的位置，然后輸入文本并選中該文本。在“插入”菜單上，單擊“Web組件”。在“組件類(lèi)型”下方，單擊“動(dòng)態(tài)效果”。在“選擇一種效果”下方，雙擊“字幕”。插入字幕的html代碼為：字幕文字為字幕設(shè)置需要的屬性，然后單擊“確定”。,6.5公司網(wǎng)站發(fā)布,6.5.1發(fā)布到擴(kuò)展的服務(wù)器6.5.2發(fā)布到支持FTP或WebDAV的服務(wù)器6.5.3發(fā)布到文件系統(tǒng),6.5.1發(fā)布到擴(kuò)展的服務(wù)器,在“視圖”菜單上，單擊“遠(yuǎn)程網(wǎng)站”。在文檔窗口頂部，單擊“遠(yuǎn)程網(wǎng)站屬性”。在擴(kuò)展的服務(wù)器上承載的網(wǎng)站，將在其發(fā)布后具有增強(qiáng)的功能，例如允許使用表單句柄和點(diǎn)擊率統(tǒng)計(jì)程序。FrontPage將在發(fā)布網(wǎng)站時(shí)維護(hù)文件和鏈接。在“遠(yuǎn)程網(wǎng)站”選項(xiàng)卡上，在“遠(yuǎn)程Web服務(wù)器類(lèi)型”下，單擊“FrontPage或SharePointServices”?！斑h(yuǎn)程網(wǎng)站位置”框中，鍵入要將文件和文件夾發(fā)布到的遠(yuǎn)程網(wǎng)站的Internet地址及協(xié)議（例如）或單擊“瀏覽”定位網(wǎng)站。單擊“確定”，設(shè)置如圖所示,6.5.2發(fā)布到支持FTP或WebDAV的服務(wù)器,如果使用“遠(yuǎn)程網(wǎng)站”視圖將網(wǎng)站發(fā)布到支持FTP或WebDAV的網(wǎng)站，則必須了解服務(wù)器名稱、用戶名稱和密碼。在“視圖”菜單上，單擊“遠(yuǎn)程網(wǎng)站”。在文檔窗口頂部，單擊“遠(yuǎn)程網(wǎng)站屬性”。在“遠(yuǎn)程網(wǎng)站”選項(xiàng)卡上，在“遠(yuǎn)程Web服務(wù)器類(lèi)型”下，單擊“FTP”。在“遠(yuǎn)程網(wǎng)站位置”框中，鍵入要將文件和文件夾發(fā)布到的遠(yuǎn)程網(wǎng)站的地址及FTP協(xié)議（例如02）或單擊“瀏覽”以定位網(wǎng)站。如果您要在連接到網(wǎng)站時(shí)查看特定的文件夾，請(qǐng)?jiān)凇癋TP目錄”框中，鍵入文件夾的路徑（例如www/images）。如果承載遠(yuǎn)程網(wǎng)站的服務(wù)器在每一次您將文件和文件夾發(fā)布到網(wǎng)站時(shí)使用不同的端口，請(qǐng)選中“使用被動(dòng)FTP”復(fù)選框。執(zhí)行下列任意操作：若要在發(fā)布網(wǎng)頁(yè)時(shí)刪除其中特定類(lèi)型的代碼，請(qǐng)?jiān)凇皟?yōu)化HTML”選項(xiàng)卡上，選擇所需的選項(xiàng)。若要更改默認(rèn)的發(fā)布選項(xiàng)，請(qǐng)?jiān)凇鞍l(fā)布”選項(xiàng)卡上，選擇所需的選項(xiàng)。單擊“確定”。,6.5.3發(fā)布到文件系統(tǒng),通過(guò)使用“遠(yuǎn)程網(wǎng)站”視圖，您可以將網(wǎng)站發(fā)布到本地文件系統(tǒng)的文件夾或“統(tǒng)一命名約定”(UniversalNamingConvention，UNC)路徑中。例如，您將網(wǎng)站發(fā)布到新的磁盤(pán)位置（例如C:Backup）來(lái)備份整個(gè)網(wǎng)站。在“視圖”菜單上，單擊“遠(yuǎn)程網(wǎng)站”。在文檔窗口頂部，單擊“遠(yuǎn)程網(wǎng)站屬性”。在“遠(yuǎn)程網(wǎng)站”選項(xiàng)卡上，在“遠(yuǎn)程Web服務(wù)器類(lèi)型”下，單擊“文件系統(tǒng)”。在“遠(yuǎn)程網(wǎng)站位置”框中，鍵入要將文件和文件夾發(fā)布到的遠(yuǎn)程網(wǎng)站的地址。然后執(zhí)行下列任意操作：若要在發(fā)布網(wǎng)頁(yè)時(shí)刪除其中特定類(lèi)型的代碼，請(qǐng)?jiān)凇皟?yōu)化HTML”選項(xiàng)卡上，選擇所需的選項(xiàng)。若要更改默認(rèn)的發(fā)布選項(xiàng)，請(qǐng)?jiān)凇鞍l(fā)布”選項(xiàng)卡上，選擇所需的選項(xiàng)。單擊“確定”。,6.6拓展練習(xí),6.6.1采用HTML設(shè)計(jì)網(wǎng)頁(yè)6.6.2使用表單網(wǎng)頁(yè)6.6.3使用框架網(wǎng)頁(yè),6.6.1采用HTML設(shè)計(jì)網(wǎng)頁(yè),1.HTML的基本結(jié)構(gòu)（1）標(biāo)簽（2）標(biāo)簽（3）和標(biāo)簽（4）標(biāo)簽2.HTML基本語(yǔ)法（1）文字布局標(biāo)記（2）文字格式標(biāo)記（3）圖片標(biāo)記（4）超級(jí)鏈接標(biāo)記（5）表格標(biāo)記,6.6.2使用表單網(wǎng)頁(yè),1.插入表單域（1）文本框（2）選項(xiàng)按鈕（3）文本區(qū)（4）下拉框或下拉菜單（5）對(duì)可選項(xiàng)目使用復(fù)選框。（6）按鈕（7）分組框（8）密碼域2.提交表單（1）將結(jié)果保存到文本文件、HTML文件（2）以電子郵件的形式發(fā)送結(jié)果,6.6.3使用框架網(wǎng)頁(yè),1.創(chuàng)建框架網(wǎng)頁(yè)2.編輯框架網(wǎng)頁(yè)3.保存框架網(wǎng)頁(yè)4.修改框架網(wǎng)頁(yè)5.設(shè)置目標(biāo)框架6.iframe高級(jí)應(yīng)用,小結(jié),（1）通過(guò)搜索網(wǎng)站使用、下載工具的使