認識FrontPae2000課件

1、認識frontpage2000視圖欄視圖欄 視圖切換按鈕視圖切換按鈕 工作區(qū)工作區(qū) 創(chuàng)建站點創(chuàng)建站點1.執(zhí)行 “文件”/ “新建”下的 “站點”命令。 2.在 “站點” 列表中，選擇要用來創(chuàng)建新站點的模板或向導。 3.在 “指定新網站的位置” 框中，鍵入或選擇新站點的名稱。 創(chuàng)建文件夾創(chuàng)建文件夾 在站點中創(chuàng)建一個文件夾可以組織網頁和文件。例如：創(chuàng)建一個“ multimedia”文件夾來存放聲音、視頻等對象文件。1.選擇現(xiàn)有的一個文件夾。 2.右擊鼠標，在快捷菜單中選擇 “新建文件夾”。 3.鍵入新文件夾的名稱，單擊 “確定”按鈕。 設置文本格式n設置文本字體和顏色n設置文本粗體、斜體和加下劃線

2、n在文本周圍加邊框：q在網頁視圖模式下，選擇要添加邊框的段落。q在 “格式” 菜單中，單擊 “邊框陰影”。 q在 “設置” 下，單擊 “方框”或“自定義”。n給文本設置底紋n刪除文本格式：q在網頁視圖模式下，選擇文本。q在 “格式” 菜單中，單擊 “刪除格式”。 設置行距和段落間距設置行距和段落間距1.在網頁視圖模式下，選擇一個或多個段落，右擊鼠標，然后選擇快捷菜單中的 “段落”。 2.在 “段落間距” 下，作如下操作： o若要設置每個段落之上的間距，在 “段前” 框中輸入一個值。 o若要設置每個段落之下的間距，在 “段后” 框中輸入一個值。 o若要設置行間的垂直間距，單擊 “行距大小” 框中

3、的選項。 設置行和段落的縮進設置行和段落的縮進1.在網頁視圖模式下，選擇一個或多個段落，右擊鼠標，然后選擇快捷菜單中的 “段落”。 2.在 “縮進” 下，作如下操作： o要縮進段落的左邊，請在 “文本之前” 框中輸入磅數(shù)。 o要縮進段落的右邊，請在 “文本之后” 框中輸入磅數(shù)。o要縮進段落中文本的第一行，在 “首行縮進” 框中輸入磅數(shù)。創(chuàng)建超級鏈接-url含義n當創(chuàng)建一個超鏈接時，它的目的端將被編碼為 url （統(tǒng)一資源定位符），例如 http:/ 或 file:/computername/sharedfolder/filename.htm 。url 包含了站點服務器或者網絡位置、路徑和文件名

4、稱。 n超鏈接可以是 絕對的或相對的： n一個絕對的 url 包含完整的地址。 n一個相對的 url 將缺少一個或更多部份。缺少的信息將由包含 url 的網頁提供。創(chuàng)建超鏈接創(chuàng)建超鏈接1.在網頁視圖模式下，選中用作超鏈接的文本或圖片，右擊鼠標，在快捷菜單中選擇 “超鏈接”命令 。 n單擊 ， “制作一個指向您計算機上文件的超鏈接” 。n單擊 ,創(chuàng)建電子郵件鏈接創(chuàng)建指向一個書簽的超鏈接創(chuàng)建指向一個書簽的超鏈接 書簽是網頁中被標記的位置或被標記的選中文本。當要向站點訪問者顯示網頁的特定部份時，可以創(chuàng)建一個指向書簽的超鏈接。1.在包含書簽的網頁的適當位置，鍵入并選中要將其用作超鏈接的文本或圖片。2.

5、單擊 工具欄中的“超鏈接” 按鈕。 2.在 “書簽” 框上，單擊要將其作為目的端的書簽。設置超鏈接顏色設置超鏈接顏色n超鏈接 即未被選中的超鏈接。 n當前超鏈接 即當前被選中的超鏈接。 n已訪問過的超鏈接 即已經被瀏覽過的超鏈接。1.在網頁視圖模式下，右擊網頁，再選擇快捷菜單中的 “網頁屬性”，然后單擊 “背景” 選項卡。 2.在 “超鏈接”、“已訪問過的超鏈接” 以及 “當前超鏈接” 框中，選擇想要的顏色。插入圖片1.在網頁視圖模式下，將插入點放置到要插入圖片的位置。 2.執(zhí)行“插入”菜單下的 “插入圖片”命令 。 3.單擊 “來自文件” 。 4.從本地文件系統(tǒng)瀏覽您想要的圖片并且選擇該文件

6、。您可以在 “文件類型” 框中指定要查看的文件類型。5.用同樣的方法插入“剪貼畫”。編輯圖片n裁減圖片：裁減圖片：在“圖片”工具欄單擊“剪裁” 工具n旋轉圖片：旋轉圖片：在 “圖片” 工具欄單擊 “向左旋轉”，可逆時針翻轉圖片 90 度；單擊 “向右旋轉”，可順時針翻轉圖片 90 度n翻轉圖片：翻轉圖片：在 “圖片” 工具欄單擊 “水平翻轉” ，創(chuàng)建一個鏡射；單擊 “垂直翻轉” 將圖片向上向下翻轉n圖片顏色沖蝕：圖片顏色沖蝕：在 “圖片” 工具欄，單擊 “沖蝕” 按鈕n在圖片上放置文本：在圖片上放置文本：在 “圖片” 工具欄，單擊 “文本” 工具，在顯示框中鍵入文本n添加凸凹效果：添加凸凹效果

7、：在”圖片”工具欄，單擊 “凹凸效果” 設置圖片的對齊方式和間距設置圖片的對齊方式和間距1.在網頁視圖模式下，在圖片上右擊鼠標，選擇快捷菜單上的 “圖片屬性”，然后單擊 “外觀” 選項卡。 2.在 “對齊方式” 框中，單擊某選項來指定圖形在網頁上的對齊方式。例如 要使圖片對齊網頁左邊，而文本接在右邊，可單擊 “左對齊”。3.在 “水平間距” 框中，輸入的間距值顯示在在圖片的左邊和右邊。 4.在 “垂直間距” 框中，輸入間距值顯示在圖片的上邊和下邊。設置圖片的邊框屬性設置圖片的邊框屬性1.在網頁視圖模式下，在圖片上右擊，選擇快捷菜單上的 “圖片屬性”，然后單擊 “外觀” 選項卡。 2.在“邊框粗

8、細”框中，以像素為單位設置邊框的寬度（要刪除邊框，可鍵入 0 ）。 調整圖片的大小調整圖片的大小1.在網頁視圖模式下，在圖片上右擊鼠標，選擇快捷菜單上的 “圖片屬性”，然后單擊 “外觀” 選項卡。 2.選擇 “指定大小” 復選框。 3.若要保持高度與寬度的比例，可選擇 “保持縱橫比” 復選框。4.指定是否要更改大?。ㄏ袼刂祷虬俜直龋?，然后在 “寬度” 和 “高度” 框中輸入數(shù)值。 設置背景圖片設置背景圖片1.在網頁視圖模式下，右擊網頁，在快捷菜單中選擇 “網頁屬性”。 2.單擊 “背景” 選項卡。 3.選擇 “背景圖片” 復選框，然后單擊 “瀏覽”。 4.選擇背景圖片：選中“水印”，實現(xiàn)背景不

9、動，文字滾動保存嵌入式圖片在網頁中加入音頻n單擊“插入/ web組件/高級”菜單下的“插件”命令n在“插件屬性”對話框中單擊“數(shù)據(jù)源”文本框右邊的“瀏覽”按鈕，選擇音頻文件。設置瀏覽時插件的大小選中時，插件看不到在網頁中插入flash動畫n單擊“插入/web組件/高級”菜單下的“activex控件”命令。n若彈出菜單中無所需要的控件，單擊“自定義”，添加“shockwave flash object”n選中網頁中的空白區(qū)域，設置“activex控件屬性”表格的用途n將信息通過表格格式顯示n在網頁上布置文本和圖形等元素，實現(xiàn)網頁布局旅館每晚的住宿費率旅館每晚的住宿費率 房間房間淡季淡季( 一到四

10、月一到四月 )旺季旺季( 五到十二月五到十二月 )單人房單人房100 110 單人套房單人套房120 130 雙人房雙人房160 175 雙人套房雙人套房180 195 表格n創(chuàng)建表格q選擇“插入/表格”中的命令q單擊常用工具欄上的“表格”按鈕n表格編輯q將插入點放置在表格中的任意位置，在快捷菜單中選擇“表格屬性”n單元格編輯q將插入點放置在表格中的任意位置，在快捷菜單中選擇“單元格屬性”隱藏表格邊框隱藏表格邊框1.在網頁視圖模式下，右擊表格，選擇快捷菜單中的 “表格屬性”。 2.在 “邊框” 下的 “粗細” 框中，鍵入 0 。在表格中插入表格在表格中插入表格1.在網頁視圖模式下，將光標移至要

11、插入表格的單元格中。 2.單擊 “插入表格” 命令。拆分和合并單元格1.在網頁視圖模式下，選擇要拆分的單元格。 2.右擊鼠標，然后選擇快捷菜單中的 “拆分單元格”。 3.單擊 “拆分為列” 或 “拆分為行”。 4.在 “列數(shù)” 或 “行數(shù)” 域中，鍵入您所要拆分成的列數(shù)或行數(shù)。5.合并單元格與此類似 設置單元格跨越設置單元格跨越 1.在網頁視圖模式下， 選擇想設置單元格跨越的單元格、行或列。 2.右擊，選擇快捷菜單中的 “單元格屬性”。 3.在 “行跨距” 框中，鍵入要增加的單元格行數(shù)。 4.在 “列跨距” 框中，鍵入要增加的單元格列數(shù)。刪除表格元素刪除表格元素要完成刪除操作要完成刪除操作在網

12、頁視圖模式下，完成下列操作在網頁視圖模式下，完成下列操作表格選中要刪除的表格，然后按 delete 鍵。單元格選中要刪除的單元格，單擊鼠標右鍵，然后單擊快捷菜單中的 “刪除單元格”。 行選中要刪除的行，單擊鼠標右鍵，然后單擊快捷菜單中的 “刪除單元格”。 列選中要刪除的列，單擊鼠標右鍵，然后單擊快捷菜單中的 “刪除單元格”。 表格標題選中要刪除的標題，然后按 delete 鍵。表單(form)n文本框n單選按鈕n復選框n下拉框n文本區(qū)n按扭框架 框架是一種特別 html 網頁，它可將瀏覽器視窗分為不同的框架，而每一個框架可顯示一不同網頁。創(chuàng)建一框架網頁創(chuàng)建一框架網頁1.在 “文件” 菜單上，

13、指向 “新建”，單擊 “網頁”，然后單擊 “框架網頁” 選項卡。 2.單擊框架網頁模板。創(chuàng)建超鏈接以在其他框架頁顯示創(chuàng)建超鏈接以在其他框架頁顯示1.在網頁視圖模式下，打開框架網頁，單擊 “普通” 選項卡，然后單擊欲創(chuàng)建超鏈接的網頁。 2.鍵入或選擇 超鏈接所需之文本或圖片，然后單擊 “超鏈接” 。 3.在 “創(chuàng)建超鏈接” 對話框內，選擇要在其他框架顯示的網頁和目標框架 。 保存框架網頁保存框架網頁1.將欲保存的框架網頁顯示在網頁視圖模式下，然后單擊 “普通” 選項卡。 2.單擊文件菜單的 “保存文件”命令 。3.在 “另存為” 對話框中會出現(xiàn)框架網頁布局的縮略圖。所保存的部份會以深蘭色框來突出

14、顯示。q若突出顯示的是框架網頁的全部外框，則保存的是框架網頁本身。 q若突出顯示的是單個框架，則保存的是框架所顯示的網頁。 q在 “文件名” 框中，為框架本身或框架所顯示的網頁鍵入或選擇一文件名稱重命名框架重命名框架 框架網頁上的每一框架都有一個特別的名稱，用來在框架間指定瀏覽。1.在網頁視圖模式下，打開欲修改的框架網頁，單擊 “普通” 選項卡。 2.在欲重命名的框架上的任一處單擊右鍵，在快捷菜單上選擇 “框架屬性”。 3.在 “名稱” 框內， 鍵入框架的新名稱。 顯示或隱藏框架框線顯示或隱藏框架框線1.在網頁視圖模式下，打開欲修改的框架網頁，然后單擊 “普通” 選項卡。 2.在 “文件” 菜

15、單上，單擊 “屬性”，然后單擊 “框架” 選項卡： o欲顯示框架間的框線，選取 “顯示邊框” 復選框，然后在 “框架間距” 框內，鍵入邊框的寬度像素。o欲隱藏框架間框線，清除 “顯示邊框” 復選框。重置框架大小重置框架大小 在框架內單擊鼠標右鍵，單擊 “框架屬性”，然后調整位于 “框架大小” 區(qū)域內的 “列寬” 和 “高度” 選項 。css（級聯(lián)樣式表）簡介ncss是一系列格式規(guī)則，用于控制網頁內容的外觀。ncss可以完成如下工作：q彌補html對網頁格式化功能的不足，如段落間距、行距等q設置字體變化與大小q設置頁面格式的動態(tài)更新q進行排版定位創(chuàng)建網頁樣式創(chuàng)建網頁樣式n在網頁視圖模式下，選定

16、“普通” 選項卡。在 “格式” 菜單上，執(zhí)行擊 “樣式”命令。 1.單擊 “新建”，然后在 “名稱 (選擇器)” 框里，鍵入新樣式名稱。 2.單擊 “格式”，指定新樣式格式特征： o單擊 “字體”設置字體屬性（ 例如字體、顏色、字符間距，請） o單擊 “段落”設置對齊方式，縮進或段落間距 o單擊 “邊框”設置邊框和底紋。 o單擊 “編號方式”設置項目符號的樣式和編號 o單擊 “定位”設置定位屬性（ 例如環(huán)繞方式、位置或 z-順序） 應用樣式到網頁元素應用樣式到網頁元素 樣式包含格式設置信息，例如特定字體、背景顏色、或邊框樣式等等，可應用到網頁上的幾乎所有元素，包括文本、段落、圖片和表格。q在 “樣式” 框中，會列出標準 html 樣式，例如標題 1，以及為網頁創(chuàng)建的css樣式。q選擇網頁元素，然后在 “樣式” 框中，單擊要應用的樣式。 刪除網頁樣式刪除網頁樣式1.在網頁視圖模式下，選擇 “普通” 選項卡。在 “格式” 菜單上，單擊 “樣式”命令。 2.在 “列表” 框里，選擇 “用戶定義的樣式”。 3.單擊“樣式”框中欲刪除的自定義樣式，單擊 “刪除”按鈕。使用使用 ftp 發(fā)布站點發(fā)布站點1.在 “文件”