【正文】 要使網(wǎng)頁從形式上獲得良好的誘導(dǎo)力 ， 鮮明地突出訴求主題 ， 具體可以通過對網(wǎng)頁的空間層次 、 主從關(guān)系 、 視覺秩序及彼此間的邏輯性的把握運(yùn)用來達(dá)到 。 例如 ， 設(shè)計(jì)類的個(gè)人站點(diǎn)與商業(yè)站點(diǎn)性質(zhì)不同 ， 目的也不同 ， 所以評論的標(biāo)準(zhǔn)也不同 。 網(wǎng)頁設(shè)計(jì)不但要單純 、 簡練 、 清晰和精確 ， 而且應(yīng)該通過對網(wǎng)頁構(gòu)成元素運(yùn)用藝術(shù)的形式美法則進(jìn)行條理性處理 ， 更好地營造符合設(shè)計(jì)目的的視覺環(huán)境 ， 突出主題 ，增強(qiáng)瀏覽者對網(wǎng)頁的注意力 ， 增進(jìn)對網(wǎng)頁內(nèi)容的理解 。 它在傳達(dá)信息的同時(shí) ， 也產(chǎn)生感官上的美感和精神上的享受 。 但是 ， 由于表現(xiàn)形式 、 運(yùn)行方式和社會(huì)功能的不同 ， 網(wǎng)頁設(shè)計(jì)又有其自身的特殊規(guī)律 。 ? 網(wǎng)頁設(shè)計(jì)應(yīng)當(dāng)以主題鮮明 、 形式與內(nèi)容相統(tǒng)一 、 強(qiáng)調(diào)整體為設(shè)計(jì)原則 。因此，在強(qiáng)調(diào)網(wǎng)頁整體性設(shè)計(jì)的同時(shí)必須注意：過于強(qiáng)調(diào)整體性可能會(huì)使網(wǎng)頁呆板、沉悶，以致影響訪問者的情趣和繼續(xù)瀏覽的欲望。 同樣 ， 整個(gè)網(wǎng)頁內(nèi)部的頁面 ， 都應(yīng)統(tǒng)一規(guī)劃 ， 統(tǒng)一風(fēng)格 ，讓瀏覽者體會(huì)到設(shè)計(jì)者完整的設(shè)計(jì)思想 。 這主要從版式 、 色彩 、 風(fēng)格等方面入手 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 75 網(wǎng)頁設(shè)計(jì)與發(fā)布 ? 網(wǎng)頁的結(jié)構(gòu)形式是由各種視聽要素組成的 。 如果不想使用 FrontPage 2022默認(rèn)的表單處理程序，可以選擇“ 發(fā)送到其他對象 ” 單選按鈕，然后在下拉列表中選擇 “ 自定義ISAPI、 NSAPI、 CGI或 ASP腳本 ” 或者 FrontPage 2022預(yù)定義的 “ 討論表單處理程序 ” 或者 “ 注冊表單處理程序 ” 。默認(rèn)情況下，客戶在表單上填寫的信息以文本文件的形式保存到 web服務(wù)器的 _private文件夾，文件名為：表單 。 要指定表單處理程序，在表單上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇 “ 表單屬性 ” 命令，打開 “ 表單屬性 ” 對話框 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 73 Web服務(wù)器怎樣獲取客戶在表單中填寫的信息呢 ?當(dāng)客戶單擊 “ 提交 ” 按鈕后 ， Web服務(wù)器用表單處理程序來處理表單上的信息 ， 表單處理程序可以是注冊組件 ， 也可以是自定義的 ISAPI／ NSAPI應(yīng)用程序或 CGI腳本等 。 ? 要插入按鈕 ， 使用 “ 插入 ” 菜單上的 “ 表單 ” 命令 ， 再選擇 “ 按鈕 ” 。此外，用戶還可以指定選項(xiàng)的初始狀態(tài)是選定還是未選定。 ? 首先在“選項(xiàng)”框內(nèi)輸入名稱，當(dāng)客戶提交表單時(shí)，提交的是選項(xiàng)的名稱。插入的下拉菜單是空的，用戶可以右單擊下拉菜單，在彈出的菜單中選擇 “ 表單屬性 ” 命令，或直接雙擊下拉菜單， FrontPage 2022將打開 “ 下拉菜單屬性 ” 對話框 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 71 5．下拉菜單（下拉列表框） ? 下拉菜單用于從一個(gè)列表中選擇一個(gè)或幾個(gè)項(xiàng) ， 從功能的角度講 ， 可以用一組復(fù)選框或一組單選按鈕來實(shí)現(xiàn) ， 但下拉菜單占用的空間相對較小 。 ? 要注意的是 ， 如果把多個(gè)單選按鈕編成一組 ， 必須使它們的組名相同 。 ? 如果表單上有多個(gè)單選按鈕 ， FrontPage默認(rèn)選中第一個(gè) 。 只能選擇其中一項(xiàng) 。 用戶可以結(jié)出復(fù)選框的初始狀態(tài)是選中還是不選中 ， 使用 Tab鍵按順序選定 。 要修設(shè)臵選框的屬性 ， 右單擊復(fù)選框 ， 在彈出的菜單中選擇 “ 表單屬性 ” 命令 ， 或直接雙擊復(fù)選框 ， FrontPage 2022將打開 “ 復(fù)選框?qū)傩?” 對話框 。 3．復(fù)選框 復(fù)選框是提供給客戶的一個(gè)選項(xiàng) ， 一般彼此獨(dú)立的多個(gè)復(fù)選框組成一組 ， 客戶可以同時(shí)選中所有選項(xiàng) ， 也可以一個(gè)都不選 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 69 2．滾動(dòng)文本框 滾動(dòng)文本框允許客戶輸入多行文本 。 如果該單行文本框用于輸入口令 ， 則選擇密碼域?yàn)?“ 是 ” ， 在瀏覽器中 ， 用戶輸入時(shí) ， 內(nèi)容顯示為 “ *”號(hào) 。 在 “ 初始值 ” 框內(nèi)可以鍵入默認(rèn)內(nèi)容 。 首先 ， 要為單行文本框命名 。要插入一個(gè)單行文本輸入框，使用 “ 插入 ” 菜單上的 “ 表單 ” 命令，再選擇 “ 單行文本框 ” 。 在 FrontPage 2022中 ， 有 6種表單域： 單行文本框 、 滾動(dòng)文本框 、 復(fù)選框 、 單選按鈕 、 下拉菜單 、 普通按鈕 。 例如 ， 用戶可以用表單收集客戶的個(gè)人資料 ， 用戶也可以用表單設(shè)計(jì)一個(gè)訂貨單 ， 讓客戶指定要購買的商品名稱 、 型號(hào) 、 數(shù)量等 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 67 創(chuàng)建表單頁面 ? 表單是 Web服務(wù)器與客戶交互的手段 。 新建窗口：打開另為一個(gè)新窗口 ， 顯示鏈接網(wǎng)頁 。 相同框架：將鏈接得網(wǎng)頁顯示在包含該超鏈接的同一個(gè)框架內(nèi) 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 66 網(wǎng)頁布局 2．使用特殊的目標(biāo)框架 在指定目標(biāo)框架時(shí)，除了當(dāng)前的框架之外，還提供了一些特殊的框架來創(chuàng)建不同效果的目標(biāo)框架。 （ 6） 單擊 “ 確定 ” 按鈕 ， 返回到 “ 創(chuàng)建超鏈接 ” 對話框 ， 在 “ 目標(biāo)框架 ” 欄中顯示出設(shè)臵的目標(biāo)框架名稱 。 （ 4） 單擊 “ 更改目標(biāo)框架 ” 按鈕 ， 出現(xiàn) “ 目標(biāo)框架 ” 對話框 。 （ 2） 單擊 “ 常用 ” 工具欄上的 “ 超鏈接 ” 按鈕 。 ?顯示滾動(dòng)條：可以選擇框架的滾動(dòng)條顯示狀態(tài) 。 ?框架大?。狠斎肟蚣軐挾群托懈?， 確定框架的大小 。 ?初始網(wǎng)頁：這里顯示該框架超鏈接的網(wǎng)頁 。 ?基本操作如下： 選擇目標(biāo)框架 ， 從 “ 框架 ” 菜單中選擇 “ 框架屬性 ” 命令 ， 出現(xiàn) “ 框架屬性 ” 對話框 。 操作步驟是：選擇要?jiǎng)h除的框架 ， 在 “ 框架 ” 菜單中選擇“ 刪除框架 ” 命令即可 。 4． 刪除框架 可以從框架結(jié)構(gòu)中刪除指定的框架 。 （ 3) 出現(xiàn) “ 拆分框架 ” 對話框 ， 根據(jù)需要選擇 “ 拆分為列 ” 或“ 拆分成行 ” 選項(xiàng) 。 操作步驟如下： （ 1） 選擇要拆分的框架 。 （ 9） 單擊 “ 保存 ” 按鈕 。 （ 7） 當(dāng)對話框中的整個(gè)框架圖處于高亮狀態(tài)時(shí) ， 表示此時(shí)正在保存框架網(wǎng)頁本身 。 （ 5） 單擊 “ 保存 ” 按鈕 ， 該網(wǎng)頁保存完畢 ， 框架圖中的另一個(gè)框架處于高亮狀態(tài) 。 （ 3） 在 “ 文件名 ” 框中輸入網(wǎng)頁名稱 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 62 2． 保存框架網(wǎng)頁 （ 1） 單擊 “ 常用 ” 工具欄中的 “ 保存 ” 按鈕 。 在每個(gè)框架中 ， 單擊 “ 新建網(wǎng)頁 ” 按鈕 ， 可以建立顯示在該框架中的新網(wǎng)頁 。 在窗口的底部出現(xiàn)了兩個(gè)新的標(biāo)簽 ， “ 無框架 ” 視圖為不能支持框架 的瀏覽器創(chuàng)建替代網(wǎng)頁 。 在 “ 說明 ” 區(qū)域中顯示所 選模板的描述 ， 在 “ 預(yù)覽 ” 區(qū)域中可以預(yù)覽框架網(wǎng)頁的布局 。 （ 2） 出現(xiàn) “ 新建 ” 對話框 ， 選中 “ 框架網(wǎng)頁 ” 選項(xiàng)卡 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 61 1． 創(chuàng)建框架 FrontPage 2022提供了最流行的框架網(wǎng)頁布局模板 ， 可以使用這些模板輕松地創(chuàng)建框架網(wǎng)頁 。 ?瀏覽器窗口中顯示的網(wǎng)頁 ， 實(shí)際是這些框架的集合 ，因此被稱為框架網(wǎng)頁 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 60 ? 框架的使用是進(jìn)行網(wǎng)頁布局設(shè)計(jì)的一種重要手段 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 59 （ 5） 設(shè)臵單元格屬性 將插入點(diǎn)定位在單元格中 ， 單擊 “ 表格 ” 菜單中的 “ 屬性 ” ， 選擇 “ 單元格 ” 命令 ， 彈出“ 單元格屬性 ” 對話框 。 然后在 “ 行數(shù) ” 或“ 列數(shù) ” 框中鍵人或選擇拆分的數(shù)目 。 或者單擊 “ 表格 ” 工具欄中的 “ 拆分單元格 ” 按鈕 。 或者單擊 “ 表格 ” 工具欄中的 “ 合并單元格 ” 按鈕 。 或者單擊 “ 表格 ” 工具欄中的 “ 刪除單元格 ” 按鈕 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 58 （ 2） 刪除行 、 列或單元格 刪除表格中的行或列的操作步驟入下： 第 1步 選中要?jiǎng)h除的行 、 列或單元格 。 單擊“ 確定 ” 按鈕 。然后在 “ 行數(shù) ” 或 “ 列數(shù) ” 選項(xiàng)欄中鍵入插入的行數(shù)或列數(shù) 。 第 2步 從 “ 表格 ” 菜單的 “ 插入 ” 子菜單中選擇 “ 行或列 ”命令 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 57 3． 調(diào)整表格 創(chuàng)建了表格之后 ， 可以對各個(gè)表格單元格 、 行和列的布局和結(jié)構(gòu)進(jìn)行調(diào)整 。 邊框：粗細(xì)以像素為單位 。 單元格邊距：設(shè)臵表格線與表格內(nèi)容的距離 。 指定寬度和高度：表格的大小 。 浮動(dòng)：可以選擇左對齊 、 右對齊 。 對表格屬性的設(shè)臵說明如下： 對齊方式：可以選擇左對齊 、 右對齊 、 水平居中和兩端對齊 。 （ 4） 單擊 “ 表格 ” 工具欄中的 “ 清除 ” 按鈕 ， 光標(biāo)變?yōu)橄鹌ば螤?，單擊表格線可清除該表格線 。 在表格內(nèi)將鉛筆光標(biāo)沿垂直方向拖動(dòng)增加一個(gè)列行 。 在表格大小合適時(shí)松開鼠標(biāo) ， —個(gè)表格出現(xiàn)在網(wǎng)頁中 。在 “ 表格 ” 工具欄中單擊 “ 手繪表格 ” 按鈕，光標(biāo)變?yōu)殂U筆形狀。 （ 5） 單擊 “ 確定 ” 按鈕 ， 設(shè)臵的表格出現(xiàn)在插入點(diǎn)位臵 。 在 “ 大小 ” 區(qū)域中的 “ 行 ” 和 “ 列 ”欄中輸入表格的行數(shù)和列數(shù) 。 （ 2） 從 “ 表格 ” 菜單的 “ 插入 ” 子菜單中選擇 “ 表格 ” 命令 。 ? 使用 菜單命令 可以對插入的表格進(jìn)行精確的設(shè)臵 ， 包括行和列的數(shù)目 、 邊框尺寸以及單元格寬度等 。 (2) 單擊 “ 常用 ” 工具欄上的 “ 插入表格 ” 按鈕，然后向右下方拖動(dòng)鼠標(biāo)，在表格框中會(huì)顯示表格的大小。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 54 1．創(chuàng)建表格 ? 使用 “ 常用 ” 工具欄中的 “ 插入表格 ” 按鈕 ， 可以按默認(rèn)方式快速地插入表格 。 表格可以將文本排列成并列的段落 ， 或模擬文本的分欄形式 ， 也可以利用寬度固定的表格在網(wǎng)頁上為文本提供邊界 。 在單元格中可以放臵任何對象 ， 例如文本 、 圖像 、 表單 、 FrontPage組件等 。 網(wǎng)頁的布局一般通過 表格和框架 的使用來實(shí)現(xiàn)。 當(dāng)網(wǎng)站中網(wǎng)頁的鏈接結(jié)構(gòu)發(fā)生改變時(shí) ， 導(dǎo)航欄將自動(dòng)進(jìn)行調(diào)整 ， 保持與變化后的鏈接結(jié)構(gòu)的一致性 。 （ 4） 在 “ 方向和外觀 ” 區(qū)域中選擇所需的方向和外觀選項(xiàng) 。 （ 3）出現(xiàn) “ 導(dǎo)航欄屬性 ” 對話框，在 “ 要添加到網(wǎng)頁的超鏈接 ”區(qū)域中設(shè)定所需的超鏈接選項(xiàng)。 插入導(dǎo)航欄的具體步驟如下： （ 1） 將光標(biāo)設(shè)臵在要插入導(dǎo)航欄的位臵 。 第 4步 單擊 “ 確定 ” 按鈕，完成超鏈接的制作。 第 2步 單擊 “ 常用 ” 工具欄上的 “ 超鏈接 ” 按鈕 ， 或者從“ 插入 ” 菜單中選擇 “ 超鏈接 ” 命令 。 第 4步 單擊 “ 確定 ” 按鈕 ， 出現(xiàn)書簽標(biāo)記 。 第 2步 從 “ 插入 “ 菜單中選擇 “ 書簽 ” 命令 。 （ 1） 插入書簽 在創(chuàng)建到書簽的鏈接之前 ， 必須要在網(wǎng)頁中插入書簽 。 目 錄 上一頁 下一頁 退 出 2022/1/3 第九章 網(wǎng)頁制作 49 2．使用書簽 應(yīng)用書簽?zāi)軌蚋鼑?yán)密地控制訪問者到達(dá)網(wǎng)頁內(nèi)某個(gè)具體位臵 。 單擊 “ 確定 ” 按鈕返回到 “ 創(chuàng)建超鏈接 ” 對話框