【正文】 tion ? 用于指定表單數(shù)據(jù)提交到那個地址進(jìn)行處理 – 表單名稱 name ? 用于給表單命名，這一屬性不是表單的必要屬性，但是為了防止表單提交后到后頭處理程序時出現(xiàn)混亂，一般需要給表單命名。 – 框架的 邊框?qū)挾?framespacing ? 默認(rèn)情況下，框架的邊框?qū)挾葹?1； ? 通過 framespacing可以 控制 邊框?qū)挾龋? – border設(shè)置 邊框的寬度 – 框架邊框顏色 bordercolor 第 80頁 任務(wù)五 框架 ● 設(shè)置窗口屬性 frame frame用來定義每一個單獨的框架頁面，框架頁面的屬性設(shè)置都在 frame標(biāo)記里進(jìn)行。 作業(yè) 323 第 64頁 作業(yè) 323 單元格寬： 204，高： 231 單元格寬： 204， 高： 263 單元格寬 ： 486， 高： 263 單元格寬： 202， 高： 263 單元格寬： 202， 高： 231 “關(guān)于 …”的圖片都以單元格背景圖片插入 插入內(nèi)嵌表格， 1行 7列， 寬度： 900，邊框不顯示，單元格背景色： 0375B4 設(shè)置背景音樂為： ，播放次數(shù)為 5 單元格高： 43 設(shè)置滾動文字，內(nèi)容 為：學(xué)校地址：云南省麗江市麗江師范高等?？茖W(xué)校 聯(lián)系方式：08883196079 郵編： 674100 整個表格：寬度： 900，邊框不顯示，間距為 0，填充為 0，居中對齊 第 65頁 任務(wù)二 圖片視頻的插入 %LANGUAGE=VBSCRIPT CODEPAGE=65001% head meta equiv=ContentType content=text/html。 charset=utf8/ /title /head body table width=995 cellpadding=0 cellspacing=0 align=center tr td colspan=2img src=images/ width=995 height=140/td /tr tr td rowspan=3img src=images/ width=217 height=559/td tdembed src=images/ width=778 height=250 /embed /td /tr tr tdimg src=images/ width=778 height=81/td /tr tr tdimg src=images/ width=234 height=194 align=left pfont size=3 /fontfont size=3 face=宋體 公司始創(chuàng)于 1992年，是一家集科研、生產(chǎn)、銷售、技術(shù)服務(wù)于一體的規(guī)?；瘜I(yè)型農(nóng)業(yè)科技公司。 charset=utf8 / title作業(yè) 33/title /head body table width=470 border=1 align=center caption動態(tài)網(wǎng)頁設(shè)計與制作 /caption thead bgcolor=FF7FFF tr height=40 th網(wǎng)頁設(shè)計 /th th數(shù)據(jù)庫開發(fā) /th th程序設(shè)計 /th /tr /thead tbody bgcolor=FF00FF tr tdDreamweaver/td tdAcess/td tdC++/td /tr tr td rowspan=2Dreamweaver/td tdAcess/td tdVBscript/td /tr tr tdAcess/td tdJAVAscript/td /tr /tbody tfoot bgcolor=00DFFF tr td colspan=3 table width=100% td郵箱 /td td/td td地址 /td td電話 /td /table /td /tr /tfoot /table /body /html 作業(yè) 315源代碼 第 44頁 ● 作業(yè) 3—16 – 根據(jù)下面的內(nèi)容， 編寫如下圖所示效果對應(yīng)的 html代碼 某班級同學(xué)的期末成績表 姓名 語文 數(shù)學(xué) 英語 專業(yè)課 王爽 87 92 88 80 李威 90 90 85 86 高鵬 79 89 90 92 任務(wù)一 表格的設(shè)計 第 45頁 ●作業(yè) 316 – 根據(jù)下面的內(nèi)容， 編寫如下圖所示效果對應(yīng)的html代碼 任務(wù)一 表格的設(shè)計 任務(wù)二 圖片視頻的插入 第 47頁 任務(wù)二 圖片視頻的插入 ● 圖片的插入 – img src=“圖片地址” ? 引用圖片必須用 img元素標(biāo)志。 – valign屬性：指定表格或某一個單元格里的內(nèi)容（文本、圖片等） 的垂直對齊 方式 。 charset=utf8 / title表格的邊框顏色 /title /head body table width=200 border=5 bordercolor=66CCFF tr td單元格 1/td td單元格 2/td /tr tr td單元格 3/td td單元格 4/td /tr /table /body /html 第 18頁 任務(wù)一 表格的設(shè)計 – 內(nèi)框?qū)挾?cellspacing （間距） ? 用于設(shè)置表格內(nèi)部每個單元格之間的間距，單位是像素； ? 語法： – table cellspacing=“內(nèi)框?qū)挾戎?” – 表格內(nèi)文字與邊框間距 cellpadding （填充） ? 在默認(rèn)情況下，單元里的內(nèi)容會緊貼著表格的邊框，這樣看上去非常擁擠。缺少任何一個元素，都無法定義出一個 表格。 ? td元素：定義表格的一個單元格 。 ? 語法： table border=“邊框?qū)挾?” – border屬性設(shè)置的表格邊框職能影響表格四周的邊框?qū)挾龋荒苡绊憜卧裰g的邊框尺寸。 第 23頁 任務(wù)一 表格的設(shè)計 %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。 charset=utf8 / title作業(yè) 32/title /head body table border=1 tr td rowspan=2阿里巴巴旗下網(wǎng)站 /td td我要買 /td td我要買 /td td我淘寶 /td /tr tr td colspan=3你好，歡迎來淘寶！ /td /tr /table /body /html 作業(yè) 312源代碼 第 38頁 跨 2行 ，并放了一副圖片 此單元格放了 一副圖片 此單元格跨了 3列 作業(yè) 313 編寫如下圖所示效果對應(yīng)的 html代碼 插入圖片： img src=url width=“圖片寬度 ” heigjt=“圖片高度 ” 任務(wù)一 表格的設(shè)計 第 39頁 任務(wù)一 表格的設(shè)計 %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。本山訓(xùn)場是一片布置于樹林及原野間的山訓(xùn)場，場內(nèi)的設(shè)施均具野味而刺激。如果設(shè)置的時間比較長，會產(chǎn)生走走停停的效果。 ? 應(yīng)用舉例 – cols垂直分割窗口 ? 將頁面 沿垂直方向分割語法 frameset cols=“框架窗口 的寬度， 框架窗口 的寬度 ， …..” frame frame ……. /frameset ? cols可以取多個值，它由 逗號 分割的像素值或百分比組成 。表單主要用于收集客戶端提供的相關(guān)信息，使網(wǎng)頁具有交互功能。不同的是密碼域輸入的字符全部以“ *”顯示。 – 下拉菜單 select ? 語法 select name=“下拉菜單名稱 ” option value=“選項值 ” selected選項顯示內(nèi)容 /option ……. /select – 選項 值是提交表單時的值，而選項顯示內(nèi)容才是真正在頁面中顯示的選項內(nèi)同。 第 95頁 任務(wù)六 表單 – 目標(biāo)顯示方式 target ? 用于指定目標(biāo)窗口的打開方式，表單的目標(biāo)窗口往往用來顯示表單的返回信息。 – 頁面源文件 src – 浮動框架的寬和高 width、 height ? frameset生成的框架結(jié)構(gòu)是依賴上級空間尺寸的，它的寬度或者高度必須有一個和上級框架相同。鏈接到其他頁面中的錨點； 第 71頁 任務(wù)三 超鏈接 ● 錨點 鏈接 – 例題 ? 鏈接到同一頁面中的錨點 – 源文件： 效果文件： e333(ok).asp ? 鏈接到不同頁面 中的錨點 – 源文件： 效果文件： e334(ok).asp 第 72頁 任務(wù)三 超鏈接 ● 鏈接到外部網(wǎng)站 – 語法： ? a href=“ ● 鏈接到 Email – 語法： ? a href=“mailto:郵箱地址 ”……/a 任務(wù) 五 框架 第 74頁 任務(wù)五 框架 框架是網(wǎng)頁設(shè)計中很常用的技術(shù)，可以在一個瀏覽器窗口中顯示多個文檔。銷售方面，公司經(jīng)過多年的探索和創(chuàng)新，開發(fā)出了一套惠及各方利益的市場運(yùn)作方案，建立起了 1100余個銷售服務(wù)網(wǎng)點，使公司及產(chǎn)品在當(dāng)?shù)囟夹纬闪肆己玫目诒? – border ? 圖像的邊框 ? 可以為圖像添加邊框線，但是邊框的顏色不可以設(shè)置，邊框的顏色為黑色，當(dāng)圖像添加了超鏈接時，邊框顏色和鏈接文字顏色一致。 charset=gb2312 / title水平跨度 /title /head body table width=500 border=1 align=center cellpadding=5 cellspacing=1 tr td colspan=2 align=center2023秋冬系列的四大類別 /td /tr tr td童趣 /td td羅曼蒂克 /td /tr tr td愛的故事 /td td大都會之夜 /td /tr /table /body /html 第 30頁 任務(wù)一 表格的設(shè)計 %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。 – height屬性：指定表格或某一個表格單元格的高度。單位可以是 %或者象素。第 1頁 第 2頁 任務(wù)一 表格的設(shè)計 任務(wù)二 圖片視頻的插入 任務(wù)三 超鏈接 任務(wù)四 布局 任務(wù)五 框架 任務(wù)六 表單 任務(wù)七 CSS樣式 項目二 Dreamweaver CS4網(wǎng)頁 設(shè)計 任務(wù)一 表格的設(shè)計 第 4頁 任務(wù)一 表格的設(shè)計 ● 表格基本概念 表格是網(wǎng)頁制作中使用最多的工具之一，它不僅可以將相關(guān)數(shù)據(jù)有序的排列起來，還可以精確地定位文字、圖像等網(wǎng)頁元素在頁面中的位置，使得頁面在形式上豐富多彩又條理清楚，在組織上井然有序又不顯單調(diào)。 charset=gb2312