FrontPage2003_網(wǎng)頁制作教程

1、1中文FrontPage 20031 走進(jìn)FrontPage2 新建網(wǎng)頁3 網(wǎng)頁的編輯與效果設(shè)計4 設(shè)置網(wǎng)頁格式5 使用超鏈接6 快速創(chuàng)建網(wǎng)站21 走進(jìn)FrontPage1.1 FrontPage 2003的啟動和退出1.2 FrontPage 2003的主界面1.3 網(wǎng)頁視圖1.4 任務(wù)窗格31.1 FrontPage 2003的啟動和退出n一、啟動 在Windows 桌面單擊“開始”菜單，執(zhí)行所有程序 Microsoft Office Microsoft Office FrontPage 2003 命令 n二、退出執(zhí)行文件退出命令，或者單擊窗口右上角標(biāo)題欄的關(guān)閉按鈕 41.2 FrontP

2、age 2003的主界面51.3 網(wǎng)頁視圖(網(wǎng)頁左下角功能名詞解釋)n一、“設(shè)計”視圖用戶可以直觀地插人文本、圖片、超鏈接 n二、“代碼”視圖 可以查看、編寫和編輯HTML 標(biāo)記 n三、“拆分”視圖 上半部分顯示這個網(wǎng)頁的HTML 代碼，下半部分顯示網(wǎng)頁 n四、“預(yù)覽”視圖 在不必保存網(wǎng)頁的情況下，看到網(wǎng)頁在瀏覽器中的效果61.4 任務(wù)窗格返回72 新建網(wǎng)頁2.1 新建網(wǎng)頁的方法2.2 新建空白網(wǎng)頁2.3 利用常規(guī)模板新建網(wǎng)頁2.4 利用框架網(wǎng)頁模板新建網(wǎng)頁82.1 新建網(wǎng)頁的方法一、空白網(wǎng)頁新建一個空白的網(wǎng)頁 二、文本文檔 新建一個純文本文件，后綴名為 txt 三、根據(jù)現(xiàn)有網(wǎng)頁新建 從本地或

3、互聯(lián)網(wǎng)上查找到網(wǎng)頁，新建一個同樣的網(wǎng)頁 四、其他網(wǎng)頁模板 包括“常規(guī)” “框架” “樣式表”選項(xiàng)卡，分別表示3 種不同的模板 92.1 新建網(wǎng)頁的方法102.2 新建空白網(wǎng)頁1)執(zhí)行文件新建 命令，彈出“新建”任務(wù)窗格2)在“新建網(wǎng)頁”欄中選擇空白網(wǎng)頁 3)向網(wǎng)頁中添加文字 4)保存網(wǎng)頁 example ：創(chuàng)建“紅蘋果樂園”個人主頁 112.2 新建空白網(wǎng)頁n5)瀏覽網(wǎng)頁122.3 利用常規(guī)模板新建網(wǎng)頁1)執(zhí)行文件新建 命令，出現(xiàn)“新建”任務(wù)窗格2)在“新建網(wǎng)頁”欄中，選擇其他網(wǎng)頁模板3)在“網(wǎng)頁模板”對話框中，選擇“圖片庫” 4)進(jìn)行網(wǎng)頁編輯 135)瀏覽網(wǎng)頁2.3 利用常規(guī)模板新建網(wǎng)頁14

4、2.4 利用框架網(wǎng)頁模板新建網(wǎng)頁n1)執(zhí)行文件新建 命令，出現(xiàn)“新建”任務(wù)窗格n2)在“新建網(wǎng)頁”欄中，選擇其他網(wǎng)頁模板 n3)選擇“框架網(wǎng)頁”選項(xiàng)卡 n4)選擇“標(biāo)題”模板 ,并編輯網(wǎng)頁example: “標(biāo)題標(biāo)題”框架框架 模板新建網(wǎng)模板新建網(wǎng)頁頁152.4 利用框架網(wǎng)頁模板新建網(wǎng)頁5) 瀏覽網(wǎng)頁返回163 網(wǎng)頁的編輯與效果設(shè)計3.1 添加圖片3.2 添加滾動文字3.3 添加視頻173.1 添加圖片1)插入來自文件的圖片執(zhí)行插人圖片來自文件 命令 2)在圖片上添加文本 1 單擊選擇要添加文本的圖片 2 單擊“圖片工具欄上的文字按鈕 3 在圖片上出現(xiàn)的文本框中輸人所需的文本 3)為圖片加入動

5、態(tài)效果 1 選中圖片，執(zhí)行視圖工具欄DHTML 效果命令，調(diào)出“DHTML 效果” 2 選擇所要設(shè)置動畫的圖片，在“選擇一種事件”欄中，單擊下拉按鈕，選擇引起動畫的事件 3 “應(yīng)用”欄單擊下拉按鈕，選擇動畫效果的類型“交換圖片” 4 在彈出的“圖片”對話框中，定位一張?zhí)鎿Q圖片，單擊 打開example:美化美化“紅蘋果樂園紅蘋果樂園”個人主頁個人主頁 183.1 添加圖片4)瀏覽193.2 添加滾動文字n一、把插人點(diǎn)定位在要創(chuàng)建字幕的位置 n二、執(zhí)行插入Web組件命令，彈出“插入Web組件”對話框 n三、在左側(cè)的“組件類型”欄下選擇“動態(tài)效果”，在右側(cè)的“選擇一種效 果”欄下選擇“字幕” 20

6、3.3 添加視頻一、將插人點(diǎn)放在要插人視頻的位置 二、執(zhí)行插人圖片視頻 命令，彈出“視頻”對話框 三、單擊選中的視頻文件，然后單 擊打開 按鈕 四、設(shè)置視頻的播放選項(xiàng)，右擊視頻， 再執(zhí)行快捷菜單上的圖片屬性 命令， 彈出“圖片屬性”對話框，選中“視頻”選 項(xiàng)卡 返回214 設(shè)置網(wǎng)頁格式4.1 設(shè)置網(wǎng)頁屬性4.2 設(shè)置網(wǎng)頁主題4.3 設(shè)置共享邊框224.1 設(shè)置網(wǎng)頁屬性一、設(shè)置網(wǎng)頁背景音樂二、設(shè)置網(wǎng)頁背景圖片執(zhí)行執(zhí)行文件文件屬性屬性命令命令234.2 設(shè)置網(wǎng)頁主題n應(yīng)用主題 1)打開要應(yīng)用主題的網(wǎng)頁 2)執(zhí)行格式主題 命令，彈出“主題”任務(wù)窗格 3) “主題”任務(wù)窗格中，瀏覽主題的縮略圖，單擊需

7、要的主題 n刪除主題 1)執(zhí)行格式主題命令 2)在“主題”任務(wù)窗格中刪除網(wǎng)站的主題 244.3 設(shè)置共享邊框n共享邊框 為希望在所有網(wǎng)頁上顯示一致的內(nèi)容而保留的網(wǎng)頁區(qū)域 n設(shè)置共享邊框 1)在網(wǎng)頁視圖模式中，執(zhí)行格式共享邊框 命令，顯示“共享邊框”對話框 2)選擇“當(dāng)前網(wǎng)頁”，表示只在當(dāng)前網(wǎng)頁上加人共享邊框；選擇“所有網(wǎng)頁”，則表示在整個網(wǎng)站的所有網(wǎng)頁上都將加人該共享邊框 n編輯共享邊框 1)打開要修改共享邊框的網(wǎng)頁 2)在“網(wǎng)頁”視圖模式中，單擊共享邊框區(qū)域 3)修改共享邊框區(qū)域內(nèi)的內(nèi)容 4)單擊工具欄保存文件 按鈕，所做的更改會出現(xiàn)在共享該邊框的所有網(wǎng)頁上 返回255 使用超鏈接5.1 什

8、么是超鏈接5.2 創(chuàng)建超鏈接5.3 編輯超鏈接 5.4 設(shè)置超鏈接的顏色 5.5 刪除超鏈接 265.1 什么是超鏈接n 從一個網(wǎng)頁指向另一個目標(biāo)的鏈接關(guān)系。這個目標(biāo)可以是一個網(wǎng)頁或文件，也可以是相同網(wǎng)頁中的不同位置，還可以是一個電子郵件地址，甚至是一個應(yīng)用程序。當(dāng)瀏覽者單擊已經(jīng)設(shè)置了超鏈接的圖片或文字以后，鏈接的目標(biāo)就會在瀏覽器中顯示出來。 275.2 創(chuàng)建超鏈接n創(chuàng)建指向原有文件或網(wǎng)頁的超鏈接n創(chuàng)建指向本文檔中的位置的超鏈接 n創(chuàng)建指向新建文檔的超鏈接 n創(chuàng)建指向電子郵件地址的超鏈接 285.3 編輯超鏈接（1）要更改超鏈接文本，選擇該文本并編輯它 （2）選擇要更改超鏈目的端超鏈接，然后單

9、擊 “ 超鏈接”，指定一個不同的URL。295.4 設(shè)置超鏈接的顏色n1)右擊網(wǎng)頁空自處，在彈出的快捷菜單上選擇網(wǎng)頁屬性命令 n2)在彈出的“網(wǎng)頁屬性”對話框中，選擇“格式”選項(xiàng)卡 n3)在“顏色”欄中，單擊“超鏈接”右側(cè)下拉框的下拉箭頭，選擇一種顏色 n4)為“已訪問的超鏈接”和“當(dāng)前超鏈接”設(shè)置顏色 305.5 刪除超鏈接在網(wǎng)頁視圖模式下，選擇該超鏈接 徹底刪除文本和超鏈接，請按Del鍵 保留超鏈接文本，但是要刪除相應(yīng)的超鏈接，請選定該超鏈接，單擊 “超鏈接”。選中 “URL” 框的內(nèi)容后按Del鍵，然后按確定按鈕。返回316 快速創(chuàng)建網(wǎng)站6.1 FrontPage 網(wǎng)站 6.2 使用模板創(chuàng)建簡單的個人網(wǎng)站 6.3