【正文】 具欄上的工具按鈕或菜單命令快速地改變文字的外觀 。 返 回 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 33 在 FrontPage 2022中 ， 編輯某個(gè)網(wǎng)頁(yè)之前 ，需要先打開該網(wǎng)頁(yè) 。 使用 FrontPage 2022可以創(chuàng)建新的網(wǎng)頁(yè) ， 也可以打開并修改已經(jīng)存在的網(wǎng)頁(yè) 。 定義表格的有關(guān)標(biāo)記如下： table … /table 定義表格區(qū)域 。 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 25 （ 4） border屬性：設(shè)置圖片文件的邊框 。如：宋體、楷體 _GB231 Times New Roman、 Arial等。 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 21 2. 文字格式 HTML語(yǔ)言中用于文字格式化的標(biāo)記有： 1） 標(biāo)題標(biāo)記 hn 格式為： hn 屬性 =屬性值 標(biāo)題文字內(nèi)容 /hn 其中 n說(shuō)明大小級(jí)別 ， 取值范圍為 1到 6的數(shù)字 。 n為六位十六進(jìn)制數(shù) 。 /p p然后 ， 講授如何使用 HTML語(yǔ)言編寫您的 Web頁(yè)面 。 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 15 HTML文件的基本構(gòu)成 Inter中的每一個(gè) HTML文件都包括文本內(nèi)容和 HTML標(biāo)記兩部分 。 它使用一些約定的標(biāo)記 （ Tag） 對(duì)文本進(jìn)行標(biāo)注 ， 定義網(wǎng)頁(yè)的數(shù)據(jù)格式 ， 描述 Web頁(yè)中的信息 ， 控制文本的顯示 。 我們把用 HTML語(yǔ)言編寫的文件稱為 HTML文件 。 其中 ， HTML標(biāo)記負(fù)責(zé)控制文本顯示的外觀和版式 ， 并為瀏覽器指定各種鏈接的圖像 、 聲音和其他對(duì)象的位置 。 /p /body /html 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 17 HTML語(yǔ)言概述 將上述代碼用文本編輯器編輯并保存為一個(gè)擴(kuò)展名為 .htm的文件 ， 雙擊該文件圖標(biāo) ， 在瀏覽器中看到如下圖所示的結(jié)果 。 如果網(wǎng)頁(yè)使用背景圖像 ， 格式如下： body background=路徑 /圖片文件名 …/body HTML對(duì)格式的要求并不嚴(yán)格 ， 當(dāng) HTML文件被瀏覽器掃描時(shí) ， 所有包含在文件中的空格 、 回車等均被忽略 。 把標(biāo)題分為 6級(jí) ， 即 h1~h6， 其中 h1文字最大 ， h6文字最小 。 文字格式 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 23 3） 字形標(biāo)記 字形標(biāo)記用于設(shè)置文字的粗體 、 斜體 、 下劃線 、 上標(biāo) 、 下標(biāo)等 。 格式如下： img src =URL border =n 其中 n為像素?cái)?shù) 。 tr … /tr 定義表格行 。 FrontPage 2022提供了多種編輯網(wǎng)頁(yè)的方式 ， 不但可以直接修改 HTML，而且可以采用 “ 所見即所得 ” 的方式編輯網(wǎng)頁(yè) ， 還可以使用菜單命令插入各種網(wǎng)頁(yè)元素 ， 使用對(duì)話框修改其屬性 ， 十分靈活 。 打開網(wǎng)頁(yè)的方法有多種 ，常用的有以下幾種： （ 1） 使用 “ 文件 ” 菜單的 “ 打開 ” 命令 ， 或 “ 常用 ” 工具欄的 “ 打開 ” 按鈕 ， 在彈出的 “ 打開文件 ” 對(duì)話框中選擇相應(yīng)的網(wǎng)頁(yè)； （ 2） 如需要打開的文件已在打開的網(wǎng)站中 ， 在文件夾視圖中雙擊該網(wǎng)頁(yè)圖標(biāo)即可將其打開 。 設(shè)置文字格式的一般操作步驟是：選中文字 ， 單擊 “ 格式 ”菜單的 “ 字體 ” 命令 ， 在彈出的 “ 字體 ” 對(duì)話框中設(shè)置字體的各種屬性 ， 也可以使用 “ 格式 ” 工具欄中相應(yīng)的命令按鈕 。設(shè)置段落格式的一般方法如下： 將插入點(diǎn)移動(dòng)到要設(shè)置格式的段落中 ， 或是選中該段落 ， 單擊 “ 格式 ” 菜單的 “ 段落 ” 命令 ， 在彈出的“ 段落 ” 對(duì)話框中進(jìn)行各種段落格式屬性的設(shè)置 。 用戶可以選中 “ 背景圖片 ” 復(fù)選框 ， 指定一個(gè)圖片作為網(wǎng)頁(yè)的背景圖片 。 要為線條指定自定義樣式或其他格式 ， 可以使用 “ 樣式 ” 按鈕進(jìn)行設(shè)置 。 插入圖片 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 45 4） 編輯圖片 可以使用 “ 視圖 ” 菜單的 “ 工具欄 ” 命令中的“ 圖片 ” 子命令 ， 使 “ 圖片 ” 工具欄顯示在屏幕上 ?！?速度 ” 區(qū)域用于指定文字的滾動(dòng)速度 ， “ 延遲 ” 框中的數(shù)值表示字幕滾動(dòng)一步的時(shí)間間隔是多少毫秒 ， “ 數(shù)量 ” 框中的數(shù)值表示字幕滾動(dòng)一步的距離是多少像素 。 返 回 插入交互式按鈕 23 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 51 創(chuàng)建超鏈接 Web網(wǎng)頁(yè)的強(qiáng)大之處就在于其超鏈接 ，使用超鏈接能夠?qū)?Inter中的信息有機(jī)地組織起來(lái) ， 使人們?cè)谪S富多彩的 WWW世界輕松地漫游 。 可以將整個(gè)圖片設(shè)置為超鏈接 ， 也可以為圖片分配一個(gè)或多個(gè)熱點(diǎn) 。 （ 2） 在 “ 圖片 ” 工具欄中 ， 單擊長(zhǎng)方形 、 圓形或多邊形熱點(diǎn)按鈕匹配需要的形狀 。 書簽是網(wǎng)頁(yè)中被標(biāo)記的位置或被標(biāo)記的文本 。 具體操作步驟如下： （ 1） 選擇作為電子郵件超鏈接的文本或圖片； （ 2） 從 “ 插入 ” 菜單中選擇 “ 超鏈接 ” 命令 ， 彈出“ 插入超鏈接 ” 對(duì)話框； （ 3） 在對(duì)話框的 “ 鏈接到 ” 欄單擊 “ 電子郵件地址 ” ， 在 “ 電子郵件地址 ” 框中輸入所需電子郵件地址 ， 還可以在 “ 主題 ” 框中鍵入電子郵件的主題； （ 4） 單擊 “ 確定 ” 按鈕 ， 完成電子郵件超鏈接的創(chuàng)建 。 表格的行 、 列和單元格都可以進(jìn)行復(fù)制 、 粘貼 ， 在表格中還可以插入表格 ， 一層層的表格嵌套使設(shè)計(jì)更加方便 。 （ 3）在“粗細(xì)”數(shù)值框中輸入數(shù)值，即可設(shè)置表格邊框的粗細(xì)。 返 回 4. 調(diào)整表格 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 設(shè)置表格屬性 ? 將鼠標(biāo)移動(dòng)到表格內(nèi)任何一個(gè)單元格 ——右鍵 ——選擇表格屬性 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 72 創(chuàng)建框架 框架的使用是進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì)的一種重要手段 。 創(chuàng)建框架網(wǎng)頁(yè) 在該圖窗口底部新增了“無(wú)框架”視圖模式，可以為不支持框架的瀏覽器創(chuàng)建替代網(wǎng)頁(yè)。 2. 保存框架網(wǎng)頁(yè) 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 76 當(dāng)使用模板創(chuàng)建的框架結(jié)構(gòu)不能滿足需要時(shí) ， 可以通過(guò)拆分框架制作出更為復(fù)雜的框架網(wǎng)頁(yè) 。 4. 刪除框架 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 78 在框架網(wǎng)頁(yè)中可以設(shè)置框架的大小 、 框架的邊距和在框架中是否顯示滾動(dòng)條等屬性 。 ?整頁(yè)：將框架展開為整個(gè)窗口 ， 顯示鏈接網(wǎng)頁(yè) 。使用 “ 插入 ” 菜單的 “ 表單 ” 子菜單的 “ 表單 ” 命令 ，將插入一個(gè)非常簡(jiǎn)單的表單 。若插入點(diǎn)在表單之外，則創(chuàng)建的文本框包含“提交”和“重置”按鈕。 “復(fù)選框?qū)傩浴睂?duì)話框中，“名稱”用于設(shè)置復(fù)選框的名稱，“值”用于返回復(fù)選框是否已選中， “初始狀態(tài)” 選項(xiàng)按鈕組用于設(shè)置初始狀態(tài)下該復(fù)選框是否被選中，默認(rèn)為“未選中”，“ Tab鍵次序”表示當(dāng)按下 Tab鍵切換輸入焦點(diǎn)時(shí)，該復(fù)選框所在的次序。 “ 分組框?qū)傩?” 對(duì)話框中 ， “ 標(biāo)簽 ” 用來(lái)設(shè)置分組框的名稱 。 將光標(biāo)放在要插入按鈕的位置 ， 使用 “ 插入 ” 菜單的“ 表單 ” 命令 ， 再選擇 “ 按鈕 ” 子命令 ， 即可插入按鈕 。 打開 “ 表單屬性 ” 對(duì)話框 ， 在 “ 電子郵件地址 ” 框中 ， 輸入要向其發(fā)送表單結(jié)果的電子郵件地址 。 然后 ， 對(duì)發(fā)布的信息要分清主次 ， 面面俱到可能使瀏覽者難以找到有用的信息 ，不能達(dá)到預(yù)期目的 。對(duì)于欄目?jī)?nèi)容跨度較大的網(wǎng)站 ， 可以考慮針對(duì)不同欄目采用不同的風(fēng)格 。 它們的使用可以豐富畫面 ， 使頁(yè)面更加形象生動(dòng) 。 （ 3） 單擊 “ 確定 ” 按鈕 ， FrontPage 會(huì)嘗試連接指定的FTP， 如果需要相應(yīng)的用戶名和密碼 ， 則會(huì)彈出如圖 928所示的 “ 要求提供用戶名和密碼 ” 對(duì)話框 。 （ 5） 單擊窗口右下角的 “ 發(fā)布網(wǎng)站 ” 按鈕 ， 開始發(fā)布網(wǎng)站 . （ 6） 文件傳送完畢 ， FrontPage顯示狀態(tài) “ 成功 ” ， 表示網(wǎng)站已經(jīng)成功發(fā)布 。 返 回 網(wǎng)站和網(wǎng)頁(yè)的設(shè)計(jì)原則 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 96 網(wǎng)站的發(fā)布和維護(hù) 所謂發(fā)布網(wǎng)站 ， 就是把網(wǎng)站中的內(nèi)容上傳到 Web服務(wù)器上 ?？梢允褂帽砀褫o助頁(yè)面元素的布局 ， 也可以使用特定的布局框架 。 主頁(yè)的設(shè)計(jì)要簡(jiǎn)潔 ， 內(nèi)容不宜過(guò)多 ， 應(yīng)該在主頁(yè)上建立分類欄目 。 單擊 “ 選項(xiàng) ” 按鈕 ， 在 “ 電子郵件結(jié)果 ”選項(xiàng)卡中可以設(shè)置接收結(jié)果的電子郵件地址 、 電子郵件格式 、郵件標(biāo)題等選項(xiàng) 。 按鈕可以設(shè)置為 “ 提交 ” 、“ 重置 ” 或普通按鈕 ， 對(duì)于 “ 提交 ” 和 “ 重置 ” 按鈕來(lái)說(shuō) ， 它們的動(dòng)作是默認(rèn)的 。 6. 插入下拉框 下拉框用于從一個(gè)列表中選擇一項(xiàng)或幾項(xiàng) 。 將光標(biāo)放在要插入選項(xiàng)按鈕的位置 ， 使用 “ 插入 ” 菜單的“ 表單 ” 命令 ， 再選擇 “ 選項(xiàng)按鈕 ” 子命令 ， 插入一個(gè)選項(xiàng)按鈕 ， 最后在選項(xiàng)按鈕旁鍵入文字進(jìn)行說(shuō)明 。 當(dāng)文本區(qū)中輸入內(nèi)容較多時(shí) ， 可以拖動(dòng)上下滾動(dòng)條 。 在 FrontPage 2022中 ，可以插入文本框 、 文本區(qū) 、 復(fù)選框 、 選項(xiàng)按鈕 、 分組框 、 下拉框 、 按鈕 、 高級(jí)按鈕等表單域 。 ?父框架：在當(dāng)前框架的上層框架內(nèi)顯示鏈接網(wǎng)頁(yè) 。 在“名稱”框中輸入新的框架名稱，即可對(duì)該框架進(jìn)行重命名。 也可按住 Ctrl鍵拖動(dòng)框架的邊框?qū)崿F(xiàn)拆分框架 。 例如 ，使用 “ 目錄 ” 模板創(chuàng)建的框架網(wǎng)頁(yè)需要保存作為容器的框架網(wǎng)頁(yè)和分別顯示在兩個(gè)框架中的兩個(gè)網(wǎng)頁(yè) 。 瀏覽器窗口中顯示的網(wǎng)頁(yè)實(shí)際是這些框架的集合 ， 因此被稱為框架網(wǎng)頁(yè) 。 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 69 3. 設(shè)置單元格屬性 將光標(biāo)放置在需要設(shè)置屬性的單元格中 ， 使用 “ 表格 ”菜單的 “ 表格屬性 ” 子菜單中的 “ 單元格 ” 命令 ， 打開如下圖所示的 “ 單元格屬性 ” 對(duì)話框 ， 設(shè)置單元格屬性 。 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 67 1. 創(chuàng)建表格 創(chuàng)建表格有以下三種常用方法： （ 1） 使用 “ 表格 ” 菜單的 “ 插入 ” 子菜單中的“ 表格 ” 命令 ， 可以對(duì)插入的表格進(jìn)行精確的設(shè)置 ， 包括行和列的數(shù)目 、 對(duì)齊方式 、 單元格間距 、單元格襯距 、 邊框粗細(xì)和背景等 。 具體操作步驟如下： （ 1） 選擇作為文件超鏈接的文本或圖片； （ 2） 從 “ 插入 ” 菜單中選擇 “ 超鏈接 ” 命令 ， 彈出 “ 插入超鏈接 ” 對(duì)話 框 ， 在對(duì)話框中選擇要下載的文件； （ 3） 單擊 “ 確定 ” 按鈕 ， 完成文件超鏈接的創(chuàng)建 。 1） 插入書簽