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

2024/4/3應(yīng)用FrontPage制作公司產(chǎn)品網(wǎng)頁2024/4/2應(yīng)用FrontPage制作公司產(chǎn)品網(wǎng)頁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)頁搜索。site:網(wǎng)址文檔搜索。filetype:DOC、XLS、PPT、PDF、RTF、ALL。②谷歌搜索技巧link:含某個鏈接的網(wǎng)頁如:link:site:域名中包如:site:Intitle:標(biāo)題搜索.如:intitle:休斯頓火箭隊Intext:正文檢索.如:intext:像素600萬Inurl:搜索url.如:inurl:mp3filetype:文件格式.如:filetype:pdf6.1.1網(wǎng)站素材搜索網(wǎng)絡(luò)檢索工具。46.1.2網(wǎng)站素材下載1.迅雷Thunder單文件下載批量文件下載2.網(wǎng)際快車FlashGet點擊下載手動下載6.1.2網(wǎng)站素材下載1.迅雷Thunder56.1.3網(wǎng)站素材整理1.圖片統(tǒng)一格式2.圖片、動畫尺寸適當(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)建公司站點6.2.4創(chuàng)建Web網(wǎng)頁6.2公司網(wǎng)站創(chuàng)建6.2.1FrontPage2076.2.1FrontPage2003的界面執(zhí)行“開始”→“程序”→“MicrosoftOffice”→“MicrosoftOfficeFrontPage2003”菜單命令。6.2.1FrontPage2003的界面執(zhí)行“開始”86.2.2FrontPage2003的視圖1.網(wǎng)頁視圖①“設(shè)計”方式：即為制作、編輯Web網(wǎng)頁的狀態(tài)②“拆分”方式：則是上方顯示W(wǎng)eb網(wǎng)頁的HTML語言，下方顯示編輯Web網(wǎng)頁的狀態(tài)③“代碼”方式：顯示W(wǎng)eb網(wǎng)頁的HTML語言，用戶制作Web網(wǎng)頁，F(xiàn)rontPage會將其自動翻譯成HTML語言④“預(yù)覽”方式：為用戶提供一個Web網(wǎng)頁的預(yù)覽效果2.文件夾視圖在文件夾視圖中，F(xiàn)rontPage將Web站點顯示為一組文件和文件夾3.報表視圖利用報表視圖可以清晰地了解各個文件的內(nèi)容、鏈接情況等4.導(dǎo)航視圖導(dǎo)航視圖主要用于顯示W(wǎng)eb站點的結(jié)構(gòu)，并可以在導(dǎo)航視圖中修改Web站點的結(jié)構(gòu)5.超鏈接視圖在這個視圖中，Web站點中所有Web網(wǎng)頁的超鏈接將以一個網(wǎng)絡(luò)的形式出現(xiàn)6.任務(wù)視圖任務(wù)視圖顯示的是各種需要做的工作。用戶可以方便地對其進(jìn)行管理6.2.2FrontPage2003的視圖1.網(wǎng)頁視圖96.2.3創(chuàng)建公司站點（1）打開FrontPage2003，執(zhí)行“文件”→“新建”菜單命令，打開“新建網(wǎng)頁或站點”任務(wù)窗格。（2）單擊“由一個網(wǎng)頁組成的網(wǎng)站”超鏈接，打開“網(wǎng)站模板”對話框。（3）在對話框右側(cè)的“指定新網(wǎng)站的位置”文本框中輸入保存站點的路徑，也可使用“瀏覽”按鈕指定新站點位置。（4）單擊“確定”按鈕，即可完成新建站點。6.2.3創(chuàng)建公司站點（1）打開FrontPage200106.2.4創(chuàng)建Web網(wǎng)頁單擊“新建網(wǎng)頁或站點”任務(wù)窗格中的“其他網(wǎng)頁模板”超鏈接，將彈出一個“網(wǎng)頁模板”對話框6.2.4創(chuàng)建Web網(wǎng)頁單擊“新建網(wǎng)頁或站點”任務(wù)窗格中116.3公司網(wǎng)站編輯6.3.1打開Web站點和Web網(wǎng)頁6.3.2修改Web網(wǎng)頁6.3.3設(shè)置字體和段落格式6.3.4應(yīng)用主題6.3.5修改主題6.3.6設(shè)置背景和背景音樂6.3.7設(shè)置Web網(wǎng)頁動畫效果6.3.8設(shè)置超鏈接6.3公司網(wǎng)站編輯6.3.1打開Web站點和Web網(wǎng)頁126.3.1打開Web站點和Web網(wǎng)頁要修改Web網(wǎng)頁，必須先將其打開。在文件夾視圖下的文件列表中雙擊目標(biāo)文件即可將其打開。實際上，在導(dǎo)航視圖下的文件列表中雙擊目標(biāo)文件同樣也能打開該文件。6.3.1打開Web站點和Web網(wǎng)頁要修改Web網(wǎng)頁，必須136.3.2修改Web網(wǎng)頁打開后的文件顯示在網(wǎng)頁視圖中。在利用向?qū)Ш湍０迳傻腤eb網(wǎng)頁中，F(xiàn)rontPage提供了大量的注釋。修改即可按照這些注釋進(jìn)行，在合適的位置按照提示輸入文本即可。6.3.2修改Web網(wǎng)頁打開后的文件顯示在網(wǎng)頁視圖中。在利146.3.3設(shè)置字體和段落格式設(shè)置文本和段落格式的方法和Word中的方法是完全一樣的。選中要設(shè)置格式的字體或者段落，執(zhí)行“格式”→“字體”或者“段落”菜單命令，打開“字體”對話框或者“段落”對話框。6.3.3設(shè)置字體和段落格式設(shè)置文本和段落格式的方法和Wo156.3.4應(yīng)用主題FrontPage2003提供了許多完整主題，用戶可以將主題應(yīng)用到整個Web站點、一張或者多張Web網(wǎng)頁上。（1）執(zhí)行“格式”→“主題”菜單命令，打開“主題”窗格。（2）若事先已經(jīng)打開了一個Web網(wǎng)頁，則選擇“主題”窗格中的“應(yīng)用于所選網(wǎng)頁”菜單命令即可（3）設(shè)定完畢以后，單擊“確定”按鈕。這樣整個站點中所有的Web網(wǎng)頁均被應(yīng)用了該主題。6.3.4應(yīng)用主題FrontPage2003提供了許多完166.3.5修改主題FrontPage給用戶提供了很大的自由度，用戶可以事先修改FrontPage提供的主題。在“主題”窗格中選擇“自定義”命令，將彈出如圖所示的對話框。對話框中出現(xiàn)以下幾個按鈕：“顏色”、“圖形”、“文本”。6.3.5修改主題FrontPage給用戶提供了很大的自由176.3.5修改主題1.修改顏色2.修改圖形3.修改文本6.3.5修改主題1.修改顏色186.3.6設(shè)置背景和背景音樂①打開要設(shè)置背景的Web網(wǎng)頁。在網(wǎng)頁視圖中，單擊鼠標(biāo)右鍵，選擇快捷菜單中的“網(wǎng)頁屬性”菜單命令，也可以執(zhí)行“格式”→“背景”命令，打開“網(wǎng)頁屬性”對話框。②打開“格式”選項卡，便可設(shè)置當(dāng)前Web網(wǎng)頁的背景。③若想設(shè)置Web網(wǎng)頁的背景音樂，打開“常規(guī)”選項卡。在“背景音樂”選項組中設(shè)置背景音樂，其中的“循環(huán)次數(shù)”表示打開Web網(wǎng)頁以后，該背景音樂播放的次數(shù)，若選中“不限次數(shù)”復(fù)選框，則音樂將一直播放，直至該Web網(wǎng)頁關(guān)閉。④設(shè)置完畢，單擊“確定”按鈕即可。6.3.6設(shè)置背景和背景音樂①打開要設(shè)置背景的Web網(wǎng)頁。196.3.7設(shè)置Web網(wǎng)頁動畫效果1.設(shè)置動態(tài)HTML①打開Web網(wǎng)頁，選中要設(shè)定動畫的元素，比如一段文本，或一張圖片等。②執(zhí)行“視圖”→“工具欄”→”動態(tài)HTML效果”菜單命令，打開“DHTML效果”工具欄。在第一個列表框中選定一個事件在“應(yīng)用”下拉列表框中選擇一種動畫效果最后在第三個下拉列表框中選擇動畫的具體形式6.3.7設(shè)置Web網(wǎng)頁動畫效果1.設(shè)置動態(tài)HTML206.3.7設(shè)置Web網(wǎng)頁動畫效果2.網(wǎng)頁過渡效果（1）打開有設(shè)置過渡效果的Web網(wǎng)頁（2）執(zhí)行“格式”→“網(wǎng)頁過渡”菜單命令（3）設(shè)置完畢，單擊“確定”按鈕6.3.7設(shè)置Web網(wǎng)頁動畫效果2.網(wǎng)頁過渡效果216.3.8設(shè)置超鏈接在Web網(wǎng)頁中，可以給文本或者圖片設(shè)置超鏈接。①在Web網(wǎng)頁中選中要設(shè)置超鏈接的文本或者圖片。②在“常用”工具欄上單擊“插入超鏈接”按鈕，或者直接按Ctrl＋K組合鍵，打開“插入超鏈接”對話框。然后便可設(shè)置超鏈接，如在“地址”文本框中輸入要鏈接的網(wǎng)站。③設(shè)置完畢單擊“確定”按鈕。6.3.8設(shè)置超鏈接在Web網(wǎng)頁中，可以給文本或者圖片設(shè)置22使用鏈接欄設(shè)置超級鏈接①在Web網(wǎng)頁上確定插入點（光標(biāo)位置）。②執(zhí)行“插入”→“Web組件”菜單命令，打開“插入Web組件”對話框，在左側(cè)的“組件類型”列表框中選擇“鏈接欄”選項，然后在“選擇欄類型”列表框中選擇“包含自定義鏈接的鏈接欄”選項③單擊“下一步”按鈕，將打開“插入Web組件”對話框，從中選擇適當(dāng)?shù)逆溄訖跇邮胶螅瑔螕簟跋乱徊健卑粹o。④在彈出的對話框中選擇導(dǎo)航欄的方向，最后單擊“完成”按鈕。⑤此時將彈出一個對話框，提示用戶輸入新鏈接欄的名稱，確定之后將打開“鏈接欄屬性”對話框，單擊“添加鏈接”按鈕，便可為用戶的鏈接欄添加鏈接。⑥設(shè)置完畢，單擊“確定”按鈕，Web網(wǎng)頁上即自動生成了一個鏈接欄。使用鏈接欄設(shè)置超級鏈接①在Web網(wǎng)頁上確定插入點（光標(biāo)位置）236.4公司網(wǎng)站美化6.4.1插入圖片6.4.2插入圖片庫6.4.3插入水平線6.4.4插入計數(shù)器6.4.5插入字幕6.4公司網(wǎng)站美化6.4.1插入圖片246.4.1插入圖片①將要插入的圖片復(fù)制到網(wǎng)站根目錄下的Images目錄下。②在Web網(wǎng)頁上確定插入點（光標(biāo)位置）。③在“常用”工具欄中單擊“插入文件中的圖片”按鈕，打開如圖所示的“圖片”對話框，在文件列表中查找到要插入的圖片文件，單擊“插入”按鈕即可。6.4.1插入圖片①將要插入的圖片復(fù)制到網(wǎng)站根目錄下的Im256.4.2插入圖片庫在FrontPage2003中，可以直接插入一個圖片庫，這樣可以省去用戶布局圖片的時間。以下是插入圖片庫的方法：①在Web網(wǎng)頁上確定插入點（光標(biāo)位置）。②執(zhí)行“插入”→“Web組件”菜單命令，打開“插入Web組件”對話框，在左側(cè)的“組件類型”列表框中選擇“圖片庫”選項，在“選擇圖片庫選項”列表框中選擇一種圖片布局方式。③設(shè)置完畢，單擊“完成”按鈕，將打開“圖片庫屬性”對話框。④在“圖片庫屬性”對話框中的“圖片”選項卡中單擊“添加”按鈕，打開一個列表。若使用“圖片來自文件”命令，便可利用“打開”對話框選擇要添加的圖片。⑤設(shè)置完畢，單擊“確定”按鈕，F(xiàn)rontPage將在光標(biāo)處插入圖片庫，也就是顯示庫中所有圖片的縮略圖。6.4.2插入圖片庫在FrontPage2003中，可以266.4.3插入水平線在Web網(wǎng)頁中，水平線起分隔內(nèi)容或者強(qiáng)調(diào)內(nèi)容的作用。插入水平線的方法很簡單，確定插入水平線的位置后，執(zhí)行“插入”→“水平線”菜單命令即可。雙擊水平線，將打開如圖所示的“水平線屬性”對話框。6.4.3插入水平線在Web網(wǎng)頁中，水平線起分隔內(nèi)容或者強(qiáng)276.4.4插入計數(shù)器如果用戶想知道網(wǎng)站的訪問人數(shù)，則要用到網(wǎng)站計數(shù)器。設(shè)置網(wǎng)站計數(shù)器的方法如下：（1）在Web網(wǎng)頁上確定插入點（光標(biāo)位置）。（2）執(zhí)行“插入”→“Web組件”菜單命令，打開“插入Web組件”對話框。在“組件類型”列表框中選擇“計數(shù)器”選項。然后在右側(cè)的“選擇計數(shù)器樣式”列表中選擇一種計數(shù)器樣式。（3）選定完畢，單擊“完成”按鈕，將打開如圖所示的“站點計數(shù)器屬性”對話框6.4.4插入計數(shù)器如果用戶想知道網(wǎng)站的訪問人數(shù)，則要用到286.4.5插入字幕①在“網(wǎng)頁”視圖中文檔窗口的底部，單擊“設(shè)計”。②單擊要添加字幕的位置，然后輸入文本并選中該文本。③在“插入”菜單上，單擊“Web組件”。④在“組件類型”下方，單擊“動態(tài)效果”。⑤在“選擇一種效果”下方，雙擊“字幕”。插入字幕的html代碼為：<marqueebehavior="表現(xiàn)方式：alternate交替、slide幻燈片"direction="方向：right"bgcolor="背景顏色代碼">字幕文字</marquee>⑥為字幕設(shè)置需要的屬性，然后單擊“確定”。6.4.5插入字幕①在“網(wǎng)頁”視圖中文檔窗口的底部，單擊“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)的功能，例如允許使用表單句柄和點擊率統(tǒng)計程序。FrontPage將在發(fā)布網(wǎng)站時維護(hù)文件和鏈接。③在“遠(yuǎn)程網(wǎ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)站”選項卡上，在“遠(yuǎn)程Web服務(wù)器類型”下，單擊“FTP”。④在“遠(yuǎn)程網(wǎng)站位置”框中，鍵入要將文件和文件夾發(fā)布到的遠(yuǎn)程網(wǎng)站的地址及FTP協(xié)議（例如02）或單擊“瀏覽”以定位網(wǎng)站。⑤如果您要在連接到網(wǎng)站時查看特定的文件夾，請在“FTP目錄”框中，鍵入文件夾的路徑（例如www/images）。⑥如果承載遠(yuǎn)程網(wǎng)站的服務(wù)器在每一次您將文件和文件夾發(fā)布到網(wǎng)站時使用不同的端口，請選中“使用被動FTP”復(fù)選框。⑦執(zhí)行下列任意操作：若要在發(fā)布網(wǎng)頁時刪除其中特定類型的代碼，請在“優(yōu)化HTML”選項卡上，選擇所需的選項。若要更改默認(rèn)的發(fā)布選項，請在“發(fā)布”選項卡上，選擇所需的選項。⑧單擊“確定”。6.5.2發(fā)布到支持FTP或WebDAV的服務(wù)器如果使用326.5.3發(fā)布到文件系統(tǒng)通過使用“遠(yuǎn)程網(wǎng)站”視圖，您可以將網(wǎng)站發(fā)布到本地文件系統(tǒng)的文件夾或“統(tǒng)一命名約定”(UniversalNamingConvention，UNC)路徑中。例如，您將網(wǎng)站發(fā)布到新的磁盤位置（例如C:\Backup）來備份整個網(wǎng)站。①在“視圖”菜單上，單擊“遠(yuǎn)程網(wǎng)站”。②在文檔窗口頂部，單擊“遠(yuǎn)程網(wǎng)站屬性”。③在“遠(yuǎn)程網(wǎng)站”選項卡上，在“遠(yuǎn)程Web服務(wù)器類型”下，單擊“文件系統(tǒng)”