【正文】 要的表格邊線等。 ? 分析： marquee 標(biāo)記支持 stop()和 start()方法，分別用于控制滾動的停止和開始。 任務(wù) 29 制作子網(wǎng)頁并應(yīng)用鏈接標(biāo)記建立導(dǎo)航鏈接 ? 【 子任務(wù) 292】 應(yīng)用超級鏈接標(biāo)記建立導(dǎo)航文本與各子網(wǎng)頁的鏈接 ? 超級鏈接標(biāo)記為 a href=url 文本或圖像 /a ? 建立超級鏈接的操作步驟如下： ? （ 1）將 “ 首頁 ” 作為超級鏈接的文本放在 a 與 /a之間，并設(shè) url為 ? 代碼如下： ? a href=首頁 /a ? （ 2）將 “ 校園新聞 ” 作為超級鏈接的文本放在 a 與 /a之間，并設(shè) url為web/ ? 代碼如下： ? a href=web/校園新聞 /a ? （ 3）采用同樣方法，設(shè)置 “ 文體天地 ” 、 “ 讀書園地 ” 、 “ 校園掠影 ” 、 “ 情感天地 ” 、 “ 就業(yè) ” 的超級鏈接。 ? （ 2）在文件編輯軟件中打開子網(wǎng)頁文件，如 。代碼如下： ? td height=30 align=centerfont size=4 color=ffffff友情鏈接 /font/td 任務(wù) 28 應(yīng)用多媒體標(biāo)記插入多媒體對像 ? （ 3）在內(nèi)嵌表格的第 2行的單元格標(biāo)記 td與 /td之間輸入滾動標(biāo)記，向上滾動，行程 150。 ? 操作步驟如下： 任務(wù) 28 應(yīng)用多媒體標(biāo)記插入多媒體對像 ? （ 1）在主表格的第 4行第 2列單元格標(biāo)記之間，嵌入一個 2行 1列表格標(biāo)記，表格寬度為 192，表格邊線寬度為 1,內(nèi)嵌表格第 2行行距為 18pt。 圖 213 表單運行結(jié)果圖 任務(wù) 28 應(yīng)用多媒體標(biāo)記插入多媒體對像 ? 【 子任務(wù) 281】 制作滾動字幕，用于滾動顯示友情鏈接網(wǎng)站名稱，要求垂直向上滾動。實現(xiàn)的 HTML代碼為： ? 操作步驟如下： ? （ 1）在主表格的第 3行第 2列的單元格標(biāo)記 td與 /td之間，插入一個 2行 1列表格，代碼如下： ? table width=100% height=180 border=1 bordercolor=339999 ? tr 39。 任務(wù) 26 應(yīng)用圖像標(biāo)記插入圖像 圖 211 在主體圖像區(qū)插入校園生活精品圖片后的運行效果圖 任務(wù) 26 應(yīng)用圖像標(biāo)記插入圖像 ? 【 子任務(wù) 265】 設(shè)置單元格背景圖像 ? 分別設(shè)置導(dǎo)航區(qū)、主體區(qū)標(biāo)題等背景。代碼如下： ? td height=132table width=100% ? tr 39。具體代碼如下： ? td width=138 height=45 ? img src=images/ alt=校園生活 width=138 height=45 ? /td ? 在導(dǎo)航區(qū)插入站標(biāo)文字圖像后運行效果如圖 29所示。遼寧省 遼陽市八一街 11號 郵編： 111000 ? /td ? 版權(quán)區(qū)文本編輯結(jié)束后，運行的局部效果如圖 27所示： 圖 27 版權(quán)區(qū)文本編輯結(jié)束后運行效果圖 任務(wù) 26 應(yīng)用圖像標(biāo)記插入圖像 ? 【 子任務(wù) 261】 在標(biāo)題區(qū)插入站標(biāo)圖像 ? 站標(biāo)圖像文件為 ，在站點文件夾的 images文件夾下。請關(guān)注就業(yè)交流。 /fontbrbr ? /li ? lifont color=0000FF size=2strong校園掠影 /strong： 教室、長廊、花園、宿舍、食堂、圖書館、運動場，都留下了我們青春的足跡，校園掠影將為您保留大學(xué)校園的美好回憶。代碼如下： ? td width=75% height=55 valign=top ? ul ? lifont color=0000FF size=2strong /strong：在第一時間向您報道，校園里所發(fā)生的有趣事、感人事、奇異事。（操作演示） 圖 25 導(dǎo)航區(qū)文本編輯后運行效果 任務(wù) 25 應(yīng)用文本格式標(biāo)記編輯文本 ? 【 子任務(wù) 252】 編輯主體區(qū)文本 ? 操作步驟如下： ? （ 1）在主體表格的第 3行第 1列單元格標(biāo)記 td與 /td之間內(nèi)嵌一個 3行 2列表格，并對第 1行，第 3行并行單元格合并，代碼如下： ? table width=100% ? tr 39。第 5行開始 ? td height=40 colspan=2 /td ? /tr 39。第 3行開始 ? td width=700 height=160 valign=middle /td ? td width=298 /td ? /tr 39。第 1行開始 ? td height=120 colspan=2 /td ? /tr 39。 ? 建立主頁文件 ： ? （ 1）啟動記事本或其它文本編輯工具。 ? 操作步驟如下 ： ? （ 1）在桌面雙擊 “ 我的電腦 ” 圖標(biāo)； ? （ 2）在 “ 我的電腦 ” 窗口中雙擊打開用于存儲站點的硬盤驅(qū)動器（例如為 E盤）； ? （ 3）雙擊打開站點文件夾 “ School” ? （ 4）使用 【 文件 】 → 新建 → 文件夾命令，在站點文件夾“ School”中建立一個新文件夾。 任務(wù) 22 創(chuàng)建我的校園生活網(wǎng)站站點 ? 【 子任務(wù) 221】 設(shè)置本地站點文件夾 ? 操作步驟如下： ? （ 1）在桌面雙擊 “ 我的電腦 ” 圖標(biāo)； ? （ 2）在 “ 我的電腦 ” 窗口中雙擊打開用于存儲站點的硬盤驅(qū)動器（例如為 E盤）； ? （ 3）使用 【 文件 】 → 新建 → 文件夾命令，在硬盤中建立一個新文件夾。 任務(wù) 21 設(shè)計規(guī)劃我的校園生活網(wǎng)站 導(dǎo)航區(qū) 導(dǎo)航區(qū) 主體區(qū) 版權(quán)區(qū) 圖 21 我的校園生活網(wǎng)站規(guī)劃布局圖 任務(wù) 21 設(shè)計規(guī)劃我的校園生活網(wǎng)站 ? 【 子任務(wù) 212】 收集我的校園生活網(wǎng)站所需要的素材 ? 收集的素材包括： ? 1. 圖片：校園標(biāo)志圖片、校園生活精品圖片、文本站標(biāo)等。 ? 網(wǎng)站的主題欄目有校園新聞、文體活動、情感天地、就業(yè)交流、校園掠影、讀書園地。 2 掌握 HTML語言文本格式、版面控制、圖像、超鏈接、表格、表單、多媒體等常用標(biāo)記的基本格式與使用方法，能夠應(yīng)用 HTML語言常用標(biāo)記制作簡單網(wǎng)頁。 本項目能力目標(biāo)： 1 具備表格結(jié)構(gòu)網(wǎng)站規(guī)劃設(shè)計的基本能力。 我的校園生活網(wǎng)站制作過程 任務(wù) 21 設(shè)計規(guī)劃我的校園生活網(wǎng)站 ? 【 子任務(wù) 211】 設(shè)計規(guī)劃我的校園生活網(wǎng)站的布局結(jié)構(gòu) ? 本網(wǎng)站主要采用表格進(jìn)行布局，這是大多數(shù)網(wǎng)站的布局方式。選擇 1024 768規(guī)格 ,實際尺寸為：1000 ***。 ? 【 子任務(wù) 213】 確定 “ 我的校園生活網(wǎng)站 ” 色彩風(fēng)格 ? 網(wǎng)站色彩風(fēng)格選擇清新淡雅色，如灰色、藍(lán)色、綠色，適當(dāng)滲入紅色，體現(xiàn)校園的青春激情。 任務(wù) 22 創(chuàng)建我的校園生活網(wǎng)站站點 圖 22 建立并重命名站點文件夾 本項目所用 站點文件夾 任務(wù) 22 創(chuàng)建我的校園生活網(wǎng)站站點 ? 【 子任務(wù) 222】 建立站點子文件夾 ? 這里我們需要建立 2個子文件夾：圖片文件夾 images、子網(wǎng)頁文件夾 web。 任務(wù) 23 建立包含網(wǎng)頁主體標(biāo)記的主頁文件 ? 網(wǎng)頁主體標(biāo)記為 body…… /body標(biāo)記。 ? （ 2）在主體標(biāo)記 body和 /body之間輸入如下代碼： ? table align=center width=1000 border=1 ? tr 39。第 2行結(jié)束 ? tr 39。第 4行結(jié)束 ? tr 39。（操作演示） 任務(wù) 24 應(yīng)用 Dreamweaver表格標(biāo)記進(jìn)行網(wǎng)站布局 圖 24 應(yīng)用表格布局的 任務(wù) 25 應(yīng)用文本格式標(biāo)記編輯文本 ? 文本格式標(biāo)記為 font/font ? 【 子任務(wù) 251】 編輯導(dǎo)航區(qū)文本 ? 在第 2行內(nèi)嵌表格的第 2列單元格標(biāo)記 td與 /td之間，編輯輸入導(dǎo)航文字內(nèi)容： ? 首頁 校園新聞 文體活動 情感天地 就業(yè)交流 校園掠影 讀書園地 ? 設(shè)置文字格式：字體為宋體，字號為 5，顏色為紅色（ ff0000），并設(shè)該單元格 align屬性為 center，實現(xiàn)代碼如下： ? td width=850 align=center ? font face=宋體 size=5 color=ff0000 ? 首頁 校園新聞 文體活動 情感天地 就業(yè)交流 讀書園地 校園掠影 ? /font ? /td ? 運行修改后的 ，局部效果如圖 25所示。內(nèi)嵌表格第 3行開始 ? td height=60 colspan=2 /td ? /tr ? /table ? （ 2） 在內(nèi)嵌表格的第 1行的 td與 /td之間輸入 “ 歡迎光臨我的校園生活網(wǎng) ” 并設(shè)居中、黑體、 4號字、藍(lán)色，代碼如下： ? td height=40 colspan=2 align=center ? font face=黑體 size=4 color=0000FF 歡迎光臨我的校園生活網(wǎng) /font ? /td 任務(wù) 25 應(yīng)用文本格式標(biāo)記編輯文本 ? （ 3）在內(nèi)嵌表格的第 2行第 1列的 td與 /td之間，輸入網(wǎng)站欄目 “ 校園新聞 ” 、 “ 文體活動 ” 介紹文本，并加項目編號，設(shè)為宋體、 2號字，欄目名稱加粗。代碼如下： ? td height=120 colspan=2 valign=top ? ul ? lifont color=0000FF size=2strong讀書園地 /strong： 這里有古典文學(xué)作品品評，這里有現(xiàn)代文學(xué)作品欣賞，這里有校園文學(xué)精品介紹，這里有網(wǎng)絡(luò)文學(xué)作品推薦，請駐足讀書園地。 /fontbr br ? /li ? lifont size=2 color=0000FFstrong就業(yè)交流 /strong： 介紹相關(guān)就業(yè)政策，幫您提高面試技巧，提高您的自主創(chuàng)業(yè)能力。代碼如下： ? td height=40 colspan=2 align=center ? Copyright2020～ 2020 版權(quán)所有：我的校園生活創(chuàng)意工作室 br ? 地址 。 圖 28 在標(biāo)題區(qū)插入站標(biāo)圖像的運行效果 任務(wù) 26 應(yīng)用圖像標(biāo)記插入圖像 ? 【 子任務(wù) 262】 在導(dǎo)航區(qū)插入站標(biāo)文字圖像 ? 在第 2行的內(nèi)嵌表格的第 1列的單元格標(biāo)記 td與 /td之間，插入圖像標(biāo)記，寬度： 138，高度： 45。 任務(wù) 26 應(yīng)用圖像標(biāo)記插入圖像 圖 210 在主體文本區(qū)插入文字圖像后的運行效果圖 任務(wù) 26 應(yīng)用圖像標(biāo)記插入圖像 ? 【 子任務(wù) 264】 在主體圖像區(qū)插入校園生活精品圖片 ? 操作步驟如下： ? （ 1）在主表格的第 4行第 1列的單元格標(biāo)記 td與 /td之間插入表格標(biāo)記，表格為 2行 4列，并將第 1行的 4個單元格合并。代碼如下： ? td height=30 colspan=4 align=center ? font face=黑體 size=5 color=0000FF 校園生活精品圖片 /font ? /td ? （ 3）在內(nèi)嵌表格第 2行的各單元格標(biāo)記 td與 /td之間輸入圖像標(biāo)記，并設(shè)置圖像大小，寬度： 168，高度： 100，代碼如下： ? tr ? td width=25% height=110img src=images/ width=168 height=100 ? /td ? td width=25%img src=images/ width=168 height=100/td ? td width=25%img src=images/ width=168 height=100/td ? td width=25%img s