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

2024/4/3應(yīng)用FrontPage制作公司產(chǎn)品網(wǎng)頁(yè)2024/4/2應(yīng)用FrontPage制作公司產(chǎn)品網(wǎng)頁(yè)1主要內(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í)主要內(nèi)容6.1網(wǎng)絡(luò)信息搜索下載26.1網(wǎng)絡(luò)信息搜索下載6.1.1網(wǎng)站素材搜索6.1.2網(wǎng)站素材下載6.1.3網(wǎng)站素材整理6.1網(wǎng)絡(luò)信息搜索下載6.1.1網(wǎng)站素材搜索36.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:pdf6.1.1網(wǎng)站素材搜索網(wǎng)絡(luò)檢索工具。46.1.2網(wǎng)站素材下載1.迅雷Thunder單文件下載批量文件下載2.網(wǎng)際快車FlashGet點(diǎn)擊下載手動(dòng)下載6.1.2網(wǎng)站素材下載1.迅雷Thunder56.1.3網(wǎng)站素材整理1.圖片統(tǒng)一格式2.圖片、動(dòng)畫尺寸適當(dāng)3.圖片色彩統(tǒng)一6.1.3網(wǎng)站素材整理1.圖片統(tǒng)一格式66.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公司網(wǎng)站創(chuàng)建6.2.1FrontPage2076.2.1FrontPage2003的界面執(zhí)行“開(kāi)始”→“程序”→“MicrosoftOffice”→“MicrosoftOfficeFrontPage2003”菜單命令。6.2.1FrontPage2003的界面執(zhí)行“開(kāi)始”86.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.2FrontPage2003的視圖1.網(wǎng)頁(yè)視圖96.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.3創(chuàng)建公司站點(diǎn)（1）打開(kāi)FrontPage200106.2.4創(chuàng)建Web網(wǎng)頁(yè)單擊“新建網(wǎng)頁(yè)或站點(diǎn)”任務(wù)窗格中的“其他網(wǎng)頁(yè)模板”超鏈接，將彈出一個(gè)“網(wǎng)頁(yè)模板”對(duì)話框6.2.4創(chuàng)建Web網(wǎng)頁(yè)單擊“新建網(wǎng)頁(yè)或站點(diǎn)”任務(wù)窗格中116.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)畫效果6.3.8設(shè)置超鏈接6.3公司網(wǎng)站編輯6.3.1打開(kāi)Web站點(diǎn)和Web網(wǎng)頁(yè)126.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.1打開(kāi)Web站點(diǎn)和Web網(wǎng)頁(yè)要修改Web網(wǎng)頁(yè)，必須136.3.2修改Web網(wǎng)頁(yè)打開(kāi)后的文件顯示在網(wǎng)頁(yè)視圖中。在利用向?qū)Ш湍０迳傻腤eb網(wǎng)頁(yè)中，F(xiàn)rontPage提供了大量的注釋。修改即可按照這些注釋進(jìn)行，在合適的位置按照提示輸入文本即可。6.3.2修改Web網(wǎng)頁(yè)打開(kāi)后的文件顯示在網(wǎng)頁(yè)視圖中。在利146.3.3設(shè)置字體和段落格式設(shè)置文本和段落格式的方法和Word中的方法是完全一樣的。選中要設(shè)置格式的字體或者段落，執(zhí)行“格式”→“字體”或者“段落”菜單命令，打開(kāi)“字體”對(duì)話框或者“段落”對(duì)話框。6.3.3設(shè)置字體和段落格式設(shè)置文本和段落格式的方法和Wo156.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.4應(yīng)用主題FrontPage2003提供了許多完166.3.5修改主題FrontPage給用戶提供了很大的自由度，用戶可以事先修改FrontPage提供的主題。在“主題”窗格中選擇“自定義”命令，將彈出如圖所示的對(duì)話框。對(duì)話框中出現(xiàn)以下幾個(gè)按鈕：“顏色”、“圖形”、“文本”。6.3.5修改主題FrontPage給用戶提供了很大的自由176.3.5修改主題1.修改顏色2.修改圖形3.修改文本6.3.5修改主題1.修改顏色186.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.6設(shè)置背景和背景音樂(lè)①打開(kāi)要設(shè)置背景的Web網(wǎng)頁(yè)。196.3.7設(shè)置Web網(wǎng)頁(yè)動(dòng)畫效果1.設(shè)置動(dòng)態(tài)HTML①打開(kāi)Web網(wǎng)頁(yè)，選中要設(shè)定動(dòng)畫的元素，比如一段文本，或一張圖片等。②執(zhí)行“視圖”→“工具欄”→”動(dòng)態(tài)HTML效果”菜單命令，打開(kāi)“DHTML效果”工具欄。在第一個(gè)列表框中選定一個(gè)事件在“應(yīng)用”下拉列表框中選擇一種動(dòng)畫效果最后在第三個(gè)下拉列表框中選擇動(dòng)畫的具體形式6.3.7設(shè)置Web網(wǎng)頁(yè)動(dòng)畫效果1.設(shè)置動(dòng)態(tài)HTML206.3.7設(shè)置Web網(wǎng)頁(yè)動(dòng)畫效果2.網(wǎng)頁(yè)過(guò)渡效果（1）打開(kāi)有設(shè)置過(guò)渡效果的Web網(wǎng)頁(yè)（2）執(zhí)行“格式”→“網(wǎng)頁(yè)過(guò)渡”菜單命令（3）設(shè)置完畢，單擊“確定”按鈕6.3.7設(shè)置Web網(wǎng)頁(yè)動(dòng)畫效果2.網(wǎng)頁(yè)過(guò)渡效果216.3.8設(shè)置超鏈接在Web網(wǎng)頁(yè)中，可以給文本或者圖片設(shè)置超鏈接。①在Web網(wǎng)頁(yè)中選中要設(shè)置超鏈接的文本或者圖片。②在“常用”工具欄上單擊“插入超鏈接”按鈕，或者直接按Ctrl＋K組合鍵，打開(kāi)“插入超鏈接”對(duì)話框。然后便可設(shè)置超鏈接，如在“地址”文本框中輸入要鏈接的網(wǎng)站。③設(shè)置完畢單擊“確定”按鈕。6.3.8設(shè)置超鏈接在Web網(wǎng)頁(yè)中，可以給文本或者圖片設(shè)置22使用鏈接欄設(shè)置超級(jí)鏈接①在Web網(wǎng)頁(yè)上確定插入點(diǎn)（光標(biāo)位置）。②執(zhí)行“插入”→“Web組件”菜單命令，打開(kāi)“插入Web組件”對(duì)話框，在左側(cè)的“組件類型”列表框中選擇“鏈接欄”選項(xiàng)，然后在“選擇欄類型”列表框中選擇“包含自定義鏈接的鏈接欄”選項(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è)鏈接欄。使用鏈接欄設(shè)置超級(jí)鏈接①在Web網(wǎng)頁(yè)上確定插入點(diǎn)（光標(biāo)位置）236.4公司網(wǎng)站美化6.4.1插入圖片6.4.2插入圖片庫(kù)6.4.3插入水平線6.4.4插入計(jì)數(shù)器6.4.5插入字幕6.4公司網(wǎng)站美化6.4.1插入圖片246.4.1插入圖片①將要插入的圖片復(fù)制到網(wǎng)站根目錄下的Images目錄下。②在Web網(wǎng)頁(yè)上確定插入點(diǎn)（光標(biāo)位置）。③在“常用”工具欄中單擊“插入文件中的圖片”按鈕，打開(kāi)如圖所示的“圖片”對(duì)話框，在文件列表中查找到要插入的圖片文件，單擊“插入”按鈕即可。6.4.1插入圖片①將要插入的圖片復(fù)制到網(wǎng)站根目錄下的Im256.4.2插入圖片庫(kù)在FrontPage2003中，可以直接插入一個(gè)圖片庫(kù)，這樣可以省去用戶布局圖片的時(shí)間。以下是插入圖片庫(kù)的方法：①在Web網(wǎng)頁(yè)上確定插入點(diǎn)（光標(biāo)位置）。②執(zhí)行“插入”→“Web組件”菜單命令，打開(kāi)“插入Web組件”對(duì)話框，在左側(cè)的“組件類型”列表框中選擇“圖片庫(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.2插入圖片庫(kù)在FrontPage2003中，可以266.4.3插入水平線在Web網(wǎng)頁(yè)中，水平線起分隔內(nèi)容或者強(qiáng)調(diào)內(nèi)容的作用。插入水平線的方法很簡(jiǎn)單，確定插入水平線的位置后，執(zhí)行“插入”→“水平線”菜單命令即可。雙擊水平線，將打開(kāi)如圖所示的“水平線屬性”對(duì)話框。6.4.3插入水平線在Web網(wǎng)頁(yè)中，水平線起分隔內(nèi)容或者強(qiáng)276.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ì)話框。在“組件類型”列表框中選擇“計(jì)數(shù)器”選項(xiàng)。然后在右側(cè)的“選擇計(jì)數(shù)器樣式”列表中選擇一種計(jì)數(shù)器樣式。（3）選定完畢，單擊“完成”按鈕，將打開(kāi)如圖所示的“站點(diǎn)計(jì)數(shù)器屬性”對(duì)話框6.4.4插入計(jì)數(shù)器如果用戶想知道網(wǎng)站的訪問(wèn)人數(shù)，則要用到286.4.5插入字幕①在“網(wǎng)頁(yè)”視圖中文檔窗口的底部，單擊“設(shè)計(jì)”。②單擊要添加字幕的位置，然后輸入文本并選中該文本。③在“插入”菜單上，單擊“Web組件”。④在“組件類型”下方，單擊“動(dòng)態(tài)效果”。⑤在“選擇一種效果”下方，雙擊“字幕”。插入字幕的html代碼為：<marqueebehavior="表現(xiàn)方式：alternate交替、slide幻燈片"direction="方向：right"bgcolor="背景顏色代碼">字幕文字</marquee>⑥為字幕設(shè)置需要的屬性，然后單擊“確定”。6.4.5插入字幕①在“網(wǎng)頁(yè)”視圖中文檔窗口的底部，單擊“296.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公司網(wǎng)站發(fā)布6.5.1發(fā)布到擴(kuò)展的服務(wù)器306.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ù)器類型”下，單擊“FrontPage或SharePointServices”。④“遠(yuǎn)程網(wǎng)站位置”框中，鍵入要將文件和文件夾發(fā)布到的遠(yuǎn)程網(wǎng)站的Internet地址及協(xié)議（例如）或單擊“瀏覽”定位網(wǎng)站。⑤單擊“確定”，設(shè)置如圖所示6.5.1發(fā)布到擴(kuò)展的服務(wù)器①在“視圖”菜單上，單擊“遠(yuǎn)程316.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ù)器類型”下，單擊“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í)刪除其中特定類型的代碼，請(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.2發(fā)布到支持FTP或WebDAV的服務(wù)器如果使用326.5.3發(fā)布到文件系統(tǒng)通過(guò)使用“遠(yuǎn)程網(wǎng)站”視圖，您可以將網(wǎng)站發(fā)布到本地文件系統(tǒng)的文件夾或“統(tǒng)一命名約定”(UniversalNamingConvention，UNC)路徑中。例如，您將網(wǎng)站發(fā)布到新的磁盤位置（例如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ù)器類型”下，單擊“文件系統(tǒng)”