Html語言入門(多媒體)

1、Html語言入門（多媒體）教學(xué)章節(jié)：1.1 html基本知識(shí)教學(xué)目的：、了解一些關(guān)于網(wǎng)頁的基礎(chǔ)知識(shí)、了解HTML語言，并掌握一個(gè)簡(jiǎn)單的HTML文件的寫法 3、掌握幾個(gè)常用HTML標(biāo)記教學(xué)重點(diǎn)：HTML語言標(biāo)記的掌握教學(xué)難點(diǎn)：HTML語言標(biāo)記的理解教學(xué)方法：講演法教學(xué)課時(shí)：1課時(shí)教學(xué)過程：復(fù)習(xí)：、（World Wide Web）萬維網(wǎng) 2、URL（全球統(tǒng)一資源定位器）也就是“網(wǎng)址”服務(wù)器瀏覽器 3、服務(wù)器、瀏覽器服務(wù)器瀏覽器新課： 1、Hypertext (超文本) 是一種可以指向其他文件的文字或圖片。這樣可以在網(wǎng)上鏈接千萬臺(tái)計(jì)算機(jī)，世界范圍內(nèi)的大量信息通過Hypertext（超文本）的方式相互

2、鏈接。 2、動(dòng)態(tài)網(wǎng)頁技術(shù) ASP、PHP、JSP 3、HTML HyperText Markup Language 超文本標(biāo)記語言HTML入門1、基本的格式是 內(nèi)容雙容器 單容器2、 一個(gè)簡(jiǎn)單的HTML文件網(wǎng)頁開始無標(biāo)題文檔網(wǎng)頁頭，放網(wǎng)頁標(biāo)題等網(wǎng)頁體，網(wǎng)頁的內(nèi)容都在這兒網(wǎng)頁結(jié)束3、擴(kuò)展名 html,htm4.html代碼的特點(diǎn)(1)網(wǎng)頁以開始，以結(jié)束，網(wǎng)頁由和（網(wǎng)頁頭和網(wǎng)頁體）兩部分組成，網(wǎng)頁中的內(nèi)容全部在網(wǎng)頁體中(2)網(wǎng)頁代碼中含有這樣的標(biāo)記，每個(gè)標(biāo)記代表一種含意，有些標(biāo)記中還有屬性值如(3)標(biāo)記一定要放在之間，許多標(biāo)記有對(duì)應(yīng)的結(jié)束標(biāo)記，應(yīng)成對(duì)使用，如.，也有個(gè)別單獨(dú)使用。(4)HTML源代

3、碼中的一個(gè)或多個(gè)半角空格，一個(gè)或多個(gè)換行在網(wǎng)頁顯示時(shí)只當(dāng)一個(gè)半角空格顯示5學(xué)習(xí)“網(wǎng)頁屬性”的設(shè)置，了解body標(biāo)記的屬性在“網(wǎng)頁屬性”中可以對(duì)整張網(wǎng)頁的效果進(jìn)行設(shè)置，對(duì)它的設(shè)置，在HTML文件中體現(xiàn)在BODY標(biāo)記的屬性中。打開“網(wǎng)頁屬性”設(shè)置的方法是：?jiǎn)螕舨藛巍靶薷木W(wǎng)頁屬性”。要求掌握以下屬性的含義：background（背景圖像）,bgcolor（背景）,text（文本）,link（鏈接）,leftmargin（左邊界）6顏色代碼為6位數(shù)XXXXXX，X為十六進(jìn)制數(shù)即0-9，A-F(不分大小寫)。顏色由“紅、綠、藍(lán)”三原色調(diào)合而成，每2位數(shù)代表一種顏色的濃度，00代表顏色濃度最小，F(xiàn)F代表顏

4、色濃度最大。三種顏色的順序?yàn)榧t、綠、藍(lán)。理解幾種常用的顏色代碼：ff0000代表純紅、00ff00代表純綠、0000ff代表純藍(lán)、000000代表純黑、ffffff代表純白、ffff00代表黃色。考考你： 00ffff代表什么顏色？f0f0f0代表什么顏色？101010代表什么顏色？顏色代碼的表示形式：#ff0000ff0000red雙引號(hào)可以換成單引號(hào)或不加引號(hào)，小寫字母可以改成大字字母7常用的HTML標(biāo)記及屬性(1)網(wǎng)頁開始與結(jié)束：(2)網(wǎng)頁頭：.(3)網(wǎng)頁標(biāo)題(位于網(wǎng)頁頭)：.(4)網(wǎng)頁體：.(5)段落：. 左對(duì)齊：. 居中對(duì)齊：. 右對(duì)齊：. 默認(rèn)為左對(duì)齊(6)換行：（單獨(dú)使用）(7)

5、水平線：（單獨(dú)使用）(8)標(biāo)題：（n1到6，h1標(biāo)記的字體最大，h6最?。?9)字體：.(10)圖像：（單獨(dú)使用）（11）表格table trtd單元格內(nèi)容/td/tr trtd單元格內(nèi)容/td/tr /table跨行屬性rowspan TD ROWSPAN=單元格跨的行數(shù)跨列屬性colspan TD ROWSPAN=單元格跨的列數(shù)（12）段落標(biāo)記 P/P 轉(zhuǎn)行標(biāo)記 BH/BH其它如：項(xiàng)目列表、編號(hào)列表、僅對(duì)該文檔的CSS樣式等HTML語法，請(qǐng)自行查看，暫不要求熟記。8用HTML的眼光看DW軟件，它的功能是什么？就是把用戶設(shè)計(jì)的網(wǎng)頁轉(zhuǎn)換成HTML文件。所以我們通過屬性面板用鼠標(biāo)對(duì)網(wǎng)頁的設(shè)置與在

6、源代碼視圖方式下直接改代碼的效果是完成相同的。其實(shí)，早在DW軟件誕生之前，就有高手在設(shè)計(jì)網(wǎng)頁了，他們用什么軟件，記事本呀，高手啊！9、讓我們也來做一回高手課堂練習(xí)：閱讀以下代碼，想一想，網(wǎng)頁的顯示效果是怎么樣的？再在記事本中輸入以下代碼，完成后以“1.htm”保存。（注意保存時(shí)選“所有文件”，文件擴(kuò)展名為“.htm”）我的個(gè)人主頁我愛網(wǎng)頁設(shè)計(jì)我是05電腦專業(yè)的一名學(xué)生9、DW能做出所有HTML語法支持的效果嗎？HTML標(biāo)準(zhǔn)由國(guó)際組織W3C負(fù)責(zé)制訂，現(xiàn)在的版本已經(jīng)是HTML4.0了，詳細(xì)文檔可以看/，DW支持HTML4標(biāo)準(zhǔn)，但做為超級(jí)軟件霸主微軟公司常常會(huì)自定義一些標(biāo)準(zhǔn)，最典型的就是滾動(dòng)字幕功能

7、，標(biāo)準(zhǔn)的HTML語法并不直接支持滾動(dòng)字幕。所以DW軟件中也不能直接插入滾動(dòng)字幕，但我們可以直接在DW的代碼視圖方式下直接插入IE所支持的滾動(dòng)字幕代碼。這樣雖然在DW中看不到滾動(dòng)效果，但用IE瀏覽網(wǎng)頁時(shí)，還是能看到滾動(dòng)效果的（當(dāng)然如果你使用的不是IE瀏覽器，而是Nescape,Mozilla等，就不一定能看到滾動(dòng)效果了）。滾動(dòng)字幕的代碼是：需要滾動(dòng)的文字詳細(xì)的滾動(dòng)字幕的HTML語法，請(qǐng)?jiān)囉梦④浌镜木W(wǎng)頁制作軟件FrontPage補(bǔ)充知識(shí)：如何到Internet上找HTML教程？21世紀(jì)的人才不是說要記得多少知識(shí)，而在于當(dāng)需要知識(shí)時(shí)，能迅速找到知識(shí)，以前說“教師一瓶水，才能教會(huì)學(xué)生半瓶水”，現(xiàn)在按

8、我校計(jì)算機(jī)特級(jí)教師張德新教師的話說是“教師首先要自已接上自來水，再去幫助學(xué)生也接上自來水”。教會(huì)同學(xué)們自動(dòng)到Internet上找資料，就是幫學(xué)生接上自來水。到Internet上找資料，一靠的是經(jīng)驗(yàn)，如果同學(xué)們平時(shí)經(jīng)常上網(wǎng)，就會(huì)記住一些比較好的資源網(wǎng)站或教學(xué)網(wǎng)站，以后需要時(shí)可以去這些網(wǎng)站看看，我推薦同學(xué)可以看看以下網(wǎng)站/二靠搜索引擎的幫忙，現(xiàn)在世界上的網(wǎng)站已經(jīng)突破50億張，如何在茫茫網(wǎng)海中迅速找到需要的信息，離不開搜索引擎，以下是現(xiàn)在比較有名的搜索引擎，推薦同學(xué)們使用/課堂練習(xí)：1、看html代碼，畫出網(wǎng)頁。 這是測(cè)試文件 這是我制作的第一個(gè)網(wǎng)頁 看來還有很多東東要學(xué)噢！ 返回主頁2、再根據(jù)要求讓學(xué)生寫出一張網(wǎng)頁的HTML代碼。標(biāo)題為：my page歡迎進(jìn)入我的個(gè)人網(wǎng)站歡迎進(jìn)入我的個(gè)人網(wǎng)站進(jìn)入網(wǎng)站 my page 歡迎進(jìn)入我的個(gè)人網(wǎng)站 進(jìn)入網(wǎng)站課后習(xí)題：、寫出10種常用的HTML標(biāo)記及屬性、寫出以下屬性的含義：back