【文章內(nèi)容簡介】 式菜單中選擇鼠標(biāo)經(jīng)過圖像按鈕 2022/4/14 87 設(shè)置網(wǎng)頁圖片屬性最終效果圖 2022/4/14 88 插入表格 ? 添加表格 ? 編輯表格 ? 格式化表格 ? 導(dǎo)入表格數(shù)據(jù) 2022/4/14 89 插入表格 ?表格的知識 表格由數(shù)個行與列組成的，行、列交叉組成表格的單元格，可以在表格的單元格內(nèi)插入各種信息，包括文本、數(shù)字、鏈接，甚至是圖像。 2022/4/14 90 添加表格 ?新建表格 ?修改表格屬性 ?設(shè)置單元格屬性 2022/4/14 91 （ 1）將插入工具欄切換到“常用”模式，單擊表格按鈕 （ 2）在表格對話框中設(shè)置表格的樣式。 （ 3）單擊“確定”按鈕就可以把表格插到網(wǎng)頁中。 （ 4）在表格的各個單元格中分別輸入內(nèi)容。 2022/4/14 92 ?高 ?背景顏色 ?邊框顏色 ?背景圖像 ?對齊設(shè)置 2022/4/14 93 ?文字（屬性面板的上半部分） ?水平 ?寬、高 ?垂直 ?標(biāo)題 ?背景和背景顏色 ?邊框 2022/4/14 94 應(yīng)用舉例 ——在網(wǎng)頁中插入表格并添加網(wǎng)頁元素 ? 下面為“繁花似錦”網(wǎng)頁進(jìn)行表格的添加和網(wǎng)頁元素的添加。 2022/4/14 95 最終效果圖 2022/4/14 96 編輯表格 拖動選中要合并的單元格，單擊屬性面板上的合并單元格按鈕 在要拆分的單元格中單擊，在單擊屬性面板上的拆分單元格按鈕 、列 使用菜單“插入” → “表格”菜單中的插入行或列，刪除行或列進(jìn)行相應(yīng)的操作。 2022/4/14 97 編輯表格 ? 實(shí)例 繪制課本 51頁的表格。 2022/4/14 98 插入圖像預(yù)覽效果圖 2022/4/14 99 格式化表格 在要格式化的表格中單擊，再使用菜單“命令” → “格式化表格”打開格式化表格對話框。 2022/4/14 100 導(dǎo)入表格數(shù)據(jù) 1. 導(dǎo)出 Excel數(shù)據(jù)為文本文件 在 Excel中使用菜單“文件” → “另存為”打開另存為對話框，在“文件類型”中選擇“文本文件（制表符分割）（ *.txt）”，保存文件為 。 將“插入”工具欄切換為“布局”模式，在右邊單擊表格數(shù)據(jù)按鈕 選擇數(shù)據(jù)文件為 Excel導(dǎo)出的文本文件 ，定界符選“ Tab”。表格寬度設(shè)置單元格的寬度，選擇“匹配內(nèi)容”。也可以制定寬度。 2022/4/14 101 插入媒體元素 ? 動態(tài)元素是一種重要的網(wǎng)頁元素。這里我們將學(xué)習(xí)在網(wǎng)頁中插入動態(tài)元素，如 Flash影片、Flash按鈕、 Flash文本等，此外還將學(xué)習(xí)其他一些動態(tài)元素的插入方法。 2022/4/14 102 插入媒體元素 ? 媒體文件的類型 ? 插入 Flash ? 制作播放電影、背景聲音的頁面 2022/4/14 103 插入媒體元素 媒體文件的類型 .rm、 .rmvb視頻影像格式和 .ra的音頻格式 Media technology的 .asf格式 3. QuickTim的 .mov格式 .swf格式 的 .mts格式 .aam多媒體教學(xué)課件格式 2022/4/14 104 插入 Flash Flash動畫 將插入工具欄切換到“常用”模式，單擊“媒體： Flash”按鈕 Flash按鈕 將插入工具欄切換到“常用”模式，單擊“媒體： Flash”按鈕旁邊的三角形，在菜單中選擇“媒體： Flash按鈕”按鈕 Flash文本 將插入工具欄切換到“常用”模式，單擊“媒體： Flash”按鈕旁邊的三角形，在菜單中選擇“媒體： Flash文本”按鈕 2022/4/14 105 制作播電影、聲音的頁面 （ 1）將插入工具欄切換到“常用”模式，單擊“媒體：Flash”按鈕旁邊的三角形，在菜單中選擇“媒體： Flash文本”按鈕 （ 2）選擇一個要插入網(wǎng)頁的電影格式的文件 （ 3）在編輯窗口中看到插入了一個灰色矩形插件標(biāo)志，調(diào)整其大小可調(diào)整網(wǎng)頁中的播放窗口的大小。 （ 4）單擊屬性面板上的“參數(shù)”按鈕，可設(shè)置各種播放參數(shù)。 2022/4/14 106 （ 1） 將插入工具欄設(shè)置為“常規(guī)”，單擊標(biāo)簽選擇器按鈕 （ 2） 在標(biāo)簽選擇器對話框左邊窗口逐級選擇“ HTML標(biāo)簽” → “頁元素” → “瀏覽器特定”，然后在右邊窗口中單擊“ bgsound”，再單擊下面的“插入”按鈕，打開“標(biāo)簽編輯器 bgsound”對話框。 （ 3） 在“源”中指定背景音樂文件，可以是 .wav、 .mid或 .mp3格式的音頻文件。 （ 4） 在“循環(huán)”欄指定網(wǎng)頁調(diào)入時背景音樂的播放次數(shù)，選擇“無限（ 1）”循環(huán)播放。其他選項(xiàng)根據(jù)需要設(shè)置。 （ 5） 單擊“確定”，背景音樂就插入到網(wǎng)頁中。關(guān)閉標(biāo)簽選擇器對話框。 2022/4/14 107 插入表單 ? 文本字段 ? 復(fù)選框 ? 單選按鈕 ? 下拉式菜單 ? 隱藏區(qū)域 ? 按鈕 2022/4/14 108 表 單 簡 介 ? 在網(wǎng)上瀏覽時常會遇到要求填寫資料或提供信息的頁面，如申請 號碼時填寫個人信息的頁面，網(wǎng)上購物時填寫的購物單等，這些頁面即是表單頁面。表單通常由多個表單對象組成，如單選按鈕、復(fù)選框、文本字段以及按鈕等，網(wǎng)站管理員可以通過表單從瀏覽者處收集需要的信息，從而實(shí)現(xiàn)信息的傳遞。 2022/4/14 109 ? 表單的工作原理 表單支持客戶端 服務(wù)器關(guān)系中的客戶端。當(dāng)訪問者在 Web瀏覽器中顯示的表單中輸入信息，然后單擊提交按鈕時，這些信息將被發(fā)送到服務(wù)器，服務(wù)器端腳本或應(yīng)用程序在該處對這些信息進(jìn)行處理。用于處理表單數(shù)據(jù)的常用服務(wù)器端技術(shù)包括Macromedia ColdFusion、 Microsoft Active Server Pages（ ASP）和 PHP。 圖 660 表單的組成對象 2022/4/14 110 一個實(shí)例 制作一個個人簡歷調(diào)查表，收集個人的資料。該調(diào)查表是表單應(yīng)用的典型實(shí)例。 實(shí)例效果 2022/4/14 111 ?創(chuàng)建表單 將插入工具欄切換到“表單”模式，單擊創(chuàng)建表單按鈕 插入的表單區(qū)域用紅色虛線表示，后面插入的所有表單元素都要插入到這個虛線中。 2022/4/14 112 ? 文本字段 在表單中輸入“用戶名”，在單擊工具欄上的文本字段按鈕 密碼輸入?yún)^(qū)用于用戶輸入密碼信息，用戶在此區(qū)域輸入的所有字符都顯示為“ *” 或黑點(diǎn)。 在單擊工具欄上的文本區(qū)域按鈕 2022/4/14 113 ? 復(fù)選框 單擊工具欄上的復(fù)選框按鈕 ?單選按鈕 單擊工具欄上的單選按鈕按鈕 單擊工具欄上的單選按鈕組按鈕 2022/4/14 114 ? 下拉菜單 /菜單 單擊工具欄上的列表 /菜單按鈕 在工具欄上單擊跳轉(zhuǎn)菜單按鈕 2022/4/14 115 ? 隱藏區(qū)域 在工具欄上單擊隱藏域按鈕 在網(wǎng)頁中插入一個隱藏域標(biāo)志 ? 按鈕 在工具欄上單擊按鈕按鈕 第 4章：頁面設(shè)計(jì) 返回 2022/4/14 117 網(wǎng)頁的風(fēng)格 1 “ 搜狐 ” 的主頁的內(nèi)容很豐富 ， 色彩鮮艷并有許多大幅廣告和浮動廣告欄 。 返回 2022/4/14 118 網(wǎng)頁的風(fēng)格 2 微軟中國的主頁，內(nèi)容比較專一，內(nèi)容非常有條理，欄目突出，沒有凌亂的感覺。 返回 2022/4/14 119 網(wǎng)頁的風(fēng)格 3 “ 黑白音樂” 是一個個人主頁，它看起來更簡單，色彩也不夠豐富，但感覺非常清新。 返回 2022/4/14 120 本章要點(diǎn) ? 設(shè)置網(wǎng)頁屬性 ? 頁面布局 ? 使用框架布局 ? 層的使用 ? 使用 CSS ? CSS屬性 返回 2022/4/14 121 ?網(wǎng)頁標(biāo)題 如果文檔工具欄沒有顯示，使用菜單 “ 查看 ” → “ 工具 ” → “ 文檔 ” 可打開其顯示。 返回 2022/4/14 122 頁面設(shè)置 ? 1． 外觀 ? 2． 鏈接 ? 3． 標(biāo)題 ? 4． 標(biāo)題 /編碼 ? 5． 跟蹤圖像 返回 2022/4/14 123 文件頭設(shè)置 META設(shè)置自定義的一組網(wǎng)頁屬性的描述。 關(guān)鍵字設(shè)置網(wǎng)頁網(wǎng)站的一組關(guān)鍵字，許多搜索引擎和網(wǎng)站關(guān)聯(lián)性統(tǒng)計(jì)是通過關(guān)鍵字搜索網(wǎng)頁的。 設(shè)置對網(wǎng)頁的一些描述，一般是網(wǎng)頁內(nèi)容的概述，供其它開發(fā)者參考。 返回 2022/4/14 124 刷新定義網(wǎng)也調(diào)入后延遲一段時間的動作 設(shè)置網(wǎng)頁的基準(zhǔn)地址 鏈接用于設(shè)置需要鏈接的 CSS等外部文件的地址和類型。 文件頭設(shè)置 返回 2022/4/14 125 網(wǎng)頁布局實(shí)例 1 返回 2022/4/14 126 網(wǎng)頁布局實(shí)例 2 返回 2022/4/14 127 網(wǎng)頁布局實(shí)例 3 標(biāo)題正文型結(jié)構(gòu)的頂端是網(wǎng)站標(biāo)識和標(biāo)題，下面是網(wǎng)頁正文。內(nèi)容非常簡單。 返回 2022/4/14 128 網(wǎng)頁布局實(shí)例 4 返回 2022/4/14 129 網(wǎng)頁布局實(shí)例 5 返回 2022/4/14 130 網(wǎng)頁布局實(shí)例 6 返回 2022/4/14 131 ?網(wǎng)頁的版面布局 （ 1） T型結(jié)構(gòu)布局 （ 2）口型布局 （ 3）三型布局 （ 4）對稱對比布局 （ 5） POP布局 返回 2022/4/14 132 畫出網(wǎng)頁布局草圖 標(biāo)題 圖片欄 鏈接文字區(qū) 主要內(nèi)容區(qū) 網(wǎng)站版權(quán)信息區(qū) 返回 2022/4/14 133 表格布局 ? 1個實(shí)例 使用表格對課本 74頁的網(wǎng)頁進(jìn)行布局。 返回 2022/4/14 134 操作步驟 ? （ 1） 插入一個 3行 1列的表格 a。 a 760 420 邊框?yàn)?0，填充、間距為 0，對齊方式居中。 ? （ 2） 在表格 a的第 3行插入 1條水平線，寬度為 70％。居中。文字 ? （ 3） 在表格 a的第 1行中插入 1個 2行 1列的表格 b。寬度 100％。其余 0 ? （ 4） 在表格 b的第 1行插入一個 1行 2列的表格 c。寬度 100％。 返回 2022/4/14 135 ? （ 5） 在表格 b的第 2行插入一個 1行 5列的表格 d。寬度 100％。 ? （ 6） 在表格 a的第 2行插入一個 1行 2列的表格 e。寬度 100％。 ? （ 7） 在表格 e的第 1列插入一個 2行 1列的表格 f。寬度 100％。 ? （ 8） 在表格 e的第 2列插入一個 2行 1列的表格 g。寬度 100％。 ? （ 9）在表格 g的第 2行插入一個 1行 3列的表格 h。寬度 100％。 返回 2022/4/14 136 使用擴(kuò)展模式布局 在工具欄上單擊擴(kuò)展表格模式按鈕，既可切換到“ 擴(kuò)展表格模式 ” 。 擴(kuò)展模式下并不是所見即所得的效果，最好不要在單元格中添加內(nèi)容，只進(jìn)行頁面設(shè)計(jì)操作。 返回 2022/4/14 137 使用布局模式布局 用表格布局的頁面，往往給人一種過于整齊的排列效果，而使用 “ 布局模式 ” ，則可以是網(wǎng)頁中的元素快速、靈活地定位。 在 “ 插入 ” 工具欄單擊 “ 布局 ” 按鈕，進(jìn)入布局模式。 返回 2022/4/14 138 使用布局模式布局 ? 繪制布局表格 ? 繪制布局單元格 返回 2022/4/14 139 使用框架布局 ? 一個實(shí)例： 返回 2022/4/14 140 框架與框架集的概念 ? 單個框架是指在網(wǎng)頁上定義的一個區(qū)域，而框架集則記錄了同一網(wǎng)頁上多個框架的布局、鏈接和屬性信息。 ? 利用框架可以把瀏覽器窗口劃分為多個區(qū)域，每個區(qū)域可以添加任意網(wǎng)頁元素，也可分別顯示不同的網(wǎng)頁。 ? 框架集與框架之間的關(guān)系是包含與被包含的關(guān)系，多個框架就組成了框架集，框架集包含了框架 框架 2和框架 3共 3個框架。 返回 2022/4/14 141 框架與框架集的概念 ? 用框架布局網(wǎng)頁時有如下的技巧和規(guī)則： ?