【正文】 任務(wù)三 超鏈接 ● 超鏈接 – 空連接 ? 未 指定目標(biāo)文檔的鏈接 ,使用空鏈接可以為頁(yè)面上的對(duì)象或文本附加行為。 圖片視頻的插入總結(jié) img src=“url ” alt border width height align vspace hspace 圖片的插入 img embed src=“url ” /embed width height align vspace hspace 動(dòng)畫(huà)和視頻插入embed marquee/marquee Scrollamount Scrolldelay bgcolor width height hspace vspace 滾動(dòng)標(biāo)記 marquee img embed marquee bgsound src=“ 背景音樂(lè)的地址” Loop=“ 循環(huán)次數(shù)” 第 63頁(yè) ●作業(yè) 323 – 使用代碼編寫(xiě)教材項(xiàng)目三任務(wù)一中的首頁(yè)。 屬性值 含義 scroll 循環(huán)滾動(dòng)，默認(rèn)效果 slide 只滾動(dòng)一次就停止 alternate 來(lái)回交替進(jìn)行滾動(dòng) 第 60頁(yè) 任務(wù)二 圖片視頻的插入 ● 設(shè)置滾動(dòng)效果 – 滾動(dòng)標(biāo)記 marquee ? marquee…滾動(dòng)的內(nèi)容 …/marquee – Scrollamount ? 設(shè)置滾動(dòng)的快慢，滾動(dòng)的速度實(shí)際上是設(shè)置每次滾動(dòng)時(shí)移動(dòng)的長(zhǎng)度，以像素為單位。銷(xiāo)售方面，公司經(jīng)過(guò)多年的探索和創(chuàng)新，開(kāi)發(fā)出了一套惠及各方利益的市場(chǎng)運(yùn)作方案，建立起了 1100余個(gè)銷(xiāo)售服務(wù)網(wǎng)點(diǎn)，使公司及產(chǎn)品在當(dāng)?shù)囟夹纬闪肆己玫目诒?。按照現(xiàn)代企業(yè)制度的要求，堅(jiān)持有利于科研、有利于生產(chǎn)、有利于銷(xiāo)售的“三個(gè)有利于”原則；在管理機(jī)構(gòu)的設(shè)置上則堅(jiān)持減少層次、職責(zé)分明、提高效率的原則。 /body /html 第 52頁(yè) 任務(wù)二 圖片視頻的插入 ● 插入 flash動(dòng)畫(huà) – 語(yǔ)法： ? embed src=“多媒體文件地址 ” width=“多媒體的寬度 ” heiht=“多媒體的高度 ”/embed 第 53頁(yè) 作業(yè) 322 表格：寬度 995，無(wú)填充 ，無(wú)間距 居中對(duì)齊 圖片：寬度 995，高： 140 swf：寬度 778，高： 250 圖片：寬度 217，高： 559 圖片：寬度 778，高： 81 圖片：寬度 234，高： 194 左對(duì)齊 文字：宋體 字號(hào)： 4 圖片：寬度 985，高： 87 第 54頁(yè) 任務(wù)二 圖片視頻的插入 %LANGUAGE=VBSCRIPT CODEPAGE=65001% head meta equiv=ContentType content=text/html。 第 51頁(yè) 任務(wù)二 圖片視頻的插入 %LANGUAGE=VBSCRIPT CODEPAGE=65001% head meta equiv=ContentType content=text/html。 – border ? 圖像的邊框 ? 可以為圖像添加邊框線(xiàn)，但是邊框的顏色不可以設(shè)置，邊框的顏色為黑色，當(dāng)圖像添加了超鏈接時(shí)，邊框顏色和鏈接文字顏色一致。 Src的 URL可以是絕對(duì)地址，也可以是 相對(duì)地址。 charset=utf8 / title消費(fèi)記錄 /title /head body table width=400 border=1 align=center caption一月、二月消費(fèi)記錄表 /caption tr bgcolor=FF9966 th align=left消費(fèi)項(xiàng)目 ..../th th align=right一月 /th th align=right二月 /th /tr tr bgcolor=FFCCFF td align=left衣服 /td td align=right$/td td align=right$/td /tr tr bgcolor=66CC99 td align=left化妝品 /td td align=right$/td td align=right$/td /tr tr bgcolor=FFCCFF td align=left食物 /td td align=right$/td td align=right$/td /tr tr bgcolor=FF9966 th align=left總計(jì) /th th align=right$/th th align=right$/th /tr /table /body /html 作業(yè) 314源代碼 第 42頁(yè) 任務(wù)一 表格的設(shè)計(jì) ● 作業(yè) 315 – 使用 代碼 編寫(xiě)一個(gè)網(wǎng)頁(yè) ,要求： – 表格居中對(duì)齊，表格邊框?yàn)?1像素，表格的寬度為 470像素； – 第一行使用 th； – 最后一行合并了三列，嵌套了一個(gè)表格，該表格寬度為100%,無(wú)邊框，為一行四列； – 分別使用 thead、 tbody、 tfoot三個(gè)標(biāo)簽設(shè)置表格的顏色，如右下圖所示，顏色可以自己選擇； – 將文件保存為：姓名作業(yè) ，并上交 第 43頁(yè) 任務(wù)一 表格的設(shè)計(jì) %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。 charset=utf8 / title表格結(jié)構(gòu) /title /head body table width=400 border=1 align=center cellpadding=5 cellspacing=2 caption 某購(gòu)物網(wǎng)站列表 /caption thead bgcolor=FF33FF align=center tr td產(chǎn)品名稱(chēng) /td td類(lèi)型 /td td價(jià)格 /td /tr /thead 第 33頁(yè) 任務(wù)一 表格的設(shè)計(jì) tbody bgcolor=CC99FF align=left tr td手工編織厚圍巾 /td td圍巾 /td td /td /tr tr td彩音盒 MP3/td td數(shù)碼 /td td599元 /td /tr tr td彩晶石銀手鏈 /td td銀飾 /td td68元 /td /tr /tbody tfoot bgcolor=FFCCFF align=righttr td colspan=3 align=right歡迎光臨本購(gòu)物網(wǎng)站！ /td /tr/tfoot /table /body /html 第 34頁(yè) 任務(wù)一 表格的設(shè)計(jì) ● 嵌套表格 – 在 HTML文件中，第一個(gè) table標(biāo)記表示插入第一表格，第二個(gè) table標(biāo)記插入在標(biāo)記td/td之間，表示在單元格中插入表格，也就是嵌套表格。 charset=gb2312 / title水平跨度 /title /head body table width=500 border=1 align=center cellpadding=5 cellspacing=1 tr td colspan=2 align=center2023秋冬系列的四大類(lèi)別 /td /tr tr td童趣 /td td羅曼蒂克 /td /tr tr td愛(ài)的故事 /td td大都會(huì)之夜 /td /tr /table /body /html 第 30頁(yè) 任務(wù)一 表格的設(shè)計(jì) %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。 baseline 值設(shè)置行中的所有表格數(shù)據(jù)都分享相同的基線(xiàn)。 tr td bordercolorlight=FF9900獅子座 /td td處女座 /td td天秤座 /td td bordercolorlight=9900CC天蝎座 /td /tr /table /body /html 第 24頁(yè) 任務(wù)一 表格的設(shè)計(jì) ● 單元格屬性 – align屬性：指定表格或某一個(gè)單元格里的內(nèi)容（文本、圖片等）的水平對(duì)齊方式。 – bordercolorlight屬性 ：?jiǎn)卧?的兩邊框就是 單元格 邊框向光的 部分。 – height屬性：指定表格或某一個(gè)表格單元格的高度。 – background屬性：指定表格或某一個(gè)單元格的背景圖片。 ? 語(yǔ)法： – table border=“邊框?qū)挾?” bordercolor=“邊框顏色 ” 第 17頁(yè) 任務(wù)一 表格的設(shè)計(jì) %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。 屬性值 含義 Left 左對(duì)齊 Center 居中對(duì)齊 right 右對(duì)齊 第 15頁(yè) 任務(wù)一 表格的設(shè)計(jì) %LANGUAGE=VBSCRIPT CODEPAGE=65001% html head meta equiv=ContentType content=text/html。單位可以是 %或者象素。一般位于第一行和第一列，用來(lái)表明這一行或列的內(nèi)容類(lèi)別。 需要注意的是：上述的 三個(gè)元素必須、而且只能夠配對(duì)使用 。 – 每 一個(gè)表格只有一對(duì) table和 /table，一張頁(yè)面中可以有多個(gè)表格。第 1頁(yè) 第 2頁(yè) 任務(wù)一 表格的設(shè)計(jì) 任務(wù)二 圖片視頻的插入 任務(wù)三 超鏈接 任務(wù)四 布局 任務(wù)五 框架 任務(wù)六 表單 任務(wù)七 CSS樣式 項(xiàng)目二 Dreamweaver CS4網(wǎng)頁(yè) 設(shè)計(jì) 任務(wù)一 表格的設(shè)計(jì) 第 4頁(yè) 任務(wù)一 表格的設(shè)計(jì) ● 表格基本概念 表格是網(wǎng)頁(yè)制作中使用最多的工具之一，它不僅可以將相關(guān)數(shù)據(jù)有序的排列起來(lái)，還可以精確地定位文字、圖像等網(wǎng)頁(yè)元素在頁(yè)面中的位置，使得頁(yè)面在形式上豐富多彩又條理清楚，在組織上井然有序又不顯單調(diào)。 第 8頁(yè) 任務(wù)一 表格的設(shè)計(jì) 行 列 列標(biāo)題 在 HTML 文檔中，廣泛使用表格來(lái)存放網(wǎng)頁(yè)上的文本和圖像 單元格 表格標(biāo)題 第 9頁(yè) 任務(wù)一 表格的設(shè)計(jì) ? table 元素：定義一個(gè)表格 。 – 每 行可以有不同數(shù)量的單元格，在 td和 /td之間是單元格的具體內(nèi)容。 charset=utf8 / title表格的基本構(gòu)成 /title /head body table border=1 tr td第 1行第 1列單元格 /td td第 1行第 2列單元格 /td /tr tr td第 2行第 1列單元格 /td td第 2行第 2列單元格 /td /tr /table /body /html 第 11頁(yè) 任務(wù)一 表格的設(shè)計(jì) 第 12頁(yè) 任務(wù)一 表格的設(shè)計(jì) – caption設(shè)置表格標(biāo)題： ? caption 設(shè)置表格的標(biāo)題，一般位于整個(gè)表格之前，一個(gè) table表格只能有一個(gè)表格標(biāo)題 ? 語(yǔ)法： caption 表格標(biāo)題 / caption – th表頭