Html語言入門(多媒體)

1、.：.；Html言語入門多媒體教學(xué)章節(jié)： 1.1 html根本知識教學(xué)目的： 、了解一些關(guān)于網(wǎng)頁的根底知識、了解HTML言語，并掌握一個(gè)簡單的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全球一致資源定位器也就是“網(wǎng)址效力器閱讀器 3、效力器、閱讀器新課： 1、Hypertext (超文本) 是一種可以指向其他文件的文字或圖片。這樣可以在網(wǎng)上鏈接千萬臺(tái)計(jì)算機(jī)，世界范圍內(nèi)的大量信息經(jīng)過Hypertext超文本的方式相互鏈接。 2、動(dòng)

2、態(tài)網(wǎng)頁技術(shù) ASP、PHP、JSP 3、HTML HyperText Markup Language 超文本標(biāo)志言語HTML入門1、根本的格式是 內(nèi)容雙容器 單容器2、 一個(gè)簡單的HTML文件網(wǎng)頁開場無標(biāo)題文檔網(wǎng)頁頭，放網(wǎng)頁標(biāo)題等網(wǎng)頁體，網(wǎng)頁的內(nèi)容都在這兒網(wǎng)頁終了3、擴(kuò)展名 html,htm4.html代碼的特點(diǎn)(1)網(wǎng)頁以開場，以終了，網(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)志有對應(yīng)的終了標(biāo)志，應(yīng)成對運(yùn)用，如.，也有個(gè)別單獨(dú)運(yùn)用。(4)HTML源代碼中的一個(gè)或多個(gè)半

3、角空格，一個(gè)或多個(gè)換行在網(wǎng)頁顯示時(shí)只當(dāng)一個(gè)半角空格顯示5學(xué)習(xí)“網(wǎng)頁屬性的設(shè)置，了解body標(biāo)志的屬性在“網(wǎng)頁屬性中可以對整張網(wǎng)頁的效果進(jìn)展設(shè)置，對它的設(shè)置，在HTML文件中表達(dá)在BODY標(biāo)志的屬性中。翻開“網(wǎng)頁屬性設(shè)置的方法是：單擊菜單“修正網(wǎng)頁屬性。要求掌握以下屬性的含義：background背景圖像,bgcolor背景,text文本,link鏈接,leftmargin左邊境6顏色代碼為6位數(shù)XXXXXX，X為十六進(jìn)制數(shù)即0-9，A-F(不分大小寫)。顏色由“紅、綠、藍(lán)三原顏色合而成，每2位數(shù)代表一種顏色的濃度，00代表顏色濃度最小，F(xiàn)F代表顏色濃度最大。三種顏色的順序?yàn)榧t、綠、藍(lán)。了解幾種

4、常用的顏色代碼：ff0000代表純紅、00ff00代表純綠、0000ff代表純藍(lán)、000000代表純黑、ffffff代表純白、ffff00代表黃色?？伎妓?00ffff代表什么顏色？f0f0f0代表什么顏色？101010代表什么顏色？顏色代碼的表示方式：#ff0000ff0000red雙引號可以換成單引號或不加引號，小寫字母可以改成大字字母7常用的HTML標(biāo)志及屬性(1)網(wǎng)頁開場與終了：(2)網(wǎng)頁頭：.(3)網(wǎng)頁標(biāo)題(位于網(wǎng)頁頭)：.(4)網(wǎng)頁體：.(5)段落：. 左對齊：. 居中對齊：. 右對齊：. 默以為左對齊(6)換行：單獨(dú)運(yùn)用(7)程度線：單獨(dú)運(yùn)用(8)標(biāo)題：n1到6，h1標(biāo)志的字體

5、最大，h6最小(9)字體：.(10)圖像：單獨(dú)運(yùn)用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其它如：工程列表、編號列表、僅對該文檔的CSS款式等HTML語法，請自行查看，暫不要求熟記。8用HTML的目光看DW軟件，它的功能是什么？就是把用戶設(shè)計(jì)的網(wǎng)頁轉(zhuǎn)換成HTML文件。所以我們經(jīng)過屬性面板用鼠標(biāo)對網(wǎng)頁的設(shè)置與在源代碼視圖方式下直接改代碼的效果是完成一樣的。其實(shí)，早在DW軟件誕生之前

6、，就有高手在設(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規(guī)范由國際組織W3C擔(dān)任制定，如今的版本曾經(jīng)是HTML4.0了，詳細(xì)文檔可以看/，DW支持HTML4規(guī)范，但做為超級軟件霸主微軟公司經(jīng)常會(huì)自定義一些規(guī)范，最典型的就是滾動(dòng)字幕功能，規(guī)范的HTML語法并不直接支持滾動(dòng)字幕。所以DW軟件中也不能直接插入滾動(dòng)字幕，但

7、我們可以直接在DW的代碼視圖方式下直接插入IE所支持的滾動(dòng)字幕代碼。這樣雖然在DW中看不到滾動(dòng)效果，但用IE閱讀網(wǎng)頁時(shí)，還是能看到滾動(dòng)效果的當(dāng)然假設(shè)他運(yùn)用的不是IE閱讀器，而是Nescape,Mozilla等，就不一定能看到滾動(dòng)效果了。滾動(dòng)字幕的代碼是：需求滾動(dòng)的文字詳細(xì)的滾動(dòng)字幕的HTML語法，請?jiān)囉梦④浌镜木W(wǎng)頁制造軟件FrontPage補(bǔ)充知識：如何到Internet上找HTML教程？21世紀(jì)的人才不是說要記得多少知識，而在于當(dāng)需求知識時(shí)，能迅速找到知識，以前說“教師一瓶水，才干教會(huì)學(xué)生半瓶水，如今按我校計(jì)算機(jī)特級教師張德新教師的話說是“教師首先要自已接上自來水，再去協(xié)助 學(xué)生也接上自來

8、水。教會(huì)同窗們自動(dòng)到Internet上找資料，就是幫學(xué)生接上自來水。到Internet上找資料，一靠的是閱歷，假好像學(xué)們平經(jīng)常常上網(wǎng)，就會(huì)記住一些比較好的資源網(wǎng)站或教學(xué)網(wǎng)站，以后需求時(shí)可以去這些網(wǎng)站看看，我引薦同窗可以看看以下網(wǎng)站blueidea/5d/homepage.yesky/二靠搜索引擎的協(xié)助 ，如今世界上的網(wǎng)站曾經(jīng)突破50億張，如何在茫茫網(wǎng)海中迅速找到需求的信息，離不開搜索引擎，以下是如今比較有名的搜索引擎，引薦同窗們運(yùn)用google/baidu/yisou/cn.yahoo/課堂練習(xí)：1、看html代碼，畫出網(wǎng)頁。 這是測試文件 這是我制造的第一個(gè)網(wǎng)頁 看來還有很多東東要學(xué)噢！ 前往主頁2、再根據(jù)要求讓學(xué)生寫出一張網(wǎng)頁的HTML代碼。標(biāo)題為：my page歡迎進(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