nlp網(wǎng)站舉例HTML零基礎(chǔ)入門-HTML學(xué)習(xí)大綱.doc

一、課程目標(biāo)l 掌握HTML語(yǔ)言，能夠直接編寫網(wǎng)頁(yè)程序；l 學(xué)會(huì)使用層疊樣式表技術(shù)；l 了解最常用的客戶端腳本語(yǔ)言JAVASCRIPT，能夠編寫客戶端的常用腳本程序；l 學(xué)會(huì)使用Dreamweaver開發(fā)網(wǎng)頁(yè)程序。二、課程對(duì)象l HTML學(xué)員l Seo基礎(chǔ)優(yōu)化師三、課程所需的預(yù)備課程l 計(jì)算機(jī)基礎(chǔ)l 軟件技術(shù)基礎(chǔ)l 程序設(shè)計(jì)基礎(chǔ)：C語(yǔ)言實(shí)現(xiàn)l VB可視化編程四、課程學(xué)時(shí)理論課 (No. of Hrs)上機(jī)課(No. of Hrs)在線培訓(xùn)(No. of Hrs)指導(dǎo)學(xué)習(xí)(No. of Hrs)總學(xué)時(shí)(No. of Hrs)20202244五、課程地位預(yù)備課程：計(jì)算機(jī)基礎(chǔ)程序設(shè)計(jì)基礎(chǔ)：C語(yǔ)言實(shí)現(xiàn)VB可視化編程關(guān)系型數(shù)據(jù)庫(kù)及SQL語(yǔ)言軟件技術(shù)基礎(chǔ)網(wǎng)頁(yè)編程第一學(xué)期課程軟件測(cè)試與質(zhì)量保證SQL SERVER數(shù)據(jù)庫(kù)設(shè)計(jì)和實(shí)現(xiàn)VB高級(jí)編程面向?qū)ο蠡A(chǔ)：C+實(shí)現(xiàn)ASP網(wǎng)絡(luò)編程Java編程基礎(chǔ)第二學(xué)期課程Oracle數(shù)據(jù)庫(kù)設(shè)計(jì)與實(shí)現(xiàn)XML基礎(chǔ)J2EE實(shí)現(xiàn)企業(yè)級(jí)應(yīng)用開發(fā)面向?qū)ο蟮姆治雠c設(shè)計(jì)SPMWinForm 開發(fā)軟件項(xiàng)目管理.NET平臺(tái)及C編程ASP.NET編程第二學(xué)年課程軟件工程和管理程序設(shè)計(jì)和語(yǔ)言數(shù)據(jù)庫(kù)技術(shù)六、課程內(nèi)容組織結(jié)構(gòu)DHTMLHTML介紹HTML基本的HTML標(biāo)記創(chuàng)建表格及添加層和多媒體創(chuàng)建表單和框架文件編寫動(dòng)態(tài)的網(wǎng)頁(yè)層疊樣式表技術(shù)JavaScript基礎(chǔ)內(nèi)置核心對(duì)象表單和表單元素對(duì)象使用Dreamweaver編寫網(wǎng)頁(yè)瀏覽器對(duì)象七、課程各章內(nèi)容、重點(diǎn)、組織結(jié)構(gòu)及授課要求理論部分,共20學(xué)時(shí)第一章簡(jiǎn)介和超鏈接內(nèi)容概述本章主要介紹了網(wǎng)絡(luò)和HTML的基礎(chǔ)知識(shí)，HTML的基本的文檔結(jié)構(gòu)， 標(biāo)記及屬性，在HTML中如何表示一些特殊字屬，以及如何鏈接頁(yè)面。本章目標(biāo) 介紹網(wǎng)絡(luò)、HTML的一些基礎(chǔ)知識(shí)，使學(xué)員明白網(wǎng)絡(luò)上的信息是如何產(chǎn)生、如何被訪問(wèn)的 會(huì)寫一個(gè)最簡(jiǎn)單的網(wǎng)頁(yè) 能夠通過(guò)鏈接把頁(yè)面鏈接起來(lái) 通過(guò)介紹標(biāo)記及屬性，可以完成一些如網(wǎng)頁(yè)過(guò)渡，網(wǎng)頁(yè)的自動(dòng)跳轉(zhuǎn)等功能 在HTML中如何表示一些特殊的字符重點(diǎn)和難點(diǎn)重點(diǎn)：HTML文檔結(jié)構(gòu)；標(biāo)記和常用到的屬性；介紹URL；在HTML頁(yè)面間創(chuàng)建鏈接。難點(diǎn)：標(biāo)記中一些屬性的設(shè)置；相對(duì)URL和絕對(duì)URL的區(qū)別，如何使用；及在網(wǎng)頁(yè)間創(chuàng)建鏈接。內(nèi)容組織結(jié)構(gòu)1.1 互聯(lián)網(wǎng)簡(jiǎn)介WWW是通過(guò)HTTP協(xié)議、地址（URL）和超文本語(yǔ)言（HTML）實(shí)現(xiàn)資源共享的。1.2 HTML簡(jiǎn)介介紹了網(wǎng)頁(yè)瀏覽器，網(wǎng)頁(yè)編輯器，HTML語(yǔ)言及HTML文檔的基本結(jié)構(gòu)（在這里講到了兩個(gè)簡(jiǎn)單的網(wǎng)頁(yè)標(biāo)記、和對(duì)齊屬性）。還介紹了標(biāo)記及如何在HTML文檔中使用特殊字符。例如：如果不做SEO，永遠(yuǎn)不明白，strongnlp網(wǎng)站中間，加標(biāo)記與不加的區(qū)別！1.3 使用超鏈接URL的概念及URL的分類（絕對(duì)URL和相對(duì)URL），介紹了什么是超鏈接，如何在HTML文檔中創(chuàng)建超鏈接，及網(wǎng)站上的幾種導(dǎo)航方案。Eg:做NLP網(wǎng)站的都知道，nlp網(wǎng)站表示在源碼中寫入一個(gè)超文本鏈接，后面會(huì)生成一個(gè)有鏈接的文本！課后練習(xí)第二章基本標(biāo)記內(nèi)容概述本章主要介紹了HTML中基本的一些標(biāo)記：包括文本的顯示，文本的格式化，及圖片標(biāo)記。本章目標(biāo)l 學(xué)會(huì)HTML中基本的標(biāo)記和屬性l 在HTML中插入圖片，熟悉圖片標(biāo)記及相關(guān)的屬性重點(diǎn)和難點(diǎn)重點(diǎn)：HTML中最基本最常用的標(biāo)記，如字體的設(shè)置，字符級(jí)的一些格式，列表清單，及圖片標(biāo)記。難點(diǎn)：正確使用HTML標(biāo)記。內(nèi)容組織結(jié)構(gòu)2.1 標(biāo)題標(biāo)題標(biāo)記用于顯示網(wǎng)頁(yè)上的標(biāo)題。2.2 段落級(jí)標(biāo)記介紹三種段落級(jí)標(biāo)記：、 和 。2.3 塊標(biāo)記塊標(biāo)記DIV 和 SPAN 標(biāo)記用于組織內(nèi)容。DIV 標(biāo)記用于將文檔分割為相關(guān)的部分，可以跨多個(gè)段落。SPAN 標(biāo)記用于字符跨度，不能跨段落，只能跨越段落內(nèi)的字符。2.4 常用的字符級(jí)標(biāo)記2.5 列表列表用于從邏輯上組織數(shù)據(jù)。可以插入到 HTML 文檔中的列表類型有：無(wú)序列表、有序列表和定義列表，并介紹如何使用這些列表。2.6 使用水平標(biāo)尺標(biāo)記：2.7 使用字體2.8 使用顏色2.9 在 HTML 文檔中使用圖像介紹Web上常用的圖像格式：GIF圖像、JPEG圖像和PNG格式的圖像，及各自的特點(diǎn)。還介紹了如何在網(wǎng)頁(yè)上插入圖像。課后練習(xí)第三章使用表和層內(nèi)容概述本章主要介紹了在HTML中創(chuàng)建表格，修改表格的格式，熟練掌握表格相關(guān)的標(biāo)記和屬性。及在網(wǎng)頁(yè)上添加層，添加多媒體，包括音頻、視頻文件。本章目標(biāo)l 在HTML中創(chuàng)建表格，熟悉表格中相關(guān)的屬性l 能夠熟練地修改表格的格式l 在網(wǎng)頁(yè)上添加層l 在網(wǎng)頁(yè)上添加多媒體重點(diǎn)和難點(diǎn)重點(diǎn)：創(chuàng)建表格，并熟悉表格相關(guān)的屬性；及在網(wǎng)頁(yè)上添加層。難點(diǎn)：在網(wǎng)頁(yè)上正確地使用各種表單。內(nèi)容組織結(jié)構(gòu)3.1 創(chuàng)建表介紹表格的相關(guān)標(biāo)記，創(chuàng)建表格，在表格中插入行或列，刪除行或列，合并單元格，及設(shè)置表格和單元格的格式。3.2層介紹層的概念及如何在網(wǎng)頁(yè)中創(chuàng)建和使用層。3.3在HTML文檔中插入多媒體在 HTML 文檔中插入 GIF 動(dòng)畫文件、聲音、視頻和Java Applet。課后練習(xí)第四章使用表單和框架內(nèi)容概述本章主要介紹了HTML中支持的各種表單的標(biāo)記和屬性的設(shè)置，包括單行文本框、文本區(qū)、下拉列表、按鍵、多選按鈕、單選按鈕；創(chuàng)建框架網(wǎng)頁(yè)文件，設(shè)置框架的格式，設(shè)置鏈接目標(biāo)，及如何創(chuàng)建浮動(dòng)幀。本章目標(biāo)l 熟練掌握插入各種表單，及對(duì)表單屬性的設(shè)置l 創(chuàng)建帶有框架的網(wǎng)頁(yè)重點(diǎn)和難點(diǎn)重點(diǎn)：在網(wǎng)頁(yè)中使用各種表單，及設(shè)置相關(guān)的屬性。難點(diǎn)：在網(wǎng)頁(yè)上正確地使用各種表單，設(shè)置框架網(wǎng)頁(yè)。內(nèi)容組織結(jié)構(gòu)4.1表單簡(jiǎn)介介紹表單的用途和如何使用。介紹表單的屬性和方法，各種表單元素的屬性和方法，及創(chuàng)建表單。4.2框架介紹框架的用途和框架的使用，相關(guān)的標(biāo)記，以及創(chuàng)建浮動(dòng)幀。課后練習(xí)第五章使用Dreamweaver 內(nèi)容概述本章主要介紹了當(dāng)前最常用的網(wǎng)頁(yè)設(shè)計(jì)和編寫工具Dreamweaver，還介紹了如何使用Dreamweaver編寫網(wǎng)頁(yè)。本章目標(biāo)l 最常用的可見(jiàn)即所得的網(wǎng)頁(yè)設(shè)計(jì)和編寫工具Dreamweaver的使用重點(diǎn)和難點(diǎn)重點(diǎn)：使用Dreamweaver編寫網(wǎng)頁(yè)。難點(diǎn)：使用Dreamweaver。內(nèi)容組織結(jié)構(gòu)5.1簡(jiǎn)介 5.2 Dreamweaver工作區(qū)簡(jiǎn)介5.3 使用Dreamweaver中的不同視圖和組件介紹代碼視圖和設(shè)計(jì)視圖，及不同的組件（狀態(tài)欄、啟動(dòng)欄、工具條、上下文菜單和屬性檢查器）。5.4 設(shè)置參數(shù)選擇。5.5 創(chuàng)建 HTML 文檔、添加文本、設(shè)置文本格式、添加超鏈接5.6 使用表格使用Dreamweaver在網(wǎng)頁(yè)中創(chuàng)建表格，向表格中添加內(nèi)容，及介紹表格的嵌套。5.7 使用層使用Dreamweaver在網(wǎng)頁(yè)中創(chuàng)建層，管理層。5.8 插入圖像使用Dreamweaver在網(wǎng)頁(yè)中插入圖片及創(chuàng)建圖形映射。5.9 使用框架使用Dreamweaver創(chuàng)建框架網(wǎng)頁(yè)文件。5.10 表單使用Dreamweaver在網(wǎng)頁(yè)中創(chuàng)建表單。5.11 使用多媒體使用Dreamweaver在網(wǎng)頁(yè)中插入Flash，添加聲音和影片，及使用JAVA APPLET插件。課后練習(xí)第六章樣式表內(nèi)容概述本章主要介紹了DHTML技術(shù)，以及DHTML技術(shù)中的層疊樣式表的技術(shù)，還介紹了如何在網(wǎng)頁(yè)中實(shí)現(xiàn)層疊樣式表技術(shù)。本章目標(biāo)l 了解什么是DHTMLl 掌握層疊樣式表技術(shù)重點(diǎn)和難點(diǎn)重點(diǎn)：層疊樣式表。難點(diǎn)：使用層疊樣式表。內(nèi)容組織結(jié)構(gòu)6.1 DHTMLDHTML技術(shù)就是通過(guò)多種方法使文檔具有動(dòng)態(tài)性，如樣式表技術(shù)、使用JavaScript編寫腳本等。還介紹了DHTML的功能。6.2樣式表樣式表是DHTML中的一種技術(shù)，用于向網(wǎng)頁(yè)中添加樣式（如字體、顏色、間距等）的技術(shù)。介紹樣式表的用途和特點(diǎn)。樣式表由樣式規(guī)則組成，這些規(guī)則規(guī)定瀏覽器如何顯示文檔。在網(wǎng)頁(yè)中創(chuàng)建和使用樣式表，及在樣式中設(shè)置樣式屬性。課后練習(xí)第七章JavaScript的語(yǔ)法基礎(chǔ)內(nèi)容概述本章主要介紹了JavaScript語(yǔ)言的一些基礎(chǔ)知識(shí)，包括變量、數(shù)據(jù)類型、操作符、表達(dá)式、數(shù)組、條件循環(huán)語(yǔ)句和函數(shù)。本章目標(biāo)l 了解什么是JavaScript語(yǔ)言l 掌握J(rèn)avaScript的基本語(yǔ)法基礎(chǔ)重點(diǎn)和難點(diǎn)重點(diǎn)：JavaScript的變量、數(shù)據(jù)類型、操作符、表達(dá)式、數(shù)組、條件循環(huán)語(yǔ)句和函數(shù)。難點(diǎn)：JavaScript的數(shù)組、表達(dá)式和函數(shù)。內(nèi)容組織結(jié)構(gòu)7.1 JavaScript簡(jiǎn)介JavaScript 是一種腳本語(yǔ)言，可用來(lái)創(chuàng)建客戶端腳本和服務(wù)器端腳本, 可以使網(wǎng)頁(yè)更動(dòng)態(tài)性和交互性。JavaScript的運(yùn)行環(huán)境，及一些編寫代碼的規(guī)則。介紹如何將JavaScript腳本作為客戶端的腳本語(yǔ)言嵌入到網(wǎng)頁(yè)文件中。編寫一個(gè)最簡(jiǎn)單的包含JavaScript腳本的網(wǎng)頁(yè)程序。7.2 變量聲明變量，及變量的作用域7.3 數(shù)據(jù)類型JavaScript中的基本類型屬于弱類型，因此一個(gè)數(shù)據(jù)的變量或常量不必首先聲明，而是在使用或賦值時(shí)確定其數(shù)據(jù)的類型的。當(dāng)然也可以通過(guò)聲明時(shí)進(jìn)行賦值，來(lái)確定數(shù)據(jù)類型。介紹了JavaScript中的四種基本數(shù)據(jù)類型，及如何進(jìn)行類型轉(zhuǎn)換的。7.4 運(yùn)算符介紹算術(shù)運(yùn)算符、比較運(yùn)算符、邏輯運(yùn)算符、字符串運(yùn)算符和求值運(yùn)算符。7.5 表達(dá)式7.6 數(shù)組創(chuàng)建和使用數(shù)組介紹數(shù)組的屬性和方法7.7 條件語(yǔ)句if語(yǔ)句和switch語(yǔ)句7.8 循環(huán)語(yǔ)句for循環(huán)的使用，while循環(huán)的使用, do while循環(huán)的使用, continue語(yǔ)句和break語(yǔ)句的使用。7.9 函數(shù)JavaScript具有一些預(yù)定義函數(shù)。創(chuàng)建和調(diào)用自定義函數(shù)。課后練習(xí)第八章JavaScript核心語(yǔ)言對(duì)象內(nèi)容概述本章主要介紹了JavaScript的內(nèi)置核心對(duì)象和屬性。本章目標(biāo)l 掌握常用到的JavaScript內(nèi)置的對(duì)象，及對(duì)象中常用的屬性和方法重點(diǎn)和難點(diǎn)重點(diǎn)：對(duì)象操作語(yǔ)句及常用的內(nèi)置對(duì)象及相關(guān)的屬性和方法。難點(diǎn)：內(nèi)置核心對(duì)象及相關(guān)的屬性和方法。內(nèi)容組織結(jié)構(gòu)8.1 JavaScript對(duì)象可以將對(duì)象定義為綜合數(shù)據(jù)“包”。對(duì)象中包含定義其自身的屬性（變量）及處理數(shù)據(jù)的方法（函數(shù)）。8.2 對(duì)象層次結(jié)構(gòu)要根據(jù)層次結(jié)構(gòu)來(lái)訪問(wèn)對(duì)象。介紹對(duì)象操作語(yǔ)句：this語(yǔ)句、forin語(yǔ)句、with語(yǔ)句、new語(yǔ)句的使用。8.3 eval語(yǔ)句8.4 字符串對(duì)象字符串對(duì)象用于操縱及使用字符串。創(chuàng)建字符串。介紹字符串對(duì)象的常用屬性和方法。8.5 Math對(duì)象Math 對(duì)象的屬性和方法用于進(jìn)行高級(jí)算術(shù)運(yùn)算。介紹Math對(duì)象的常用屬性和方法。8.6 Date對(duì)象Date對(duì)象包含日期和時(shí)間信息,通過(guò)使用相關(guān)的方法用來(lái)設(shè)置、獲取及操縱日期。創(chuàng)建Date對(duì)象。介紹Date對(duì)象的常用方法。課后練習(xí)第九章JavaScript中的瀏覽器對(duì)象內(nèi)容概述本章主要介紹了JavaScript支持的主要事件，如onClick、onChange、onFocus、 onMouseOver、onMouseOut、onLoad、onSubmit、onMouseDown和onMouseUp，以及對(duì)事件的處理；及常用的瀏覽器對(duì)象和屬性。本章目標(biāo)l 掌握J(rèn)avaScript中常用到的事件l 掌握常用的瀏覽器對(duì)象，及對(duì)象中常用的屬性和方法重點(diǎn)和難點(diǎn)重點(diǎn)：常用的瀏覽器對(duì)象及相關(guān)的屬性和方法。難點(diǎn)：常用的瀏覽器對(duì)象及相關(guān)的屬性和方法。內(nèi)容組織結(jié)構(gòu)9.1事件（Event） 對(duì)象 - 概念JavaScript 程序是典型的事件驅(qū)動(dòng)程序。事件是在網(wǎng)頁(yè)上進(jìn)行的操作。事件可能是由用戶生成的，也可能是由系統(tǒng)生成的。9.2 JavaScript事件介紹一些通用事件：onClick、onChange、onFocus、onBlur、onMouseOver、onMouseOut、onLoad、onSubmit、onMouseDown、onMouseUp、onResize。9.3處理事件用戶可以指定在生成某個(gè)事件時(shí)要執(zhí)行的響應(yīng)該事件的 JavaScript 代碼。這段代碼稱為事件處理程序。 編寫事件處理程序。9.4通用瀏覽器對(duì)象文檔對(duì)象模型（DOM）采取一種非常直觀且一致的方式將HTML文檔進(jìn)行模型化處理，并借此提供訪問(wèn)、導(dǎo)航和操作頁(yè)面的簡(jiǎn)易編程接口。通過(guò)DOM技術(shù)，我們不僅能夠訪問(wèn)和更新頁(yè)面的內(nèi)容及結(jié)構(gòu)，而且還能操縱文檔的風(fēng)格樣式。DOM由W3C組織所倡導(dǎo)，這樣，大多數(shù)瀏覽器都將最終支持這項(xiàng)技術(shù)。介紹window對(duì)象、document對(duì)象、history對(duì)象和location對(duì)象的常用的屬性和方法，并給出一些常用的示例。課后練習(xí)第十章處理表單和表單元素事件內(nèi)容概述本章主要介紹了表單和表單元素對(duì)象及相關(guān)的屬性和方法，及對(duì)form對(duì)象的事件處理，主要介紹關(guān)于表單驗(yàn)證事件。本章目標(biāo)l 掌握表單和表單元素對(duì)象，及常用的屬性和方法l 熟悉對(duì)form對(duì)象的事件處理重點(diǎn)和難點(diǎn)重點(diǎn)：表單和表單元素對(duì)象及常用的屬性和方法；對(duì)form的事件處理。難點(diǎn)：關(guān)于對(duì)form中的表單元素進(jìn)行驗(yàn)證。內(nèi)容組織結(jié)構(gòu)10.1 表單對(duì)象介紹表單對(duì)象的屬性和方法。10.2 文本域?qū)ξ谋居驅(qū)ο蟮氖录幚怼?0.3 命令按鈕對(duì)象對(duì)命令按鈕對(duì)象的事件處理。10.4 復(fù)選框?qū)ο髮?duì)復(fù)選框?qū)ο蟮氖录幚怼?0.5 選項(xiàng)按鈕/單選按鈕 (Radio) 對(duì)象對(duì)選項(xiàng)按鈕/單選按鈕對(duì)象的事件處理。10.6 組合框 (ComboBox)/列表框 (Select) 對(duì)象對(duì)組合框/列表框?qū)ο蟮氖录幚怼?0.7 表單有效性驗(yàn)證表單提交到服務(wù)器前要進(jìn)行表單驗(yàn)證。進(jìn)行表單驗(yàn)證時(shí)，開發(fā)人員經(jīng)常要對(duì)用戶輸入的值進(jìn)行驗(yàn)證，保證重要的域都不為空且不含無(wú)效信息。課后練習(xí)上機(jī)部分，共20學(xué)時(shí) 第一階段簡(jiǎn)介和超鏈接階段時(shí)間安排第一階段在前1.5個(gè)小時(shí)完成；第二階段在后0.5個(gè)小時(shí)完成。階段目標(biāo)l 能夠編寫一個(gè)最簡(jiǎn)單的HTML頁(yè)面l 能夠在頁(yè)面之間建立鏈接l 學(xué)會(huì)使用標(biāo)記l 了解一些常用的特殊字符該如何在HTML中表示出來(lái)知識(shí)點(diǎn)l HTML的標(biāo)記和文檔結(jié)構(gòu)l HTML中的標(biāo)記l HTML中常用的一些特殊字符的表示l 在頁(yè)面之間創(chuàng)建鏈接重點(diǎn)和難點(diǎn)重點(diǎn)：建立簡(jiǎn)單的HTML文件；建立網(wǎng)頁(yè)間的鏈接關(guān)系；使用標(biāo)記。難點(diǎn)：建立頁(yè)面之間的鏈接關(guān)系；使用標(biāo)記和設(shè)置相關(guān)的屬性。內(nèi)容安排第一部分：指導(dǎo) 1.5小時(shí)1. 編寫一個(gè)HTML頁(yè)面，創(chuàng)建到另一個(gè)頁(yè)面的鏈接2. 編寫一個(gè)HTML頁(yè)面，創(chuàng)建到當(dāng)前頁(yè)面某一個(gè)位置的鏈接3. 在HTML頁(yè)面中，使用特殊字符4. 使用標(biāo)記中的Refresh屬性第二部分：練習(xí) 0.5小時(shí)1. 編寫基本的HTML網(wǎng)頁(yè)，并創(chuàng)建鏈接關(guān)系2. 在HTML頁(yè)面上創(chuàng)建鏈接，鏈接到一個(gè)Email地址上。第三部分：作業(yè)1. 熟悉如何創(chuàng)建鏈接2. 熟悉在HTML頁(yè)面中使用特殊字符注意事項(xiàng)使用工具寫字板等文本編輯工具編寫HTML頁(yè)面。對(duì)于第二部分“練習(xí)”部分，會(huì)提供關(guān)鍵源代碼部分的提示。第二階段在HTML文檔中使用基本標(biāo)記階段時(shí)間安排第一階段在前1.5個(gè)小時(shí)完成；第二階段在后0.5個(gè)小時(shí)完成。階段目標(biāo)l 學(xué)員能夠編寫出一個(gè)有一定f樣式的HTML頁(yè)面，會(huì)建立清單列表，設(shè)置字符級(jí)格式和段落級(jí)格式，建立水平標(biāo)尺等功能l 會(huì)插入圖片，設(shè)置圖片的屬性知識(shí)點(diǎn)l 使用基本的HTML標(biāo)記l 插入圖片重點(diǎn)和難點(diǎn)重點(diǎn)：設(shè)置字符級(jí)格式和段落級(jí)格式，建立清單列表等，熟悉這些基本的常用的HTML標(biāo)記。插入圖片，并設(shè)置相關(guān)的屬性。難點(diǎn)：正確設(shè)置網(wǎng)頁(yè)格式。內(nèi)容安排第一部分：指導(dǎo) 1.5小時(shí)1. 在HTML中使用標(biāo)題標(biāo)記、段落級(jí)格式標(biāo)記。2. 編寫HTML頁(yè)面，使用段落級(jí)標(biāo)記，并設(shè)置字體屬性。3. 在HTML頁(yè)面中使用塊標(biāo)記。4. 使用水平標(biāo)尺標(biāo)記，并設(shè)置水平標(biāo)尺的屬性。5. 在HTML頁(yè)面中使用字符級(jí)標(biāo)記。6. 在HTML頁(yè)面中創(chuàng)建有序列表。7. 在HTML頁(yè)面中插入圖片。第二部分：練習(xí) 0.5小時(shí)1. 編寫一個(gè)頁(yè)面，并按要求設(shè)置字體。2. 在頁(yè)面中插入一個(gè)水平標(biāo)尺，并設(shè)置屬性。3. 設(shè)置一個(gè)頁(yè)面的前景色和背景色。4. 在頁(yè)面中插入圖片并設(shè)置屬性。第三部分：作業(yè)1. 熟練使用字符級(jí)格式標(biāo)記、標(biāo)題標(biāo)記。2. 設(shè)置字體和頁(yè)面中的顏色。3. 插入圖片，設(shè)置圖片的屬性，并為圖片創(chuàng)建鏈接。注意事項(xiàng)使用工具寫字板等文本編輯工具編寫HTML頁(yè)面。對(duì)于第二部分“練習(xí)”部分，會(huì)提供關(guān)鍵源代碼部分的提示。第三階段使用表格和層階段時(shí)間安排第一階段在前1.5個(gè)小時(shí)完成；第二階段在后0.5個(gè)小時(shí)完成。階段目標(biāo)l 會(huì)創(chuàng)建符合要求的表格，熟悉通過(guò)設(shè)置表格的屬性，改變表格的格式，改變行數(shù)和列數(shù)l 使用HTML標(biāo)記，在網(wǎng)頁(yè)中創(chuàng)建層。l 使用HTML標(biāo)記，在網(wǎng)頁(yè)中添加多媒體。知識(shí)點(diǎn)l 創(chuàng)建表格l 用HTML標(biāo)記創(chuàng)建層l 用HTML標(biāo)記添加多媒體重點(diǎn)和難點(diǎn)重點(diǎn)：創(chuàng)建表格，及如何修改表格的格式。難點(diǎn)：創(chuàng)建表格及修改表格的格式。內(nèi)容安排第一部分：指導(dǎo) 1.5小時(shí)1. 在HTML文件中創(chuàng)建一個(gè)最簡(jiǎn)單的表格，并在表格里添加內(nèi)容2. 創(chuàng)建一個(gè)表格，合并單元格。3. 使用HTML標(biāo)記，在HTML中創(chuàng)建層，設(shè)置層的屬性。4. 在層上放置文字，圖片。5. 將聲音加入到網(wǎng)頁(yè)上，為網(wǎng)頁(yè)設(shè)置背景音樂(lè)。6. 將影像加入到網(wǎng)頁(yè)上。7. 在網(wǎng)頁(yè)上添加JAVA APPLET。第二部分：練習(xí) 0.5小時(shí)1. 創(chuàng)建一個(gè)表格，并按照要求設(shè)置表格的屬性。2. 在網(wǎng)頁(yè)中使用層。第三部分：作業(yè)1. 熟練使用表格，設(shè)置表格的屬性。注意事項(xiàng)使用工具寫字板等文本編輯工具編寫HTML頁(yè)面。對(duì)于第二部分“練習(xí)”部分，會(huì)提供關(guān)鍵源代碼部分的提示。第四階段使用表單和框架階段時(shí)間安排第一階段在前1.5個(gè)小時(shí)完成；第二階段在后0.5個(gè)小時(shí)完成。階段目標(biāo)l 學(xué)員學(xué)會(huì)將表單插入到網(wǎng)頁(yè)中，并且熟悉相關(guān)的標(biāo)記和屬性。l 學(xué)會(huì)創(chuàng)建框架文件，修改框架的格式。l 學(xué)會(huì)如何創(chuàng)建線上幀。知識(shí)點(diǎn)l 表單標(biāo)記l 創(chuàng)建框架文件重點(diǎn)和難點(diǎn)重點(diǎn)：向網(wǎng)頁(yè)中插入表單。難點(diǎn)：設(shè)置表單的屬性和創(chuàng)建框架文件。內(nèi)容安排第一部分：指導(dǎo) 1.5小時(shí)1. 在網(wǎng)頁(yè)上，添加一個(gè)表單，設(shè)置表單的屬性，再添加表單元素。2. 設(shè)置上一步驟中創(chuàng)建的表單的一些屬性。3. 創(chuàng)建框架頁(yè)面，建立鏈接時(shí)設(shè)置不同的鏈接目標(biāo)。4. 創(chuàng)建線上幀。第二部分：練習(xí) 0.5小時(shí)1. 創(chuàng)建的符合要求的框架文件。2. 創(chuàng)建一個(gè)符合要求的表單。第三部分：作業(yè)1. 創(chuàng)建框架文件及框架文件間的鏈接關(guān)系。2. 在網(wǎng)頁(yè)上創(chuàng)建一個(gè)符合要求的表單。注意事項(xiàng)使用工具寫字板等文本編輯工具編寫HTML頁(yè)面。對(duì)于第二部分“練習(xí)”部分，會(huì)提供關(guān)鍵源代碼部分的提示。第五階段使用Dreamweaver階段時(shí)間安排第一階段在前1.5個(gè)小時(shí)完成；第二階段在后0.5個(gè)小時(shí)完成。階段目標(biāo) 使用Dreamweaver編寫網(wǎng)頁(yè)。知識(shí)點(diǎn) 使用Dreamweaver創(chuàng)建網(wǎng)頁(yè)重點(diǎn)和難點(diǎn)重點(diǎn)：使用Dreamweaver。難點(diǎn)：使用Dreamweaver。內(nèi)容安排第一部分：指導(dǎo) 1.5小時(shí)1. 熟悉Dreamweaver的工作環(huán)境。2. 使用Dreamweaver在的不同視圖，并設(shè)置工具的參數(shù)。3. 使用Dreamweaver創(chuàng)建網(wǎng)頁(yè)，插入文本，并設(shè)置文本格式。4. 在頁(yè)面上添加表格，在表格內(nèi)添加文字和圖片。5. 創(chuàng)建層6. 創(chuàng)建表單，添加表單元素。7. 添加多媒體8. 創(chuàng)建框架文件第二部分：練習(xí) 0.5小時(shí)1. 使用Dreamweaver制作符合要求的頁(yè)面。2. 在頁(yè)面上創(chuàng)建表單。第三部分：作業(yè)1. 熟練掌握使用Dreamweaver編寫網(wǎng)頁(yè)。2. 在網(wǎng)頁(yè)上創(chuàng)建框架文件。注意事項(xiàng)使用Dreamweaver工具去編寫網(wǎng)頁(yè)。對(duì)于第二部分“練習(xí)”部分，會(huì)提供關(guān)鍵源代碼或關(guān)鍵步驟的指導(dǎo)。第六階段使用樣式表階段時(shí)間安排第一階段在前1.5個(gè)小時(shí)完成；第二階段在后0.5個(gè)小時(shí)完成。階段目標(biāo) 在網(wǎng)頁(yè)中實(shí)現(xiàn)層疊樣式表的技術(shù)。知 識(shí) 點(diǎn) 層疊樣式表重點(diǎn)和難點(diǎn)重點(diǎn)：在HTML中通過(guò)四種方式設(shè)置樣式表。難點(diǎn)：在HTML中使用樣式表技術(shù)。內(nèi)容安排第一部分：指導(dǎo) 1.5小時(shí)1. 在HTML中，通過(guò)樣式元素，直接設(shè)置到網(wǎng)頁(yè)上。2. 將樣式表直接嵌入到HTML文檔中，設(shè)置類選擇器。3. 在一個(gè)HTML文件中，設(shè)置錨偽類的屬性。4. 創(chuàng)建一個(gè)樣式表文件。5. 將樣式表文件嵌入到HTML文件中。第二部分：練習(xí) 0.5小時(shí)1. 按要求，創(chuàng)建一個(gè)樣式表文件和一個(gè)HTML頁(yè)面，將樣式表文件嵌入到該文件中。第三部分：作業(yè)1. 熟悉各種樣式的格式。2. 對(duì)網(wǎng)頁(yè)實(shí)施樣式。注意事項(xiàng)使用工具寫字板等文本編輯工具編寫HTML頁(yè)面。對(duì)于第二部分“練習(xí)”部分，會(huì)提供關(guān)鍵源代碼部分的提示。第七階段JavaScript基礎(chǔ)階段時(shí)間安排第一階段在前1.5個(gè)小時(shí)完成；第二階段在后0.5個(gè)小時(shí)完成。階段目標(biāo) 掌握J(rèn)avaScript的變量、數(shù)據(jù)類型、操作符、表達(dá)式和數(shù)組，及條件和循環(huán)語(yǔ)句，函數(shù)。知識(shí)點(diǎn) 變量 數(shù)據(jù)類型 操作符 表達(dá)式 數(shù)組 條件和循環(huán)語(yǔ)句 函數(shù)重點(diǎn)和難點(diǎn)重點(diǎn)：熟悉JavaScript的變量、數(shù)據(jù)類型、操作符、表達(dá)式和對(duì)數(shù)組的操作；以及條件循環(huán)語(yǔ)句和函數(shù)。難點(diǎn)：使用數(shù)組和表達(dá)式。內(nèi)容安排第一部分：指導(dǎo) 1.5小時(shí)1. 編寫一個(gè)最簡(jiǎn)單的JavaScript程序，了解如何在HTML文檔中嵌入JavaScript程序。2. 編寫網(wǎng)頁(yè)程序，熟悉JavaScript的基本語(yǔ)法。3. 編寫一個(gè)關(guān)于數(shù)組操作的程序第二部分：練習(xí) 0.5小時(shí)1. 使用JavaScript，編寫一個(gè)關(guān)于數(shù)組操作的程序第三部分：作業(yè)1. 編寫JavaScript程序，掌握J(rèn)avaScript的基本語(yǔ)法知識(shí)。2. 使用數(shù)組編寫程序注意事項(xiàng)使用工具寫字板等文本編輯工具編寫HTML頁(yè)面。對(duì)于第二部分“練習(xí)”部分，會(huì)提供關(guān)鍵源代碼部分或關(guān)鍵步驟的提示。第八階段熟悉JavaScript的內(nèi)置核心對(duì)象階段時(shí)間安排第一階段在前1.5個(gè)小時(shí)完成；第二階段在后0.5個(gè)小時(shí)完成。階段目標(biāo) 掌握操作對(duì)象的語(yǔ)句：new、forin和with語(yǔ)句。 熟悉eval函數(shù)。 掌握J(rèn)avaScript的內(nèi)置核心對(duì)象及常用屬性：String對(duì)象、Math對(duì)象和Date對(duì)象。知識(shí)點(diǎn) 操作對(duì)象的函數(shù) eval函數(shù) JavaScript的內(nèi)置核心對(duì)象重點(diǎn)和難點(diǎn)重點(diǎn)：使用操作對(duì)象的函數(shù)；使用eval函數(shù)；JavaScript的核心對(duì)象。難點(diǎn)：JavaScript的核心對(duì)象及屬性。內(nèi)容安排第一部分：指導(dǎo) 1.5小時(shí)1. 編寫一個(gè)關(guān)于字符串操作的程序2. 編寫一個(gè)對(duì)日期進(jìn)行操作的程序3. 編寫一個(gè)對(duì)Math對(duì)象操作的程序第二部分：練習(xí) 0.5小時(shí)1. 使用eval函數(shù)編寫程序2. 使用函數(shù)編寫程序第三部分：作業(yè)使用Math對(duì)象進(jìn)行運(yùn)算的程序注意事項(xiàng)使用工具寫字板等文本編輯工具編寫HTML頁(yè)面。對(duì)于第二部分“練習(xí)”部分，會(huì)提供關(guān)鍵源代碼部分或關(guān)鍵步驟的提示。第九階段通用瀏覽器對(duì)象階段時(shí)間安排第一階段在前1.5個(gè)小時(shí)完成；第二階段在后0.5個(gè)小時(shí)完成。階段目標(biāo) 掌握常用的事件處理。 常用的瀏覽器對(duì)象及常用屬性和方法知識(shí)點(diǎn) 常用的事件 常用的瀏覽器對(duì)象重點(diǎn)和難點(diǎn)重點(diǎn)：常用的事件處理；常用的瀏覽器對(duì)象的屬性和方法。難點(diǎn)：常用的瀏覽器對(duì)象的屬性和方法。內(nèi)容安排第一部分：指導(dǎo) 1.5小時(shí)1. 使用Window對(duì)象的程序2. 使用document對(duì)象的程序3. 使用location對(duì)象的程序4. 使用history對(duì)象的程序第二部分：練習(xí) 0.5小時(shí)1. 使用document對(duì)象2. 使用location對(duì)象第三部分：作業(yè)編寫一個(gè)綜合前面知識(shí)的例子。注意事項(xiàng)使用工具寫字板等文本編輯工具編寫HTML頁(yè)面。對(duì)于第二部分“練習(xí)”部分，會(huì)提供關(guān)鍵源代碼部分或關(guān)鍵步驟的提示。第十階段JavaScript中的表單和表單元素階段時(shí)間安排第一階段在前1.5個(gè)小時(shí)完成；第二階段在后0.5個(gè)小時(shí)完成。階段目標(biāo) 掌握表單和表單元素對(duì)象及常用屬性和方法。 掌握對(duì)form的事件處理。主要掌握關(guān)于表單驗(yàn)證的事件。知識(shí)點(diǎn) 表單對(duì)象和表單元素對(duì)象及相關(guān)屬性 對(duì)表單對(duì)象和表單元素對(duì)象的事件處理重點(diǎn)和難點(diǎn)重點(diǎn)：表單對(duì)象和表單元素對(duì)象及相關(guān)屬性；及對(duì)表單對(duì)象和表單元素對(duì)象的事件處理。難點(diǎn)：對(duì)表單對(duì)象和表單元素對(duì)象的事件處理。內(nèi)容安排第一部分：指導(dǎo) 1.5小時(shí)1. 表單驗(yàn)證程序。2. 在彈出窗口顯示表單的內(nèi)容。3. 對(duì)表單進(jìn)行操作。第二部分：練習(xí) 0.5小時(shí)表單處理程序第三部分：作業(yè)熟悉表單和表單元素的屬性及對(duì)表單的處理。注意事項(xiàng)使用工具寫字板