【正文】 br / …… 為何你明明動了情卻又不靠近 /p p class=STYLE1聽海哭的聲音 br / 嘆息著誰又被傷了心卻還不清醒 br / …… 說你在離開我的時候是怎樣的心情 br / /td /tr /table （ 8） 選擇 “ 文件 ” /“在瀏覽器中預覽 ” /“IExplore ”， 預覽在線音樂網站 ， 在主頁單擊歌曲名稱超級鏈接 ， 在 mainFrame框架內顯示歌詞內容 。 在歌詞信息頁 ， 應用圖像標記顯示音樂圖標 ， 應用表格標記 、 段落標記 、 換行標記等顯示歌詞信息 ， 完整代碼如下 。 table width=800 border=0 align=center cellpadding=0 cellspacing=0 tr td height=70 align=center bgcolor=FFCC33 我 行 我 秀 在線音樂網 br/ br/ 本站請使用 IE 或以上版本 1024*768為最佳分辨率 /td /tr /table 【 實訓步驟 】 實訓 2 HTML文檔基本操作 （ 6） 在左側導航頁 ， 應用標題標記 、 列表標記和超鏈接標記等實現(xiàn)歌曲名稱超級鏈接 。 charset=gb2312 / title在線音樂網 /title /head frameset rows=220,* frameborder=no border=0 framespacing=0 frame src= name=topFrame scrolling=No noresize=noresize id=topFrame / frameset rows=*,159 cols=* framespacing=0 frameborder=no border=0 frameset rows=* cols=430,* framespacing=0 frameborder=no border=0 frame src= name=leftFrame scrolling=No noresize=noresize id=leftFrame / frame src= name=mainFrame id=mainFrame / /frameset frame src= name=bottomFrame scrolling=No noresize=noresize id=bottomFrame / /frameset /frameset noframes body bgcolor=CCFF33 /body /noframes /html 【 實訓步驟 】 實訓 2 HTML文檔基本操作 （ 4） 在 img調用在線音樂網的 Banner廣告 ， 代碼如下 。 【 實訓步驟 】 實訓 2 HTML文檔基本操作 首頁 。 （ 3） 在 。 【 實訓內容 】 實訓 2 HTML文檔基本操作 （ 1） 打開 Dreamweaver， 在 “ 創(chuàng)建新項目 ” 列中選擇 “ HTML”。 （ 4） 在線音樂網主頁頁面美觀大方 ， 以不同大小 、 不同顏色 、 不同樣式和不同格式的網頁信息展現(xiàn)給讀者 。 （ 2） 在各個子頁應用 HTML文檔中的表格標記 ， 段落標記 、 文字標記 、 列表標記和圖像標記等來顯示個人網站的 LOGO， 圖像 ， 音樂歌詞等相關信息 。 （ 2） 熟練應用框架進行網頁布局 。 /script （ 4） 選擇 “ 文件 ” /“在瀏覽器中預覽 ” /“IExplore ”， 預覽網頁 。 (h1歡迎訪問明日公司主頁 /h1)。 （ 3） 在 body… /body標記間編寫如下代碼 ， 實現(xiàn)在頁面上輸出 “ 歡迎訪問明日公司主頁 ” 。 【 實訓內容 】 實訓 1 JavaScript基本操作 （ 1） 打開 Dreamweaver， 在 “ 創(chuàng)建新項目 ” 列中選擇 “ HTML”。 （ 2） 基本掌握 Dreamweaver編寫工具 。 本周實訓將通過 10個實例來綜合運用和擴展前面的知識 ， 使同學們進一步掌握所學知識 。JavaScript 綜合實訓 JavaScript是 Web頁面中的一種腳本編程語言 ， 也是一種通用的 、 跨平臺的 、 基于對象和事件驅動并具有安全性的腳本語言 。 它不需要進行編譯 ， 而是直接嵌入在 HTML頁面中 ， 把靜態(tài)頁面轉變成支持用戶交互并響應相應事件的動態(tài)頁面 。 √ 實訓目錄 ? 實訓 1 JavaScript基本操作 ? 實訓 2 HTML文檔基本操作 ? 實訓 3 JavaScript語言基礎操作 ? 實訓 4 JavaScript基本語句的應用 ? 實訓 5 函數(shù)的應用 ? 實訓 6 對象編程的操作 ? 實訓 7 事件處理的操作 ? 實訓 8 瀏覽器對象的應用 ? 實訓 8 瀏覽器對象的應用 ? 實訓 10 Ajax技術的應用 √ √ √ √ √ √ √ √ √ 實訓 1 JavaScript基本操作 （ 1） 熟練掌握 HTML文件中編寫 JavaScript程序的基本操作 。 【 實訓目的 】 實訓 1 JavaScript基本操作 編寫一個 JavaScript程序 ， 實現(xiàn)在頁面上輸出 “ 歡迎訪問明日公司主頁 ” ， 效果如圖 。 （ 2） 自動創(chuàng)建 HTML模板 ， 將 title… /title標記間的內容改為 “ 歡迎頁 ” 。 script language=javascript (HR)。 (HR)。 【 實訓步驟 】 實訓 2 HTML文檔基本操作 （ 1） 熟練掌握 HTML文檔中的常用標記 。 【 實訓目的 】 實訓 2 HTML文檔基本操作 （ 1） 應用 HTML文檔中的常用標記制作一個在線音樂網站主頁 ， 要求主頁應用框架實現(xiàn) 。 （ 3） 單擊主頁歌名超級鏈接時 ， 顯示歌詞信息 ， 并將歌詞顯示在指定的框架頁 。 效果如圖 。 （ 2） 自動創(chuàng)建 HTML模板 ， 將文件保存為 。 框架頁分別保存為、 、 ， 效果如圖 。 html head meta equiv=ContentType content=text/html。 table width=800 border=0 align=center cellpadding=0 cellspacing=0 tr td align=centerimg src=images/ width=768 height=220 //td /tr /table （ 5） 在 bottom頁中應用表格標記 table、 換行標記 br輸出版權信息 ， 代碼如下 。 table width=180 border=0 align=right cellpadding=0 cellspacing=0 tr td width=206 height=507 valign=top bgcolor=FFFFCC brbr h4 最新主打歌 /h4 ul type=circle lia href= target=mainFrame小草 /a/li lia href= target=mainFrame你是我的天使 /a/li lia href= target=mainFrame我的愛人 /a/li lia href= target=mainFrame緣沒了愛依舊 /a/li lia href= target=mainFrame花兒謝了 /a/li lia href= target=mainFrame藍色玫瑰 /a/li lia href= target=mainFrame你是我傷口永遠的痛 /a/li /ul brbr h4 經典老歌 /h4 ol type=A start=1 lia href= target=mainFrame下輩子你會愛我嗎 /a/li lia href= target=mainFrame逃避你的眼神 /a/li lia href= target=mainFrame沒來由的愛 /a/li lia href= target=mainFrame一生情 /a/li lia href= target=mainFrame愛沒完沒了 /a/li lia href= target=mainFrame我是最幸福的人 /a/li lia href= target=mainFrame我的愛天作證 /a/li lia href= target=mainFrame你是我永遠的愛人 /a/li /ol /td /tr /table 【 實訓步驟 】 實訓 2 HTML文檔基本操作 為歌曲名稱添加文字超級鏈接 ， 單擊歌曲名稱 ， 打開歌詞鏈接文件 ， 并將 中的內容顯示在名稱為 “ mainFrame”的框架內 。 table width=600 border=0 align=left cellpadding=0 cellspacing=0 tr td height=89 align=center valign=top bgcolor=FFFFFFbr / br / h2img src=images/ width=298 height=70 /br / br / /h2 /td /tr tr td height=249 align=center valign=top bgcolor=FFFFFFp class=STYLE1寫信告訴我今天海是什么顏色 br / 夜夜陪著你的海心情又如何 br / …… 為何你明明動了情卻又不靠近 /p p class=STYLE1聽?？薜穆曇?br / 嘆息著誰又被傷了心卻還不清醒 br / …… 說你在離開我的時候是怎樣的心情 /td /tr /table 【 實訓步驟 】 實訓 2 HTML文檔基本操作 （ 7） 在信息主顯示頁 ， 應用表格標記 、 段落標記 、 換行標記 、 標題標記等顯示歌詞信息 。 【 實訓步驟 】 實訓 3 JavaScript語言基礎操作 （ 1） 熟練掌握 JavaScript常用的數(shù)據類型 。 （ 3） 熟悉三目運算符的應用 。 【 實訓內容 】 實訓 3 JavaScript語言基礎操作 （ 1） 打開 Dreamweaver， 在 “ 創(chuàng)建新項目 ” 列中選擇 “ HTML”。 （ 3） 在 body… /body標記間編寫如下代碼 ， 應用三目運算符編寫判斷指定年份是否為閏年的JavaScript代碼 。 var years = ()。 var years = 。amp。 = result。/td /tr /table /td /tr tr td height=37 colspan=2 align=center input name=txt_yearresult type=text value= size=51 /td /tr /table （ 4） 選擇 “ 文件 ” /“在瀏覽器中預覽 ” /“IExplore ”， 預覽網頁 ， 在文本框中輸入 4位數(shù)的年份 ，單擊 “ 計算 ” 按鈕 ， 判斷指定的年份是否為閏年 。 【 實訓目的 】 實訓 4 JavaScript基本語句的應用 編寫一個 JavaScript程序 ， 應用 JavaScript腳本中的 if語句和 for循環(huán)語句實現(xiàn)復選框的全選和反選 。 【 實訓內容 】 實訓 4 JavaScript基本語句的應用 （ 1） 打開 Dreamweaver， 在 “ 創(chuàng)建新項目 ” 列中選擇 “ HTML”。 （ 3） 在 head… /head標記間編寫 JavaScript腳本 。 script language=javascript function CheckAll(elementsA,elementsB)