【正文】 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 本章目錄 ? 設(shè)計(jì)網(wǎng)站的一般步驟 ? FrontPage 2022概述 ? HTML語(yǔ)言簡(jiǎn)介 ? 站 點(diǎn) ? 網(wǎng)頁(yè)編輯與插件設(shè)置 ? 圖片操作及動(dòng)態(tài) HTML效果 ? 表 格 操 作 ? 超 鏈 接 ? 實(shí)踐案例 1—— 新建“ FrontPage特點(diǎn)”網(wǎng)頁(yè) ? 框 架 網(wǎng) 頁(yè) ? 實(shí)踐案例 2—— 唐詩(shī)賞析網(wǎng)站的制作 ? 網(wǎng)站的發(fā)布 ? 實(shí)踐案例 3—— 學(xué)生個(gè)人求職網(wǎng)站的建立與發(fā)布 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 網(wǎng)站的概念 ? 簡(jiǎn)單地說 ， 網(wǎng)站就是由許多相關(guān)網(wǎng)頁(yè)有機(jī)結(jié)合而組成的一個(gè)信息服務(wù)中心 。這樣一個(gè)完整的結(jié)構(gòu)就成為 “ 網(wǎng)站 ” ， 也稱 “ 站點(diǎn) ” 。此外，其功能強(qiáng)大的編碼工具有助于應(yīng)用已掌握的各種編碼語(yǔ)言知識(shí)，并幫助用戶增強(qiáng)這方面的知識(shí)，以創(chuàng)建交互式腳本。 （ 1）關(guān)閉當(dāng)前網(wǎng)頁(yè) ? 方法 1：選擇 “ 文件 /關(guān)閉 ” 菜單命令。 ? 方法 3：當(dāng) FrontPage應(yīng)用程序窗口作為當(dāng)前活動(dòng)窗口時(shí)，按 Alt+F4鍵。將用 HTML編寫的文件保存成擴(kuò)展名為 .htm或者 .html的文件，瀏覽器通過解釋執(zhí)行 HTML編碼。 ? 例如， HTML表示 HTML標(biāo)記符。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 HTML文件的基本結(jié)構(gòu) 2． HTML文件的基本結(jié)構(gòu) ? HTML的結(jié)構(gòu)包括頭部（ Head）和主體（ Body）兩大部分。鏈宿可以是另外一個(gè) Web服務(wù)器上的某個(gè)信息資源，也可以是文檔內(nèi)部的某個(gè)地方。打開站點(diǎn)后將顯示該站點(diǎn)中所有的文件。 （ 2）單擊網(wǎng)站模板右側(cè)的 “ 瀏覽 ” 按鈕，輸入指定新網(wǎng)站的位置。 ” 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 新建網(wǎng)頁(yè) （ 1）單擊 “ 文件 /新建 ” 命令，程序的右側(cè)將彈出“ 新建 ” 任務(wù)窗格，如圖所示。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 文本編輯與格式設(shè)置 1．文本編輯 常用的文本編輯操作有：選擇、移動(dòng)、剪切、復(fù)制、粘貼、刪除、查找和替換等。然后按下鼠標(biāo)左鍵，將其拖動(dòng)至目的地，松開左鍵即可。 （ 2）在 “ 字體 ” 選項(xiàng)卡中選擇合適的字體、字形和大小等，效果選項(xiàng)組還可以對(duì)文字設(shè)置不同的效果，在 “ 字符間距 ” 選項(xiàng)卡中設(shè)置字符間距等。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 插入對(duì)象及組件 2．插入日期和時(shí)間 （ 1）單擊 “ 插入 /日期和時(shí)間 ” 命令，彈出 “ 日期和時(shí)間 ” 對(duì)話框，如圖所示。在該對(duì)話框左側(cè)的組件類型中選擇 “ 計(jì)數(shù)器 ” 。在該對(duì)話框左側(cè)的組件類型中選擇“ 動(dòng)態(tài)效果 ” ，在右側(cè)列表框中選擇 “ 字幕 ” 選項(xiàng)。 （ 2）單擊 “ 插入 /Web組件 ” 命令，彈出 “ 插入 Web組件 ” 對(duì)話框。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 插入對(duì)象及組件 （ 5）單擊 “ 字體 ” 選項(xiàng)卡，設(shè)置該文本的字體、字形、字號(hào)等屬性，如圖所示。 （ 3）若要為當(dāng)前網(wǎng)頁(yè)設(shè)置背景音樂，在 “ 常規(guī) ” 選項(xiàng)卡的 “ 位置 ” 選項(xiàng)區(qū)單擊 “ 瀏覽 ” 按鈕，在彈出的 “ 背景音樂 ” 對(duì)話框中選擇合適的音樂，單擊 “ 打開 ” 按鈕。 （ 3）若要為當(dāng)前網(wǎng)頁(yè)設(shè)置背景圖片，并將背景圖片設(shè)置為水印效果。 （ 2）單擊 “ 格式 /網(wǎng)頁(yè)過渡 ” 命令，將彈出 “ 網(wǎng)頁(yè)過渡 ” 對(duì)話框。 （ 6）設(shè)置完畢后，單擊 “ 確定 ” 按鈕，當(dāng)前網(wǎng)頁(yè)的過渡效果就設(shè)置好了。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 插入表單及表單設(shè)置 2．表單設(shè)置 ? 在需要設(shè)置的表單上單擊鼠標(biāo)右鍵，此時(shí)會(huì)彈出 “ 表單屬性 ” 對(duì)話框。 （ 2）另存為。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 插入圖片及圖片屬性 2．修改圖片屬性 選中圖片，單擊 “ 格式 /屬性 ” ，或者在圖片上單擊鼠標(biāo)右鍵，此時(shí)會(huì)彈出 “ 圖片屬性 ” 對(duì)話框。例如選擇 “ 單擊 ” 事件，此時(shí)中間的 “ 應(yīng)用 ” 下拉列表框由灰色變成白色，表示可以進(jìn)行進(jìn)一步的詳細(xì)設(shè)置。 （ 2）在 “ 插入表格 ” 對(duì)話框中的 “ 大小 ” 選項(xiàng)區(qū)中輸入要插入表格的行數(shù)和列數(shù)，然后單擊 “ 確定 ” 按鈕，即可插入所需要的表格。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 表格制作 3．手工繪制表格 （ 1）單擊 “ 視圖 /工具 /表格 ” 命令，打開表格工具欄，如圖所示。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 表格制作 4．將文本轉(zhuǎn)換成表格 （ 1）選中需要轉(zhuǎn)換成表格的文本，單擊 “ 表格/轉(zhuǎn)換 /文本轉(zhuǎn)換成表格 ” 命令，將彈出 “ 文本轉(zhuǎn)換成表格 ” 對(duì)話框，如圖所示。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 單元格及表格屬性設(shè)置 3．表格屬性 ? 將鼠標(biāo)移動(dòng)到表格的任何位置，并單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇 “ 表格屬性 ” 選項(xiàng)，將彈出 “ 表格屬性 ”對(duì)話框。 （ 4）表格背景：主要用于設(shè)置表格的背景。超鏈接都由以下兩部分組成： （ 1）超鏈接源：它是用來定義作為超鏈接的網(wǎng)頁(yè)中的文本或圖片，又稱為 “ 超鏈接 ” 。 （ 3）在書簽名稱文本框中個(gè)輸入書簽的名稱。 （ 3）在 “ 插入超鏈接 ” 對(duì)話框的左側(cè)單擊 “ 本文檔中的位置 ” ，此時(shí)會(huì)以列表形式給出本網(wǎng)頁(yè)中所有的書簽。選擇需要訪問的書簽，單擊 “ 轉(zhuǎn)到 ”按鈕，用戶就可以跳轉(zhuǎn)到書簽的位置。該站點(diǎn)的 URL會(huì)自動(dòng)添加到 “ 插入超鏈接 ” 的地址框中。 （ 2）單擊選中需要鏈接的網(wǎng)頁(yè)，并單擊 “ 確定 ” 按鈕即可。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 4．鏈接到文件 ? 在圖 1所示的 “ 插入超鏈接 ” 對(duì)話框中，單擊 “ 查找范圍 ” ，找到要鏈接的文件，選中文件，并單擊 “ 確定 ” 按鈕即可?？蚣芫W(wǎng)頁(yè)的每一個(gè)框架窗口中均有 “ 設(shè)置初始網(wǎng)頁(yè) ” 和 “ 新建網(wǎng)頁(yè) ” 兩個(gè)按鈕，其中： ? 設(shè)置初始網(wǎng)頁(yè)：可在相應(yīng)的框架中顯示某個(gè)已經(jīng)編輯好的網(wǎng)頁(yè)文件。 提示：保存多個(gè)文件可能導(dǎo)致混淆， FrontPage 2022以加亮的方式標(biāo)志出了當(dāng)前需要保存的框架。此時(shí)框架預(yù)覽區(qū)上方的框架被加亮，表明當(dāng)前需要保存的是上方的標(biāo)題框架，如圖所示。在文件名下拉列表框中輸入當(dāng)前框架的文件名，并單擊 “ 保存 ” 按鈕。在 “ 寬度 ” 和 “ 行高 ” 下拉列表框中可以選擇“ 像素 ” 、 “ 百分比 ” 或 “ 相對(duì) ” 選項(xiàng)，然后在相應(yīng)的數(shù)值框中輸入數(shù)值即可。 ? 在 “ 框架屬性 ” 對(duì)話框中單擊 “ 框架網(wǎng)頁(yè) ” 按鈕，將彈出 “ 網(wǎng)頁(yè)屬性 ” 對(duì)話框。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 6．目標(biāo)框架 （ 1）在設(shè)計(jì)視圖模式下，選中某個(gè)要用作超鏈接的文本或者圖形，在 “ 常用 ” 工具欄中單擊 “ 插入超鏈接 ” 按鈕 ，將彈出 “ 插入超鏈接 ” 對(duì)話框。 清華 大 學(xué) 出版社 章目錄 節(jié)目錄 《 新編計(jì)算機(jī)應(yīng)用基礎(chǔ)教程 》 —— 第 7章 網(wǎng)頁(yè)制作軟件 FrontPage 2022的使用 編輯框架中的網(wǎng)頁(yè) 1．拆分框架 （ 1）將光標(biāo)定位在需要拆分的框架窗口內(nèi)，單擊 “ 框架 /拆分框架 ” 命