FrontPage如何制作網(wǎng)頁

《FrontPage如何制作網(wǎng)頁》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、用FrontPage2003制作網(wǎng)頁知識點和技能點知識點解FrontPage2003的7種視圖方式了解網(wǎng)頁中的圖片格式理解“導(dǎo)航”、“層”、共享邊框、框架的基本作用技能點掌握HTML語言的深入使用掌握外部資源的導(dǎo)入方法熟練創(chuàng)建與保存網(wǎng)站熟練設(shè)置網(wǎng)頁的屬性熟練各種鏈接的建立重點和難點網(wǎng)站的創(chuàng)建與保存網(wǎng)頁中文字的排版網(wǎng)頁中圖片的插入與定位表格的使用8.1.1幾種視圖方式使用不同的視圖方式可以從不同的方面查看設(shè)計的Web站點，隨著站點的成長，維護(hù)站點的工作量會越來越大，但有這七種視圖的幫助，維護(hù)起來就很方便了。8.1.2網(wǎng)頁視

2、圖的顯示方式網(wǎng)頁視圖中提供了4種顯示方式，在工作區(qū)的左下角有三個切換顯示模式。8.2.1新建網(wǎng)站啟動FrontPage2003時，系統(tǒng)默認(rèn)是在當(dāng)前工作盤、當(dāng)前文件夾上創(chuàng)建一個空白站點?？瞻渍军c是指站點存在，而站點中沒有一個網(wǎng)頁，用戶可在里面添加網(wǎng)頁。操作示例演示：8.2.2保存網(wǎng)站在FrontPage中，沒有保存網(wǎng)站這個命令，它與保存網(wǎng)頁使用的是同一個命令。所不同的是，最初的命令如果是“新建”或“打開”網(wǎng)站，那么保存的就是網(wǎng)站，如果當(dāng)初命令是建立網(wǎng)頁，則保存的就是網(wǎng)頁。但保存網(wǎng)站與保存網(wǎng)站與保存網(wǎng)頁有著很大的區(qū)別。8.2

3、.3新建網(wǎng)頁創(chuàng)建頁面最簡單的方法就是單擊FrontPage“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點、文件夾和任務(wù)。默認(rèn)狀態(tài)下是新建網(wǎng)頁。8.2.4保存網(wǎng)頁用戶在保存網(wǎng)站中的網(wǎng)頁文件的時候，要注意將網(wǎng)頁文件保存到同一個網(wǎng)站目錄下（最好是默認(rèn)目錄）。如果分散保存網(wǎng)頁文件，很可能會造成網(wǎng)頁文件的丟失，影響網(wǎng)站的正常運(yùn)轉(zhuǎn)。8.3.1創(chuàng)建文件夾創(chuàng)建文件夾的操作步驟操作示例演示：8.4網(wǎng)頁中的文字排版FrontPage2003可以通過設(shè)置字體、字號、段落、列表

4、、背景的操作來實現(xiàn).操作示例演示：8.5在網(wǎng)頁中使用圖像圖像在FrontPage2003中分為圖片和動態(tài)視頻兩類，應(yīng)用較多的是圖片。通過適當(dāng)?shù)姆胖每梢云鸬矫阑W(wǎng)頁，吸引瀏覽者的作用，利用FrontPage2003可以方便地在網(wǎng)頁中插入圖像,還可以設(shè)置圖像，還可以設(shè)置圖像，還可以設(shè)置圖像邊框、大小和位置，并且可以直接對圖像進(jìn)行編輯。8.6圖片的定位位置的定位是指將圖片準(zhǔn)確地放在網(wǎng)頁的某一位置或是兩個或兩個以上的圖片在指定的位置上顯示不同的先后順序，也可以理解成相互遮擋的順序①在網(wǎng)頁中插入兩張圖片，單擊其中一幅圖片，單擊圖片

5、工具欄中的“絕對”圖標(biāo)。②此時光標(biāo)會變成十字形指針，按下鼠標(biāo)左鍵，拖動圖片到合適位置，在空白處單擊鼠標(biāo)，即可完成操作。8.7圖片相關(guān)操作◆插入文件中的圖片：在光標(biāo)所在處插入一幅來自外部文件的圖片?！粑谋荆簡螕艉?，F(xiàn)rontPage會檢查所選圖片是否為GIF格式，如果不是，會將圖片格式轉(zhuǎn)換為GIF格式。◆自動縮略圖：可將所選中的圖片轉(zhuǎn)換成縮略圖，并在縮略圖中定義一個超鏈接，將其連到原始圖片?！艚^對位置：用于設(shè)置所選圖片在當(dāng)前層的絕對位置?！粝乱埔粚樱簩⑺x中的圖片向下移一層?！羯弦埔粚樱簩⑺x中的圖片向上移一層。8.7圖片

6、相關(guān)操作◆向左旋轉(zhuǎn)：將圖片向左旋轉(zhuǎn)90度?！粝蛴倚D(zhuǎn)：將圖片向右旋轉(zhuǎn)90度?！羲椒D(zhuǎn)：將圖片按垂直線翻轉(zhuǎn)180度?！舸怪狈D(zhuǎn)：將圖片按水平線翻轉(zhuǎn)180度?！艏哟髮Ρ榷龋涸黾訄D片與背景的對比度?！艚档蛯Ρ榷龋航档蛨D片與背景的對比度?！粼黾恿炼龋涸黾訄D片的亮度?！魷p低亮度：減低圖片的亮度。8.7圖片相關(guān)操作◆剪裁：對圖片進(jìn)行剪裁?！粼O(shè)置透明的顏色：單擊后，F(xiàn)rontPage會自動檢查圖片是否為GIF格式，如果不是，會提示用戶并自動轉(zhuǎn)換格式，然后用光標(biāo)單擊圖片，與被擊中的點的顏色相同的其它區(qū)域會變透明，也就是與背景的顏色相同

7、。◆黑白模式：將圖片轉(zhuǎn)換為黑白圖片?！魶_蝕：將圖片轉(zhuǎn)換成沖蝕效果?！舭纪剐Ч菏箞D片邊界凹凸化?！糁匦氯樱寒?dāng)圖片過大或過小時，需要對圖片重新進(jìn)行調(diào)整之后再對圖片重新樣?！暨x擇：用于選擇圖片。◆長方形熱點：用于定義長方形熱點?！魣A形熱點：用于定義圓形熱點?！舳噙呅螣狳c：用于定義多邊形熱點?！敉怀鲲@示熱點：用于在圖片中突出顯示熱點?！暨€原：取消以前的操作?！魣D片映射：指在一幅圖片上由不同的區(qū)域來表示不同的超鏈接。8.6.1建立文字超鏈接選中“明星風(fēng)采”，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“超鏈接”菜單項。選擇“超鏈接”，

8、彈出一個“創(chuàng)建超鏈接”的對話框。在“創(chuàng)建超鏈接”對話框中的“URL”文本框中，輸入所需要鏈接的網(wǎng)頁。8.6.2建立熱點在我們單擊每個圖片的文字的時候，就會鏈接到相應(yīng)文字的圖片上，這種情況稱為圖片映射，通常稱之為熱點。圖片映射分為兩種：◆在圖片上加入一些文字，然后再分別將文字定義成超鏈接，也稱文字熱點。◆將圖片劃分成幾