【正文】 鈕等表單域 。 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 84 機(jī)文化基礎(chǔ) 文本框用于讓用戶輸入一行文字 。 將光標(biāo)放在要插入文本框的位置 ， 使用 “ 插入 ” 菜單的 “ 表單 ”命令 ， 再選擇 “ 文本框 ” 子命令 ， 即可插入一個(gè)文本框 ， 如下圖所示 。 打開(kāi)“文本框?qū)傩浴睂?duì)話框，可以設(shè)置文本框的屬性。 “文本框?qū)傩浴睂?duì)話框中，“名稱(chēng)”用來(lái)設(shè)置該文本框的名稱(chēng)，“初始值”用于設(shè)置文本框內(nèi)一開(kāi)始顯示的內(nèi)容，“寬度”用來(lái)設(shè)置文本框所能輸入字符的個(gè)數(shù)，“密碼域”用來(lái)設(shè)置是否讓文本框內(nèi)輸入的字符可見(jiàn)。 插入文本框時(shí)，若插入點(diǎn)在一個(gè)已有的表單內(nèi)，就把一個(gè)新的文本框插入到這個(gè)表單中。若插入點(diǎn)在表單之外，則創(chuàng)建的文本框包含“提交”和“重置”按鈕。 1. 插入文本框 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 85 機(jī)文化基礎(chǔ) 文本區(qū)和文本框類(lèi)似 ， 都用于輸入文本 ， 不同之處在于文本區(qū)中可以接受多行文本 。 當(dāng)文本區(qū)中輸入內(nèi)容較多時(shí) ， 可以拖動(dòng)上下滾動(dòng)條 。 將光標(biāo)放在要插入文本區(qū)的位置 ， 使用 “ 插入 ”菜單的 “ 表單 ” 命令 ， 再選擇 “ 文本區(qū) ” 子命令 ， 即可插入一個(gè)文本區(qū) ， 如下圖所示 。 文本區(qū)屬性與文本框?qū)傩曰鞠嗤?，還可以在“行數(shù)”框中設(shè)置該文本區(qū)包含的文本行數(shù)。 2. 插入文本區(qū) 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 86 基礎(chǔ) 復(fù)選框是提供給用戶的一個(gè)選項(xiàng) ， 一般彼此獨(dú)立的多個(gè)復(fù)選框組成一組 ， 用戶可以在其中任意選擇 ， 也可以同時(shí)選中所有項(xiàng) ， 或一個(gè)都不選 。 將光標(biāo)放在要插入復(fù)選框的位置 ， 使用 “ 插入 ” 菜單的 “ 表單 ” 命令 ， 再選擇 “ 復(fù)選框 ” 子命令 ， 插入一個(gè)復(fù)選框 ， 最后在復(fù)選框旁鍵入文字進(jìn)行說(shuō)明 。 如果需要插入多個(gè)復(fù)選框 ， 重復(fù)以上操作即可 。 “復(fù)選框?qū)傩浴睂?duì)話框中，“名稱(chēng)”用于設(shè)置復(fù)選框的名稱(chēng)，“值”用于返回復(fù)選框是否已選中， “初始狀態(tài)” 選項(xiàng)按鈕組用于設(shè)置初始狀態(tài)下該復(fù)選框是否被選中，默認(rèn)為“未選中”，“ Tab鍵次序”表示當(dāng)按下 Tab鍵切換輸入焦點(diǎn)時(shí)，該復(fù)選框所在的次序。 3. 插入復(fù)選框 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 87 選項(xiàng)按鈕與復(fù)選框類(lèi)似 ， 不同的是一組選項(xiàng)按鈕只能選中其中的一個(gè) ， 其外形是圓的 。 將光標(biāo)放在要插入選項(xiàng)按鈕的位置 ， 使用 “ 插入 ” 菜單的“ 表單 ” 命令 ， 再選擇 “ 選項(xiàng)按鈕 ” 子命令 ， 插入一個(gè)選項(xiàng)按鈕 ， 最后在選項(xiàng)按鈕旁鍵入文字進(jìn)行說(shuō)明 。 如果需要插入多個(gè)選項(xiàng)按鈕 ， 重復(fù)以上操作即可 。 如下圖所示 ， 插入四個(gè)選項(xiàng)按鈕供用戶評(píng)價(jià)自己的網(wǎng)頁(yè) 。 “選項(xiàng)按鈕屬性”對(duì)話框中，“組名稱(chēng)”用來(lái)設(shè)置此選項(xiàng)按鈕所屬組的名稱(chēng)，如果把多個(gè)選項(xiàng)按鈕編成一組，必須使它們的組名稱(chēng)相同。 4. 插入選項(xiàng)按鈕 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 88 5. 插入分組框 如果要將一組相關(guān)的控件或文本與網(wǎng)頁(yè)或當(dāng)前表單中的其他信息分開(kāi) ， 可以使用分組框 。 將光標(biāo)放在要插入分組框的位置 ， 使用 “ 插入 ” 菜單的 “ 表單 ” 命令 ， 再選擇 “ 分組框 ” 子命令 ， 即可插入分組框 。 “ 分組框?qū)傩?” 對(duì)話框中 ， “ 標(biāo)簽 ” 用來(lái)設(shè)置分組框的名稱(chēng) 。 “ 對(duì)齊 ” 用來(lái)設(shè)置分組框標(biāo)簽的對(duì)齊方式 。 6. 插入下拉框 下拉框用于從一個(gè)列表中選擇一項(xiàng)或幾項(xiàng) 。 從功能的角度講 ， 可以用一組復(fù)選框或一組單選按鈕來(lái)實(shí)現(xiàn) ， 但下拉框占用的網(wǎng)頁(yè)空間相對(duì)較小 。 將光標(biāo)放在要插入下拉框的位置 ， 使用 “ 插入 ” 菜單的“ 表單 ” 命令 ， 再選擇 “ 下拉框 ” 子命令 ， 即可插入下拉框 。 “ 下拉框?qū)傩?” 對(duì)話框中 ， 單擊 “ 添加 ” 按鈕 ， 將打開(kāi)“ 添加選項(xiàng) ” 對(duì)話框 ， 可以設(shè)置選項(xiàng)名稱(chēng) ， 指定選項(xiàng)的初始狀態(tài)是選中還是未選中 。 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 89 7． 插入按鈕和高級(jí)按鈕 一個(gè)表單中至少要有一個(gè) “ 提交 ” 按鈕和一個(gè) “ 重置 ” 按鈕 。 “ 提交 ” 按鈕的作用是把表單中的數(shù)據(jù)提交給 Web服務(wù)器的表單處理程序 ， “ 重置 ” 按鈕的作用是把表單中的數(shù)據(jù)清空 ， 以便重新填寫(xiě) 。 將光標(biāo)放在要插入按鈕的位置 ， 使用 “ 插入 ” 菜單的“ 表單 ” 命令 ， 再選擇 “ 按鈕 ” 子命令 ， 即可插入按鈕 。 在 “ 按鈕屬性 ” 對(duì)話框中可以設(shè)置按鈕的名稱(chēng) 、值 /標(biāo)簽 、 按鈕類(lèi)型等屬性 。 按鈕可以設(shè)置為 “ 提交 ” 、“ 重置 ” 或普通按鈕 ， 對(duì)于 “ 提交 ” 和 “ 重置 ” 按鈕來(lái)說(shuō) ， 它們的動(dòng)作是默認(rèn)的 。 高級(jí)按鈕的插入與屬性設(shè)置與普通按鈕基本相同 ，但是高級(jí)按鈕具備更加精確的控制按鈕屬性的能力 。 返 回 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 90 提交表單 用戶結(jié)束表單操作后 ， 單擊 “ 提交 ” 按鈕 ， 當(dāng) “ 提交 ”按鈕設(shè)置了表單結(jié)果送至何處后可以正常處理 。 表單處理程序?qū)Ρ韱蔚奶幚砜梢允菍⒈韱谓Y(jié)果保存為文件 ， 或?qū)⒈韱谓Y(jié)果發(fā)送至一個(gè)電子郵件地址 。 1. 將表單結(jié)果保存為文件 在表單上單擊鼠標(biāo)右鍵 ， 在彈出的右鍵菜單中選擇“ 表單屬性 ” 命令 ， 打開(kāi) “ 表單屬性 ” 對(duì)話框 ， 如下圖所示 。 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 91 2. 將表單結(jié)果發(fā)送至電子郵件 也可以使用電子郵件發(fā)送表單結(jié)果 ， 當(dāng)用戶提交表單時(shí) ，就會(huì)向指定的電子郵件地址發(fā)送一個(gè)包含表單結(jié)果的郵件 。 打開(kāi) “ 表單屬性 ” 對(duì)話框 ， 在 “ 電子郵件地址 ” 框中 ， 輸入要向其發(fā)送表單結(jié)果的電子郵件地址 。 如果只想用電子郵件發(fā)送表單結(jié)果 ， 而不想將其保存到文件中 ， 可以清除文本框 “ 文件名稱(chēng) ” 。 單擊 “ 選項(xiàng) ” 按鈕 ， 在 “ 電子郵件結(jié)果 ”選項(xiàng)卡中可以設(shè)置接收結(jié)果的電子郵件地址 、 電子郵件格式 、郵件標(biāo)題等選項(xiàng) 。 要使用 FrontPage默認(rèn)的表單處理程序 ， Web服務(wù)器必須安裝 FrontPage服務(wù)器擴(kuò)展 （ FrontPage Server Extension） ，否則表單功能將不會(huì)產(chǎn)生任何效用 。 要將表單結(jié)果發(fā)送至電子郵件 ， 還需將服務(wù)器配置為可發(fā)送電子郵件的服務(wù)器 。 返 回 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 92 網(wǎng)頁(yè)的發(fā)布 網(wǎng)站和網(wǎng)頁(yè)的設(shè)計(jì)原則 網(wǎng)站的發(fā)布和維護(hù) 返 回 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 93 網(wǎng)站和網(wǎng)頁(yè)的設(shè)計(jì)原則 網(wǎng)站和網(wǎng)頁(yè)的設(shè)計(jì)既是一項(xiàng)復(fù)雜的技術(shù)也是一門(mén)藝術(shù) ， 設(shè)計(jì)良好的網(wǎng)站不但可以提供豐富的信息 ， 而且還能給用戶帶來(lái)愉悅的瀏覽體驗(yàn) 。 以下是網(wǎng)站和網(wǎng)頁(yè)設(shè)計(jì)的一些基本原則 。 1） 目標(biāo)明確 ， 重點(diǎn)突出 首先要明確信息發(fā)布者的性質(zhì)與用途 ， 并了解主要瀏覽對(duì)象及其要進(jìn)行的操作 ， 做到有的放矢 。 然后 ， 對(duì)發(fā)布的信息要分清主次 ， 面面俱到可能使瀏覽者難以找到有用的信息 ，不能達(dá)到預(yù)期目的 。 2） 主題鮮明 ， 層次清晰 要做到主題鮮明 ， 首先要設(shè)計(jì)好網(wǎng)站的主頁(yè) 。 主頁(yè)的設(shè)計(jì)要簡(jiǎn)潔 ， 內(nèi)容不宜過(guò)多 ， 應(yīng)該在主頁(yè)上建立分類(lèi)欄目 。 網(wǎng)頁(yè)需要有層次清晰的結(jié)構(gòu) ， 尤其是內(nèi)容較多的網(wǎng)頁(yè) ， 可以根據(jù)內(nèi)容進(jìn)行分類(lèi) ， 分成多個(gè)欄目 ， 便于閱讀 。 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 94 網(wǎng)站和網(wǎng)頁(yè)的設(shè)計(jì)原則 3） 合理設(shè)置欄目 制作網(wǎng)頁(yè)前 ， 要先規(guī)劃好 ， 確定合理的欄目和板塊 。 欄目的安排要緊扣主題 ， 既要考慮網(wǎng)頁(yè)內(nèi)容的分類(lèi) ， 又要方便瀏覽 ， 并能對(duì)瀏覽者起到較好的導(dǎo)航作用 。 4） 正確定位整體風(fēng)格 網(wǎng)站的整體風(fēng)格是指站點(diǎn)的整體形象給瀏覽者的綜合感受 。 整體風(fēng)格是非常抽象的概念 ， 包括網(wǎng)站的標(biāo)志 、 色彩 、 字體 、 標(biāo)語(yǔ) 、 版面布局 、 內(nèi)容價(jià)值等諸多因素 ， 需要結(jié)合整個(gè)站點(diǎn)進(jìn)行定位 。對(duì)于欄目?jī)?nèi)容跨度較大的網(wǎng)站 ， 可以考慮針對(duì)不同欄目采用不同的風(fēng)格 。 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 95 5） 頁(yè)面布局合理 網(wǎng)頁(yè)設(shè)計(jì)要針對(duì)所要表達(dá)的信息進(jìn)行合理的布局 ， 好的頁(yè)面布局能使瀏覽者首先對(duì)網(wǎng)頁(yè)內(nèi)容的結(jié)構(gòu)有一個(gè)清晰的認(rèn)識(shí) 。可以使用表格輔助頁(yè)面元素的布局 ， 也可以使用特定的布局框架 。 頁(yè)面布局要注意保證重點(diǎn)內(nèi)容放置在屏幕的重點(diǎn)位置 。 6） 色彩搭配 ， 和諧統(tǒng)一 色彩是影響整體風(fēng)格的關(guān)鍵因素 。 不同的色彩搭配產(chǎn)生不同的效果 ， 并可能影響到瀏覽者的情緒 。 一般來(lái)說(shuō) ， 一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩以不超過(guò)三 、 四種為宜 ， 以便使頁(yè)面色彩豐富而又協(xié)調(diào)統(tǒng)一 。 7） 多媒體功能使用得當(dāng) 除了文字信息外 ， 網(wǎng)站中圖片 、 聲音 、 動(dòng)畫(huà)以及視頻等多媒體信息的使用也是網(wǎng)頁(yè)上重要的內(nèi)容 。 它們的使用可以豐富畫(huà)面 ， 使頁(yè)面更加形象生動(dòng) 。 但這些文件都不應(yīng)該太大 ， 減少網(wǎng)頁(yè)的下載時(shí)間 ， 提高用戶瀏覽信息的速度 。 返 回 網(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ù)器上 。 為了便于用戶發(fā)布網(wǎng)站 ， FrontPage 2022提供了相當(dāng)方便的發(fā)布工具 。 常用的通過(guò) FTP發(fā)布網(wǎng)站的操作步驟如下： （ 1） 打開(kāi)要發(fā)布的網(wǎng)站 ， 從 “ 文件 ” 菜單中選擇“ 發(fā)布網(wǎng)站 ” 命令 ， 打開(kāi) “ 遠(yuǎn)程網(wǎng)站屬性 ” 對(duì)話框 ，如下圖所示 。 如果已經(jīng)選擇了發(fā)布目標(biāo) ， 則該對(duì)話框不會(huì)出現(xiàn) 。 目 錄 上一頁(yè) 下一頁(yè) 結(jié) 束 2022/8/23 97 站點(diǎn)的發(fā)布和維護(hù) （ 2） 在 “ 遠(yuǎn)程 Web服務(wù)器類(lèi)型 ” 中選擇 FTP， 然后在下方的 “ 遠(yuǎn)程網(wǎng)站位置 ” 框中輸入遠(yuǎn)程網(wǎng)站的位置 。 切換到“ 發(fā)布 ” 選項(xiàng)卡 ， 可以進(jìn)行發(fā)布網(wǎng)站的相應(yīng)設(shè)置 。 （ 3） 單擊 “ 確定 ” 按鈕 ， FrontPage 會(huì)嘗試連接指定的FTP， 如果需要相應(yīng)的用戶名和密碼 ， 則會(huì)彈出如圖 928所示的 “ 要求提供用戶名和密碼 ” 對(duì)話框 。 （ 4） 輸入用戶名和密碼 ， 單擊 “ 確定 ” 按鈕 ， FrontPage繼續(xù)工作 。 （ 5） 單擊窗口右下角的 “ 發(fā)布網(wǎng)站 ” 按鈕 ， 開(kāi)始發(fā)布網(wǎng)站 . （ 6） 文件傳送完畢 ， FrontPage顯示狀態(tài) “ 成功 ” ， 表示網(wǎng)站已經(jīng)成功發(fā)布 。 通過(guò) HTTP方式上傳網(wǎng)頁(yè)與通過(guò) FTP方式非常類(lèi)似 。 需要注意的是 ， 通過(guò) HTTP方式上傳時(shí)需要對(duì)方的服務(wù)器支持FrontPage服務(wù)器擴(kuò)展才行 。 返 回