《網(wǎng)頁設(shè)計與制作》第三章:插入網(wǎng)頁基本元素分析課件_第1頁
《網(wǎng)頁設(shè)計與制作》第三章:插入網(wǎng)頁基本元素分析課件_第2頁
《網(wǎng)頁設(shè)計與制作》第三章:插入網(wǎng)頁基本元素分析課件_第3頁
《網(wǎng)頁設(shè)計與制作》第三章:插入網(wǎng)頁基本元素分析課件_第4頁
《網(wǎng)頁設(shè)計與制作》第三章:插入網(wǎng)頁基本元素分析課件_第5頁
已閱讀5頁,還剩93頁未讀 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

第3章插入網(wǎng)頁基本元素

本章要點插入文字插入圖像插入表格插入媒體元素插入表單1/1/20231第3章插入網(wǎng)頁基本元素本章要點12/27/2022插入文字在Dreamweaver中為網(wǎng)頁插入文本有兩種方法: 直接輸入文本 從其他文檔中復(fù)制文本1/1/20232插入文字在Dreamweaver中為網(wǎng)頁插入文本有兩種方法:插入特殊符號將插入工具切換到“文本”工具組;使用菜單“插入”→“HTML”→“特殊字符”。1/1/20233插入特殊符號將插入工具切換到“文本”工具組;12/27/20插入特殊符號插入換行符使用[Shift]+[Enter]組合鍵

1/1/20234插入特殊符號插入換行符12/27/20224插入特殊符號插入空格ctrl+shift+空格插入特殊符號,不換行空格插入轉(zhuǎn)義符1/1/20235插入特殊符號插入空格12/27/20225設(shè)置文字屬性進行設(shè)置時使用組合鍵[Ctrl]+F3或菜單“窗口”“屬性”打開屬性面板。設(shè)置字體大小設(shè)置字體顏色設(shè)置字體列表【字體】【編輯字體列表】單擊+在可用字體中選則,單擊《按鈕1/1/20236設(shè)置文字屬性進行設(shè)置時使用組合鍵[Ctrl]+F3或菜單“窗使用樣式設(shè)置文字格式【樣式】選擇重命名、再進行修改。把文字變?yōu)闃祟}在屬性面板的格式中選擇設(shè)置文本對齊在屬性面板中設(shè)置列表在屬性面板中進行設(shè)置1/1/20237使用樣式設(shè)置文字格式12/27/20227應(yīng)用舉例——設(shè)置網(wǎng)頁文本格式下面為“如果”網(wǎng)頁中的文本進行格式設(shè)置,要求文本標題樣式與正文不同,正文中某些文字需突出,以達到美化網(wǎng)頁文本的目的。1/1/20238應(yīng)用舉例——設(shè)置網(wǎng)頁文本格式下面為“如果”網(wǎng)頁中的文本進行網(wǎng)頁效果圖1/1/20239網(wǎng)頁效果圖12/27/20229插入滾動字幕1.插入滾動字幕(1)單擊編輯窗口上方的“拆分”按鈕,將視圖切換為拆分模式。

(2)在下方的設(shè)計窗口中單擊要插入滾動字幕的位置,此時注意查看代碼窗口中光標的位置。(3)將插入工具欄設(shè)置為“常規(guī)”,單擊標簽選擇器按鈕,打開標簽選擇器對話框。(4)在標簽選擇器對話框左邊窗口逐級選擇“HTML標簽”→“頁元素”→“瀏覽器特定”,然后在右邊窗口中單擊“marquee”,再單擊下面的“插入”按鈕,marquee標簽被插入到代碼中,按“關(guān)閉”按鈕關(guān)閉對話框。(5)在代碼中出現(xiàn)<marquee></marquee>,在中間的兩個尖括號“><”之間輸入要滾動的文字,如“歡迎訪問勵志學(xué)社的主頁!”。1/1/202310插入滾動字幕1.插入滾動字幕(1)單擊編輯窗口上方的“拆分”設(shè)置滾動字幕的屬性<marqueedirection=“right”scrollamount=“8”scrolldelay=“110”loop=“2”Bgcolor=“#00ff00”Width=“200”Height=“100”>…………</marquee>direction為滾動的目標方向,可選right、left、up、down。scrollamount和scrolldelay為滾動數(shù)量和延遲,可設(shè)置滾動速度和間隔時間。loop設(shè)置循環(huán)次數(shù),小于1為連續(xù)循環(huán)。Bgcolor設(shè)置滾動區(qū)域的背景顏色。width和height設(shè)置滾動區(qū)域的大小,沿垂直方向(up或down)滾動時,必須設(shè)置一定的高度值,否則看不到滾動的文字。1/1/202311設(shè)置滾動字幕的屬性<marqueedirection=“r設(shè)置文本超級鏈接1.使用屬性面板設(shè)置超級鏈接2.使用工具按鈕(1)插入超級鏈接單擊工具欄上的超級鏈接按鈕(2)插入郵件鏈接鏈接目標是電子郵件地址時,單擊工具欄上的電子郵件鏈接按鈕1/1/202312設(shè)置文本超級鏈接1.使用屬性面板2.使用工具按鈕(1)設(shè)置文本超級鏈接3、設(shè)置下載文件的超級鏈接4、創(chuàng)建外部鏈接

Http://5、鏈接文字顏色的設(shè)置通過頁面屬性來設(shè)置的。1/1/202313設(shè)置文本超級鏈接3、設(shè)置下載文件的超級鏈接12/27/202使用錨記

設(shè)置錨記

使用錨記

1/1/202314使用錨記設(shè)置錨記12/27/202214插入水平線水平線可用于頁面上內(nèi)容的分隔。將工具按鈕切換到“HTML”,單擊水平線按鈕單擊該水平線,可在屬性面板中設(shè)置水平線的屬性,如寬度、高度、對齊方式等。水平線的顏色可以使用屬性面板中的“快速標簽編輯器”設(shè)置。值得注意的是水平線的顏色只能在預(yù)覽時看出來。1/1/202315插入水平線水平線可用于頁面上內(nèi)容的分隔。插入圖像圖像的格式用于網(wǎng)頁的圖像通常只有GIF、JPE和PNG3種格式。圖像的獲取方法圖像文件的保存

1/1/202316插入圖像圖像的格式12/27/202216插入圖像插入圖像的步驟如下:(1)把工具欄切換到“常用”狀態(tài),然后單擊“圖像:圖象”按鈕(2)選擇要插入的圖像文件,在文件列表中單擊一個圖象文件時,圖象預(yù)覽區(qū)會顯示這個圖象的縮略圖。(3)單擊確定按鈕,如果圖像文件在站點文件夾中,就會直接插入到網(wǎng)頁中,同時在編輯窗口顯示出圖像。

1/1/202317插入圖像插入圖像的步驟如下:12/27/202217設(shè)置圖像的基本屬性改變圖像大小圖文混排垂直邊距和水平邊距圖像替代圖像邊框1/1/202318設(shè)置圖像的基本屬性改變圖像大小12/27/202218圖片超級鏈接和圖像地圖1.圖片超級鏈接2.圖像地圖如果想在一個圖像的不同位置上點擊,就跳轉(zhuǎn)到相應(yīng)的目標網(wǎng)頁,就需要使用圖象地圖。(1)設(shè)置矩形熱區(qū)(2)設(shè)置圓形熱區(qū)(3)設(shè)置多邊形熱區(qū)1/1/202319圖片超級鏈接和圖像地圖1.圖片超級鏈接2.圖像地圖圖像占位符和輪換圖像1.圖象占位符2.插入鼠標經(jīng)過圖像

單擊工具欄上的圖像按鈕旁邊的小三角形,在下拉式菜單中選擇圖像占位符按鈕單擊工具欄上的圖像按鈕旁邊的小三角形,在下拉式菜單中選擇鼠標經(jīng)過圖像按鈕1/1/202320圖像占位符和輪換圖像1.圖象占位符2.插入鼠標經(jīng)過圖像設(shè)置網(wǎng)頁圖片屬性最終效果圖1/1/202321設(shè)置網(wǎng)頁圖片屬性最終效果圖12/27/202221插入表格添加表格

編輯表格

格式化表格

導(dǎo)入表格數(shù)據(jù)

1/1/202322插入表格添加表格12/27/202222插入表格表格的知識表格由數(shù)個行與列組成的,行、列交叉組成表格的單元格,可以在表格的單元格內(nèi)插入各種信息,包括文本、數(shù)字、鏈接,甚至是圖像。1/1/202323插入表格表格的知識表格由數(shù)個行與列組成的,行、列交添加表格新建表格修改表格屬性

設(shè)置單元格屬性

1/1/202324添加表格新建表格12/27/2022241.新建表格(1)將插入工具欄切換到“常用”模式,單擊表格按鈕(2)在表格對話框中設(shè)置表格的樣式。(3)單擊“確定”按鈕就可以把表格插到網(wǎng)頁中。(4)在表格的各個單元格中分別輸入內(nèi)容。1/1/2023251.新建表格(1)將插入工具欄切換到“常用”模式,單擊表格按2.修改表格屬性高

背景顏色邊框顏色背景圖像對齊設(shè)置1/1/2023262.修改表格屬性高12/27/2022263.設(shè)置單元格屬性

文字(屬性面板的上半部分)水平寬、高垂直標題背景和背景顏色邊框

1/1/2023273.設(shè)置單元格屬性

文字(屬性面板的上半部分)12/27/2應(yīng)用舉例——在網(wǎng)頁中插入表格并添加網(wǎng)頁元素下面為“繁花似錦”網(wǎng)頁進行表格的添加和網(wǎng)頁元素的添加。1/1/202328應(yīng)用舉例——在網(wǎng)頁中插入表格并添加網(wǎng)頁元素下面為“繁花似最終效果圖1/1/202329最終效果圖12/27/202229編輯表格1.合并單元格拖動選中要合并的單元格,單擊屬性面板上的合并單元格按鈕2.拆分單元格在要拆分的單元格中單擊,在單擊屬性面板上的拆分單元格按鈕3.插入或刪除行、列使用菜單“插入”→“表格”菜單中的插入行或列,刪除行或列進行相應(yīng)的操作。1/1/202330編輯表格1.合并單元格拖動選中要合并的單元格,單擊屬性編輯表格實例1、繪制課本51頁的表格。1/1/202331編輯表格實例1、繪制課本51頁的表格。12/27/20223插入圖像預(yù)覽效果圖1/1/202332插入圖像預(yù)覽效果圖12/27/202232格式化表格在要格式化的表格中單擊,再使用菜單“命令”→“格式化表格”打開格式化表格對話框。1/1/202333格式化表格在要格式化的表格中單擊,再使用菜單“命令”→導(dǎo)入表格數(shù)據(jù)1.導(dǎo)出Excel數(shù)據(jù)為文本文件在Excel中使用菜單“文件”→“另存為”打開另存為對話框,在“文件類型”中選擇“文本文件(制表符分割)(*.txt)”,保存文件為biaoge.txt。2.導(dǎo)入位網(wǎng)頁表格將“插入”工具欄切換為“布局”模式,在右邊單擊表格數(shù)據(jù)按鈕選擇數(shù)據(jù)文件為Excel導(dǎo)出的文本文件biaoge.txt,定界符選“Tab”。表格寬度設(shè)置單元格的寬度,選擇“匹配內(nèi)容”。也可以制定寬度。1/1/202334導(dǎo)入表格數(shù)據(jù)1.導(dǎo)出Excel數(shù)據(jù)為文本文件在Exce插入媒體元素

動態(tài)元素是一種重要的網(wǎng)頁元素。這里我們將學(xué)習(xí)在網(wǎng)頁中插入動態(tài)元素,如Flash影片、Flash按鈕、Flash文本等,此外還將學(xué)習(xí)其他一些動態(tài)元素的插入方法。1/1/202335插入媒體元素動態(tài)元素是一種重要的網(wǎng)頁元素。這里我們將學(xué)習(xí)在插入媒體元素

媒體文件的類型

插入Flash

制作播放電影、背景聲音的頁面

1/1/202336插入媒體元素媒體文件的類型12/27/202236插入媒體元素媒體文件的類型1.RealVideo的.rm、.rmvb視頻影像格式和.ra的音頻格式2.MicrosoftMediatechnology的.asf格式3.QuickTim的.mov格式4.Flash的.swf格式5.Metastream的.mts格式6.Authorware的.aam多媒體教學(xué)課件格式1/1/202337插入媒體元素媒體文件的類型1.RealVideo的.rm、插入Flash1.插入Flash動畫將插入工具欄切換到“常用”模式,單擊“媒體:Flash”按鈕2.插入Flash按鈕將插入工具欄切換到“常用”模式,單擊“媒體:Flash”按鈕旁邊的三角形,在菜單中選擇“媒體:Flash按鈕”按鈕3.插入Flash文本將插入工具欄切換到“常用”模式,單擊“媒體:Flash”按鈕旁邊的三角形,在菜單中選擇“媒體:Flash文本”按鈕1/1/202338插入Flash1.插入Flash動畫將插入工具欄切換到“常制作播電影、聲音的頁面1.插入插件(1)將插入工具欄切換到“常用”模式,單擊“媒體:Flash”按鈕旁邊的三角形,在菜單中選擇“媒體:Flash文本”按鈕(2)選擇一個要插入網(wǎng)頁的電影格式的文件(3)在編輯窗口中看到插入了一個灰色矩形插件標志,調(diào)整其大小可調(diào)整網(wǎng)頁中的播放窗口的大小。(4)單擊屬性面板上的“參數(shù)”按鈕,可設(shè)置各種播放參數(shù)。1/1/202339制作播電影、聲音的頁面1.插入插件(1)將插入工具欄切換2.插入背景聲音(1)將插入工具欄設(shè)置為“常規(guī)”,單擊標簽選擇器按鈕

(2)在標簽選擇器對話框左邊窗口逐級選擇“HTML標簽”→“頁元素”→“瀏覽器特定”,然后在右邊窗口中單擊“bgsound”,再單擊下面的“插入”按鈕,打開“標簽編輯器--bgsound”對話框。(3)在“源”中指定背景音樂文件,可以是.wav、.mid或.mp3格式的音頻文件。(4)在“循環(huán)”欄指定網(wǎng)頁調(diào)入時背景音樂的播放次數(shù),選擇“無限(-1)”循環(huán)播放。其他選項根據(jù)需要設(shè)置。(5)單擊“確定”,背景音樂就插入到網(wǎng)頁中。關(guān)閉標簽選擇器對話框。1/1/2023402.插入背景聲音(1)將插入工具欄設(shè)置為“常規(guī)”,單擊標簽選插入表單文本字段

復(fù)選框

單選按鈕

下拉式菜單

隱藏區(qū)域

按鈕

1/1/202341插入表單文本字段12/27/202241表單簡介在網(wǎng)上瀏覽時常會遇到要求填寫資料或提供信息的頁面,如申請QQ號碼時填寫個人信息的頁面,網(wǎng)上購物時填寫的購物單等,這些頁面即是表單頁面。表單通常由多個表單對象組成,如單選按鈕、復(fù)選框、文本字段以及按鈕等,網(wǎng)站管理員可以通過表單從瀏覽者處收集需要的信息,從而實現(xiàn)信息的傳遞。1/1/202342表單簡介在網(wǎng)上瀏覽時常會遇到要求填寫資料或提供信息的頁

表單的工作原理表單支持客戶端-服務(wù)器關(guān)系中的客戶端。當(dāng)訪問者在Web瀏覽器中顯示的表單中輸入信息,然后單擊提交按鈕時,這些信息將被發(fā)送到服務(wù)器,服務(wù)器端腳本或應(yīng)用程序在該處對這些信息進行處理。用于處理表單數(shù)據(jù)的常用服務(wù)器端技術(shù)包括MacromediaColdFusion、MicrosoftActiveServerPages(ASP)和PHP。

圖6-60表單的組成對象

1/1/202343表單的工作原理圖6-60表單的組成對象12/一個實例

制作一個個人簡歷調(diào)查表,收集個人的資料。該調(diào)查表是表單應(yīng)用的典型實例。實例效果

1/1/202344一個實例實例效果12/27/202244創(chuàng)建表單將插入工具欄切換到“表單”模式,單擊創(chuàng)建表單按鈕

插入的表單區(qū)域用紅色虛線表示,后面插入的所有表單元素都要插入到這個虛線中。1/1/202345創(chuàng)建表單將插入工具欄切換到“表單”模式,單擊創(chuàng)建表單按鈕文本字段1.單行文本在表單中輸入“用戶名”,在單擊工具欄上的文本字段按鈕2.密碼密碼輸入?yún)^(qū)用于用戶輸入密碼信息,用戶在此區(qū)域輸入的所有字符都顯示為“*”或黑點。3.多行文本在單擊工具欄上的文本區(qū)域按鈕1/1/202346文本字段1.單行文本在表單中輸入“用戶名”,在單擊工具欄復(fù)選框單擊工具欄上的復(fù)選框按鈕

單選按鈕1.單選按鈕單擊工具欄上的單選按鈕按鈕2.單選按鈕組單擊工具欄上的單選按鈕組按鈕1/1/202347復(fù)選框單擊工具欄上的復(fù)選框按鈕單選按鈕1.單選按鈕單擊工具下拉菜單1.列表/菜單單擊工具欄上的列表/菜單按鈕2.跳轉(zhuǎn)菜單在工具欄上單擊跳轉(zhuǎn)菜單按鈕1/1/202348下拉菜單1.列表/菜單單擊工具欄上的列表/菜單按鈕2.跳轉(zhuǎn)隱藏區(qū)域在工具欄上單擊隱藏域按鈕在網(wǎng)頁中插入一個隱藏域標志按鈕在工具欄上單擊按鈕按鈕1/1/202349隱藏區(qū)域在工具欄上單擊隱藏域按鈕在網(wǎng)頁中插入一個隱藏域標志第3章插入網(wǎng)頁基本元素

本章要點插入文字插入圖像插入表格插入媒體元素插入表單1/1/202350第3章插入網(wǎng)頁基本元素本章要點12/27/2022插入文字在Dreamweaver中為網(wǎng)頁插入文本有兩種方法: 直接輸入文本 從其他文檔中復(fù)制文本1/1/202351插入文字在Dreamweaver中為網(wǎng)頁插入文本有兩種方法:插入特殊符號將插入工具切換到“文本”工具組;使用菜單“插入”→“HTML”→“特殊字符”。1/1/202352插入特殊符號將插入工具切換到“文本”工具組;12/27/20插入特殊符號插入換行符使用[Shift]+[Enter]組合鍵

1/1/202353插入特殊符號插入換行符12/27/20224插入特殊符號插入空格ctrl+shift+空格插入特殊符號,不換行空格插入轉(zhuǎn)義符1/1/202354插入特殊符號插入空格12/27/20225設(shè)置文字屬性進行設(shè)置時使用組合鍵[Ctrl]+F3或菜單“窗口”“屬性”打開屬性面板。設(shè)置字體大小設(shè)置字體顏色設(shè)置字體列表【字體】【編輯字體列表】單擊+在可用字體中選則,單擊《按鈕1/1/202355設(shè)置文字屬性進行設(shè)置時使用組合鍵[Ctrl]+F3或菜單“窗使用樣式設(shè)置文字格式【樣式】選擇重命名、再進行修改。把文字變?yōu)闃祟}在屬性面板的格式中選擇設(shè)置文本對齊在屬性面板中設(shè)置列表在屬性面板中進行設(shè)置1/1/202356使用樣式設(shè)置文字格式12/27/20227應(yīng)用舉例——設(shè)置網(wǎng)頁文本格式下面為“如果”網(wǎng)頁中的文本進行格式設(shè)置,要求文本標題樣式與正文不同,正文中某些文字需突出,以達到美化網(wǎng)頁文本的目的。1/1/202357應(yīng)用舉例——設(shè)置網(wǎng)頁文本格式下面為“如果”網(wǎng)頁中的文本進行網(wǎng)頁效果圖1/1/202358網(wǎng)頁效果圖12/27/20229插入滾動字幕1.插入滾動字幕(1)單擊編輯窗口上方的“拆分”按鈕,將視圖切換為拆分模式。

(2)在下方的設(shè)計窗口中單擊要插入滾動字幕的位置,此時注意查看代碼窗口中光標的位置。(3)將插入工具欄設(shè)置為“常規(guī)”,單擊標簽選擇器按鈕,打開標簽選擇器對話框。(4)在標簽選擇器對話框左邊窗口逐級選擇“HTML標簽”→“頁元素”→“瀏覽器特定”,然后在右邊窗口中單擊“marquee”,再單擊下面的“插入”按鈕,marquee標簽被插入到代碼中,按“關(guān)閉”按鈕關(guān)閉對話框。(5)在代碼中出現(xiàn)<marquee></marquee>,在中間的兩個尖括號“><”之間輸入要滾動的文字,如“歡迎訪問勵志學(xué)社的主頁!”。1/1/202359插入滾動字幕1.插入滾動字幕(1)單擊編輯窗口上方的“拆分”設(shè)置滾動字幕的屬性<marqueedirection=“right”scrollamount=“8”scrolldelay=“110”loop=“2”Bgcolor=“#00ff00”Width=“200”Height=“100”>…………</marquee>direction為滾動的目標方向,可選right、left、up、down。scrollamount和scrolldelay為滾動數(shù)量和延遲,可設(shè)置滾動速度和間隔時間。loop設(shè)置循環(huán)次數(shù),小于1為連續(xù)循環(huán)。Bgcolor設(shè)置滾動區(qū)域的背景顏色。width和height設(shè)置滾動區(qū)域的大小,沿垂直方向(up或down)滾動時,必須設(shè)置一定的高度值,否則看不到滾動的文字。1/1/202360設(shè)置滾動字幕的屬性<marqueedirection=“r設(shè)置文本超級鏈接1.使用屬性面板設(shè)置超級鏈接2.使用工具按鈕(1)插入超級鏈接單擊工具欄上的超級鏈接按鈕(2)插入郵件鏈接鏈接目標是電子郵件地址時,單擊工具欄上的電子郵件鏈接按鈕1/1/202361設(shè)置文本超級鏈接1.使用屬性面板2.使用工具按鈕(1)設(shè)置文本超級鏈接3、設(shè)置下載文件的超級鏈接4、創(chuàng)建外部鏈接

Http://5、鏈接文字顏色的設(shè)置通過頁面屬性來設(shè)置的。1/1/202362設(shè)置文本超級鏈接3、設(shè)置下載文件的超級鏈接12/27/202使用錨記

設(shè)置錨記

使用錨記

1/1/202363使用錨記設(shè)置錨記12/27/202214插入水平線水平線可用于頁面上內(nèi)容的分隔。將工具按鈕切換到“HTML”,單擊水平線按鈕單擊該水平線,可在屬性面板中設(shè)置水平線的屬性,如寬度、高度、對齊方式等。水平線的顏色可以使用屬性面板中的“快速標簽編輯器”設(shè)置。值得注意的是水平線的顏色只能在預(yù)覽時看出來。1/1/202364插入水平線水平線可用于頁面上內(nèi)容的分隔。插入圖像圖像的格式用于網(wǎng)頁的圖像通常只有GIF、JPE和PNG3種格式。圖像的獲取方法圖像文件的保存

1/1/202365插入圖像圖像的格式12/27/202216插入圖像插入圖像的步驟如下:(1)把工具欄切換到“常用”狀態(tài),然后單擊“圖像:圖象”按鈕(2)選擇要插入的圖像文件,在文件列表中單擊一個圖象文件時,圖象預(yù)覽區(qū)會顯示這個圖象的縮略圖。(3)單擊確定按鈕,如果圖像文件在站點文件夾中,就會直接插入到網(wǎng)頁中,同時在編輯窗口顯示出圖像。

1/1/202366插入圖像插入圖像的步驟如下:12/27/202217設(shè)置圖像的基本屬性改變圖像大小圖文混排垂直邊距和水平邊距圖像替代圖像邊框1/1/202367設(shè)置圖像的基本屬性改變圖像大小12/27/202218圖片超級鏈接和圖像地圖1.圖片超級鏈接2.圖像地圖如果想在一個圖像的不同位置上點擊,就跳轉(zhuǎn)到相應(yīng)的目標網(wǎng)頁,就需要使用圖象地圖。(1)設(shè)置矩形熱區(qū)(2)設(shè)置圓形熱區(qū)(3)設(shè)置多邊形熱區(qū)1/1/202368圖片超級鏈接和圖像地圖1.圖片超級鏈接2.圖像地圖圖像占位符和輪換圖像1.圖象占位符2.插入鼠標經(jīng)過圖像

單擊工具欄上的圖像按鈕旁邊的小三角形,在下拉式菜單中選擇圖像占位符按鈕單擊工具欄上的圖像按鈕旁邊的小三角形,在下拉式菜單中選擇鼠標經(jīng)過圖像按鈕1/1/202369圖像占位符和輪換圖像1.圖象占位符2.插入鼠標經(jīng)過圖像設(shè)置網(wǎng)頁圖片屬性最終效果圖1/1/202370設(shè)置網(wǎng)頁圖片屬性最終效果圖12/27/202221插入表格添加表格

編輯表格

格式化表格

導(dǎo)入表格數(shù)據(jù)

1/1/202371插入表格添加表格12/27/202222插入表格表格的知識表格由數(shù)個行與列組成的,行、列交叉組成表格的單元格,可以在表格的單元格內(nèi)插入各種信息,包括文本、數(shù)字、鏈接,甚至是圖像。1/1/202372插入表格表格的知識表格由數(shù)個行與列組成的,行、列交添加表格新建表格修改表格屬性

設(shè)置單元格屬性

1/1/202373添加表格新建表格12/27/2022241.新建表格(1)將插入工具欄切換到“常用”模式,單擊表格按鈕(2)在表格對話框中設(shè)置表格的樣式。(3)單擊“確定”按鈕就可以把表格插到網(wǎng)頁中。(4)在表格的各個單元格中分別輸入內(nèi)容。1/1/2023741.新建表格(1)將插入工具欄切換到“常用”模式,單擊表格按2.修改表格屬性高

背景顏色邊框顏色背景圖像對齊設(shè)置1/1/2023752.修改表格屬性高12/27/2022263.設(shè)置單元格屬性

文字(屬性面板的上半部分)水平寬、高垂直標題背景和背景顏色邊框

1/1/2023763.設(shè)置單元格屬性

文字(屬性面板的上半部分)12/27/2應(yīng)用舉例——在網(wǎng)頁中插入表格并添加網(wǎng)頁元素下面為“繁花似錦”網(wǎng)頁進行表格的添加和網(wǎng)頁元素的添加。1/1/202377應(yīng)用舉例——在網(wǎng)頁中插入表格并添加網(wǎng)頁元素下面為“繁花似最終效果圖1/1/202378最終效果圖12/27/202229編輯表格1.合并單元格拖動選中要合并的單元格,單擊屬性面板上的合并單元格按鈕2.拆分單元格在要拆分的單元格中單擊,在單擊屬性面板上的拆分單元格按鈕3.插入或刪除行、列使用菜單“插入”→“表格”菜單中的插入行或列,刪除行或列進行相應(yīng)的操作。1/1/202379編輯表格1.合并單元格拖動選中要合并的單元格,單擊屬性編輯表格實例1、繪制課本51頁的表格。1/1/202380編輯表格實例1、繪制課本51頁的表格。12/27/20223插入圖像預(yù)覽效果圖1/1/202381插入圖像預(yù)覽效果圖12/27/202232格式化表格在要格式化的表格中單擊,再使用菜單“命令”→“格式化表格”打開格式化表格對話框。1/1/202382格式化表格在要格式化的表格中單擊,再使用菜單“命令”→導(dǎo)入表格數(shù)據(jù)1.導(dǎo)出Excel數(shù)據(jù)為文本文件在Excel中使用菜單“文件”→“另存為”打開另存為對話框,在“文件類型”中選擇“文本文件(制表符分割)(*.txt)”,保存文件為biaoge.txt。2.導(dǎo)入位網(wǎng)頁表格將“插入”工具欄切換為“布局”模式,在右邊單擊表格數(shù)據(jù)按鈕選擇數(shù)據(jù)文件為Excel導(dǎo)出的文本文件biaoge.txt,定界符選“Tab”。表格寬度設(shè)置單元格的寬度,選擇“匹配內(nèi)容”。也可以制定寬度。1/1/202383導(dǎo)入表格數(shù)據(jù)1.導(dǎo)出Excel數(shù)據(jù)為文本文件在Exce插入媒體元素

動態(tài)元素是一種重要的網(wǎng)頁元素。這里我們將學(xué)習(xí)在網(wǎng)頁中插入動態(tài)元素,如Flash影片、Flash按鈕、Flash文本等,此外還將學(xué)習(xí)其他一些動態(tài)元素的插入方法。1/1/202384插入媒體元素動態(tài)元素是一種重要的網(wǎng)頁元素。這里我們將學(xué)習(xí)在插入媒體元素

媒體文件的類型

插入Flash

制作播放電影、背景聲音的頁面

1/1/202385插入媒體元素媒體文件的類型12/27/202236插入媒體元素媒體文件的類型1.RealVideo的.rm、.rmvb視頻影像格式和.ra的音頻格式2.MicrosoftMediatechnology的.asf格式3.QuickTim的.mov格式4.Flash的.swf格式5.Metastream的.mts格式6.Authorware的.aam多媒體教學(xué)課件格式1/1/202386插入媒體元素媒體文件的類型1.RealVideo的.rm、插入Flash1.插入Flash動畫將插入工具欄切換到“常用”模式,單擊“媒體:Flash”按鈕2.插入Flash按鈕將插入工具欄切換到“常用”模式,單擊“媒體:Flash”按鈕旁邊的三角形,在菜單中選擇“媒體:Flash按鈕”按鈕3.插入Flash文本將插入工具欄切換到“常用”模式,單擊“媒體:Flash”按鈕旁邊的三角形,在菜單中選擇“媒體:Flash文本”按鈕1/1/202387插入Flash1.插入Flash動畫將插入工具欄切換到“常制作播電影、聲音的頁面1.插入插件(1)將插入工具欄切換到“常用”模式,單擊“媒體:Flash”按鈕旁邊的三角形,在菜單中選擇“媒體:Flash文本”按鈕(2)選擇一個要插入網(wǎng)頁的電影格式的文件(3)在編輯窗口中看到插入了一個灰色矩形插件標志,調(diào)整其大小可調(diào)整網(wǎng)頁中的播放窗口的大小。(4)單擊屬性面板上的“參數(shù)”按鈕,可設(shè)置各種播放參數(shù)。1/1/202388制作播電影、聲音的頁面1.插入插件(1)將插入工具欄切換2.插入背景聲音(1)將插入工具欄設(shè)置為“常規(guī)”,單擊標簽選擇器按鈕

(2)在標簽選擇器對話框左邊窗口逐級選擇“HTML標簽”→“頁元素”→“瀏覽器特定”,然后在右邊窗口中單擊“bgsound”,再單擊下面的“插入”按鈕,打開“標簽編輯器--bgsound”對話框。(3)在“源”中指定背景音樂文件,可以是.wav、.mid或.mp3格式的音頻文

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論