nlp网站举例HTML零基础入门-HTML学习大纲.doc

一、课程目标l 掌握HTML语言，能够直接编写网页程序；l 学会使用层叠样式表技术；l 了解最常用的客户端脚本语言JAVASCRIPT，能够编写客户端的常用脚本程序；l 学会使用Dreamweaver开发网页程序。二、课程对象l HTML学员l Seo基础优化师三、课程所需的预备课程l 计算机基础l 软件技术基础l 程序设计基础：C语言实现l VB可视化编程四、课程学时理论课 (No. of Hrs)上机课(No. of Hrs)在线培训(No. of Hrs)指导学习(No. of Hrs)总学时(No. of Hrs)20202244五、课程地位预备课程：计算机基础程序设计基础：C语言实现VB可视化编程关系型数据库及SQL语言软件技术基础网页编程第一学期课程软件测试与质量保证SQL SERVER数据库设计和实现VB高级编程面向对象基础：C+实现ASP网络编程Java编程基础第二学期课程Oracle数据库设计与实现XML基础J2EE实现企业级应用开发面向对象的分析与设计SPMWinForm 开发软件项目管理.NET平台及C编程ASP.NET编程第二学年课程软件工程和管理程序设计和语言数据库技术六、课程内容组织结构DHTMLHTML介绍HTML基本的HTML标记创建表格及添加层和多媒体创建表单和框架文件编写动态的网页层叠样式表技术JavaScript基础内置核心对象表单和表单元素对象使用Dreamweaver编写网页浏览器对象七、课程各章内容、重点、组织结构及授课要求理论部分,共20学时第一章简介和超链接内容概述本章主要介绍了网络和HTML的基础知识，HTML的基本的文档结构， 标记及属性，在HTML中如何表示一些特殊字属，以及如何链接页面。本章目标 介绍网络、HTML的一些基础知识，使学员明白网络上的信息是如何产生、如何被访问的 会写一个最简单的网页 能够通过链接把页面链接起来 通过介绍标记及属性，可以完成一些如网页过渡，网页的自动跳转等功能 在HTML中如何表示一些特殊的字符重点和难点重点：HTML文档结构；标记和常用到的属性；介绍URL；在HTML页面间创建链接。难点：标记中一些属性的设置；相对URL和绝对URL的区别，如何使用；及在网页间创建链接。内容组织结构1.1 互联网简介WWW是通过HTTP协议、地址（URL）和超文本语言（HTML）实现资源共享的。1.2 HTML简介介绍了网页浏览器，网页编辑器，HTML语言及HTML文档的基本结构（在这里讲到了两个简单的网页标记、和对齐属性）。还介绍了标记及如何在HTML文档中使用特殊字符。例如：如果不做SEO，永远不明白，strongnlp网站中间，加标记与不加的区别！1.3 使用超链接URL的概念及URL的分类（绝对URL和相对URL），介绍了什么是超链接，如何在HTML文档中创建超链接，及网站上的几种导航方案。Eg:做NLP网站的都知道，nlp网站表示在源码中写入一个超文本链接，后面会生成一个有链接的文本！课后练习第二章基本标记内容概述本章主要介绍了HTML中基本的一些标记：包括文本的显示，文本的格式化，及图片标记。本章目标l 学会HTML中基本的标记和属性l 在HTML中插入图片，熟悉图片标记及相关的属性重点和难点重点：HTML中最基本最常用的标记，如字体的设置，字符级的一些格式，列表清单，及图片标记。难点：正确使用HTML标记。内容组织结构2.1 标题标题标记用于显示网页上的标题。2.2 段落级标记介绍三种段落级标记：、 和 。2.3 块标记块标记DIV 和 SPAN 标记用于组织内容。DIV 标记用于将文档分割为相关的部分，可以跨多个段落。SPAN 标记用于字符跨度，不能跨段落，只能跨越段落内的字符。2.4 常用的字符级标记2.5 列表列表用于从逻辑上组织数据。可以插入到 HTML 文档中的列表类型有：无序列表、有序列表和定义列表，并介绍如何使用这些列表。2.6 使用水平标尺标记：2.7 使用字体2.8 使用颜色2.9 在 HTML 文档中使用图像介绍Web上常用的图像格式：GIF图像、JPEG图像和PNG格式的图像，及各自的特点。还介绍了如何在网页上插入图像。课后练习第三章使用表和层内容概述本章主要介绍了在HTML中创建表格，修改表格的格式，熟练掌握表格相关的标记和属性。及在网页上添加层，添加多媒体，包括音频、视频文件。本章目标l 在HTML中创建表格，熟悉表格中相关的属性l 能够熟练地修改表格的格式l 在网页上添加层l 在网页上添加多媒体重点和难点重点：创建表格，并熟悉表格相关的属性；及在网页上添加层。难点：在网页上正确地使用各种表单。内容组织结构3.1 创建表介绍表格的相关标记，创建表格，在表格中插入行或列，删除行或列，合并单元格，及设置表格和单元格的格式。3.2层介绍层的概念及如何在网页中创建和使用层。3.3在HTML文档中插入多媒体在 HTML 文档中插入 GIF 动画文件、声音、视频和Java Applet。课后练习第四章使用表单和框架内容概述本章主要介绍了HTML中支持的各种表单的标记和属性的设置，包括单行文本框、文本区、下拉列表、按键、多选按钮、单选按钮；创建框架网页文件，设置框架的格式，设置链接目标，及如何创建浮动帧。本章目标l 熟练掌握插入各种表单，及对表单属性的设置l 创建带有框架的网页重点和难点重点：在网页中使用各种表单，及设置相关的属性。难点：在网页上正确地使用各种表单，设置框架网页。内容组织结构4.1表单简介介绍表单的用途和如何使用。介绍表单的属性和方法，各种表单元素的属性和方法，及创建表单。4.2框架介绍框架的用途和框架的使用，相关的标记，以及创建浮动帧。课后练习第五章使用Dreamweaver 内容概述本章主要介绍了当前最常用的网页设计和编写工具Dreamweaver，还介绍了如何使用Dreamweaver编写网页。本章目标l 最常用的可见即所得的网页设计和编写工具Dreamweaver的使用重点和难点重点：使用Dreamweaver编写网页。难点：使用Dreamweaver。内容组织结构5.1简介 5.2 Dreamweaver工作区简介5.3 使用Dreamweaver中的不同视图和组件介绍代码视图和设计视图，及不同的组件（状态栏、启动栏、工具条、上下文菜单和属性检查器）。5.4 设置参数选择。5.5 创建 HTML 文档、添加文本、设置文本格式、添加超链接5.6 使用表格使用Dreamweaver在网页中创建表格，向表格中添加内容，及介绍表格的嵌套。5.7 使用层使用Dreamweaver在网页中创建层，管理层。5.8 插入图像使用Dreamweaver在网页中插入图片及创建图形映射。5.9 使用框架使用Dreamweaver创建框架网页文件。5.10 表单使用Dreamweaver在网页中创建表单。5.11 使用多媒体使用Dreamweaver在网页中插入Flash，添加声音和影片，及使用JAVA APPLET插件。课后练习第六章样式表内容概述本章主要介绍了DHTML技术，以及DHTML技术中的层叠样式表的技术，还介绍了如何在网页中实现层叠样式表技术。本章目标l 了解什么是DHTMLl 掌握层叠样式表技术重点和难点重点：层叠样式表。难点：使用层叠样式表。内容组织结构6.1 DHTMLDHTML技术就是通过多种方法使文档具有动态性，如样式表技术、使用JavaScript编写脚本等。还介绍了DHTML的功能。6.2样式表样式表是DHTML中的一种技术，用于向网页中添加样式（如字体、颜色、间距等）的技术。介绍样式表的用途和特点。样式表由样式规则组成，这些规则规定浏览器如何显示文档。在网页中创建和使用样式表，及在样式中设置样式属性。课后练习第七章JavaScript的语法基础内容概述本章主要介绍了JavaScript语言的一些基础知识，包括变量、数据类型、操作符、表达式、数组、条件循环语句和函数。本章目标l 了解什么是JavaScript语言l 掌握JavaScript的基本语法基础重点和难点重点：JavaScript的变量、数据类型、操作符、表达式、数组、条件循环语句和函数。难点：JavaScript的数组、表达式和函数。内容组织结构7.1 JavaScript简介JavaScript 是一种脚本语言，可用来创建客户端脚本和服务器端脚本, 可以使网页更动态性和交互性。JavaScript的运行环境，及一些编写代码的规则。介绍如何将JavaScript脚本作为客户端的脚本语言嵌入到网页文件中。编写一个最简单的包含JavaScript脚本的网页程序。7.2 变量声明变量，及变量的作用域7.3 数据类型JavaScript中的基本类型属于弱类型，因此一个数据的变量或常量不必首先声明，而是在使用或赋值时确定其数据的类型的。当然也可以通过声明时进行赋值，来确定数据类型。介绍了JavaScript中的四种基本数据类型，及如何进行类型转换的。7.4 运算符介绍算术运算符、比较运算符、逻辑运算符、字符串运算符和求值运算符。7.5 表达式7.6 数组创建和使用数组介绍数组的属性和方法7.7 条件语句if语句和switch语句7.8 循环语句for循环的使用，while循环的使用, do while循环的使用, continue语句和break语句的使用。7.9 函数JavaScript具有一些预定义函数。创建和调用自定义函数。课后练习第八章JavaScript核心语言对象内容概述本章主要介绍了JavaScript的内置核心对象和属性。本章目标l 掌握常用到的JavaScript内置的对象，及对象中常用的属性和方法重点和难点重点：对象操作语句及常用的内置对象及相关的属性和方法。难点：内置核心对象及相关的属性和方法。内容组织结构8.1 JavaScript对象可以将对象定义为综合数据“包”。对象中包含定义其自身的属性（变量）及处理数据的方法（函数）。8.2 对象层次结构要根据层次结构来访问对象。介绍对象操作语句：this语句、forin语句、with语句、new语句的使用。8.3 eval语句8.4 字符串对象字符串对象用于操纵及使用字符串。创建字符串。介绍字符串对象的常用属性和方法。8.5 Math对象Math 对象的属性和方法用于进行高级算术运算。介绍Math对象的常用属性和方法。8.6 Date对象Date对象包含日期和时间信息,通过使用相关的方法用来设置、获取及操纵日期。创建Date对象。介绍Date对象的常用方法。课后练习第九章JavaScript中的浏览器对象内容概述本章主要介绍了JavaScript支持的主要事件，如onClick、onChange、onFocus、 onMouseOver、onMouseOut、onLoad、onSubmit、onMouseDown和onMouseUp，以及对事件的处理；及常用的浏览器对象和属性。本章目标l 掌握JavaScript中常用到的事件l 掌握常用的浏览器对象，及对象中常用的属性和方法重点和难点重点：常用的浏览器对象及相关的属性和方法。难点：常用的浏览器对象及相关的属性和方法。内容组织结构9.1事件（Event） 对象 - 概念JavaScript 程序是典型的事件驱动程序。事件是在网页上进行的操作。事件可能是由用户生成的，也可能是由系统生成的。9.2 JavaScript事件介绍一些通用事件：onClick、onChange、onFocus、onBlur、onMouseOver、onMouseOut、onLoad、onSubmit、onMouseDown、onMouseUp、onResize。9.3处理事件用户可以指定在生成某个事件时要执行的响应该事件的 JavaScript 代码。这段代码称为事件处理程序。 编写事件处理程序。9.4通用浏览器对象文档对象模型（DOM）采取一种非常直观且一致的方式将HTML文档进行模型化处理，并借此提供访问、导航和操作页面的简易编程接口。通过DOM技术，我们不仅能够访问和更新页面的内容及结构，而且还能操纵文档的风格样式。DOM由W3C组织所倡导，这样，大多数浏览器都将最终支持这项技术。介绍window对象、document对象、history对象和location对象的常用的属性和方法，并给出一些常用的示例。课后练习第十章处理表单和表单元素事件内容概述本章主要介绍了表单和表单元素对象及相关的属性和方法，及对form对象的事件处理，主要介绍关于表单验证事件。本章目标l 掌握表单和表单元素对象，及常用的属性和方法l 熟悉对form对象的事件处理重点和难点重点：表单和表单元素对象及常用的属性和方法；对form的事件处理。难点：关于对form中的表单元素进行验证。内容组织结构10.1 表单对象介绍表单对象的属性和方法。10.2 文本域对文本域对象的事件处理。10.3 命令按钮对象对命令按钮对象的事件处理。10.4 复选框对象对复选框对象的事件处理。10.5 选项按钮/单选按钮 (Radio) 对象对选项按钮/单选按钮对象的事件处理。10.6 组合框 (ComboBox)/列表框 (Select) 对象对组合框/列表框对象的事件处理。10.7 表单有效性验证表单提交到服务器前要进行表单验证。进行表单验证时，开发人员经常要对用户输入的值进行验证，保证重要的域都不为空且不含无效信息。课后练习上机部分，共20学时 第一阶段简介和超链接阶段时间安排第一阶段在前1.5个小时完成；第二阶段在后0.5个小时完成。阶段目标l 能够编写一个最简单的HTML页面l 能够在页面之间建立链接l 学会使用标记l 了解一些常用的特殊字符该如何在HTML中表示出来知识点l HTML的标记和文档结构l HTML中的标记l HTML中常用的一些特殊字符的表示l 在页面之间创建链接重点和难点重点：建立简单的HTML文件；建立网页间的链接关系；使用标记。难点：建立页面之间的链接关系；使用标记和设置相关的属性。内容安排第一部分：指导 1.5小时1. 编写一个HTML页面，创建到另一个页面的链接2. 编写一个HTML页面，创建到当前页面某一个位置的链接3. 在HTML页面中，使用特殊字符4. 使用标记中的Refresh属性第二部分：练习 0.5小时1. 编写基本的HTML网页，并创建链接关系2. 在HTML页面上创建链接，链接到一个Email地址上。第三部分：作业1. 熟悉如何创建链接2. 熟悉在HTML页面中使用特殊字符注意事项使用工具写字板等文本编辑工具编写HTML页面。对于第二部分“练习”部分，会提供关键源代码部分的提示。第二阶段在HTML文档中使用基本标记阶段时间安排第一阶段在前1.5个小时完成；第二阶段在后0.5个小时完成。阶段目标l 学员能够编写出一个有一定f样式的HTML页面，会建立清单列表，设置字符级格式和段落级格式，建立水平标尺等功能l 会插入图片，设置图片的属性知识点l 使用基本的HTML标记l 插入图片重点和难点重点：设置字符级格式和段落级格式，建立清单列表等，熟悉这些基本的常用的HTML标记。插入图片，并设置相关的属性。难点：正确设置网页格式。内容安排第一部分：指导 1.5小时1. 在HTML中使用标题标记、段落级格式标记。2. 编写HTML页面，使用段落级标记，并设置字体属性。3. 在HTML页面中使用块标记。4. 使用水平标尺标记，并设置水平标尺的属性。5. 在HTML页面中使用字符级标记。6. 在HTML页面中创建有序列表。7. 在HTML页面中插入图片。第二部分：练习 0.5小时1. 编写一个页面，并按要求设置字体。2. 在页面中插入一个水平标尺，并设置属性。3. 设置一个页面的前景色和背景色。4. 在页面中插入图片并设置属性。第三部分：作业1. 熟练使用字符级格式标记、标题标记。2. 设置字体和页面中的颜色。3. 插入图片，设置图片的属性，并为图片创建链接。注意事项使用工具写字板等文本编辑工具编写HTML页面。对于第二部分“练习”部分，会提供关键源代码部分的提示。第三阶段使用表格和层阶段时间安排第一阶段在前1.5个小时完成；第二阶段在后0.5个小时完成。阶段目标l 会创建符合要求的表格，熟悉通过设置表格的属性，改变表格的格式，改变行数和列数l 使用HTML标记，在网页中创建层。l 使用HTML标记，在网页中添加多媒体。知识点l 创建表格l 用HTML标记创建层l 用HTML标记添加多媒体重点和难点重点：创建表格，及如何修改表格的格式。难点：创建表格及修改表格的格式。内容安排第一部分：指导 1.5小时1. 在HTML文件中创建一个最简单的表格，并在表格里添加内容2. 创建一个表格，合并单元格。3. 使用HTML标记，在HTML中创建层，设置层的属性。4. 在层上放置文字，图片。5. 将声音加入到网页上，为网页设置背景音乐。6. 将影像加入到网页上。7. 在网页上添加JAVA APPLET。第二部分：练习 0.5小时1. 创建一个表格，并按照要求设置表格的属性。2. 在网页中使用层。第三部分：作业1. 熟练使用表格，设置表格的属性。注意事项使用工具写字板等文本编辑工具编写HTML页面。对于第二部分“练习”部分，会提供关键源代码部分的提示。第四阶段使用表单和框架阶段时间安排第一阶段在前1.5个小时完成；第二阶段在后0.5个小时完成。阶段目标l 学员学会将表单插入到网页中，并且熟悉相关的标记和属性。l 学会创建框架文件，修改框架的格式。l 学会如何创建线上帧。知识点l 表单标记l 创建框架文件重点和难点重点：向网页中插入表单。难点：设置表单的属性和创建框架文件。内容安排第一部分：指导 1.5小时1. 在网页上，添加一个表单，设置表单的属性，再添加表单元素。2. 设置上一步骤中创建的表单的一些属性。3. 创建框架页面，建立链接时设置不同的链接目标。4. 创建线上帧。第二部分：练习 0.5小时1. 创建的符合要求的框架文件。2. 创建一个符合要求的表单。第三部分：作业1. 创建框架文件及框架文件间的链接关系。2. 在网页上创建一个符合要求的表单。注意事项使用工具写字板等文本编辑工具编写HTML页面。对于第二部分“练习”部分，会提供关键源代码部分的提示。第五阶段使用Dreamweaver阶段时间安排第一阶段在前1.5个小时完成；第二阶段在后0.5个小时完成。阶段目标 使用Dreamweaver编写网页。知识点 使用Dreamweaver创建网页重点和难点重点：使用Dreamweaver。难点：使用Dreamweaver。内容安排第一部分：指导 1.5小时1. 熟悉Dreamweaver的工作环境。2. 使用Dreamweaver在的不同视图，并设置工具的参数。3. 使用Dreamweaver创建网页，插入文本，并设置文本格式。4. 在页面上添加表格，在表格内添加文字和图片。5. 创建层6. 创建表单，添加表单元素。7. 添加多媒体8. 创建框架文件第二部分：练习 0.5小时1. 使用Dreamweaver制作符合要求的页面。2. 在页面上创建表单。第三部分：作业1. 熟练掌握使用Dreamweaver编写网页。2. 在网页上创建框架文件。注意事项使用Dreamweaver工具去编写网页。对于第二部分“练习”部分，会提供关键源代码或关键步骤的指导。第六阶段使用样式表阶段时间安排第一阶段在前1.5个小时完成；第二阶段在后0.5个小时完成。阶段目标 在网页中实现层叠样式表的技术。知 识 点 层叠样式表重点和难点重点：在HTML中通过四种方式设置样式表。难点：在HTML中使用样式表技术。内容安排第一部分：指导 1.5小时1. 在HTML中，通过样式元素，直接设置到网页上。2. 将样式表直接嵌入到HTML文档中，设置类选择器。3. 在一个HTML文件中，设置锚伪类的属性。4. 创建一个样式表文件。5. 将样式表文件嵌入到HTML文件中。第二部分：练习 0.5小时1. 按要求，创建一个样式表文件和一个HTML页面，将样式表文件嵌入到该文件中。第三部分：作业1. 熟悉各种样式的格式。2. 对网页实施样式。注意事项使用工具写字板等文本编辑工具编写HTML页面。对于第二部分“练习”部分，会提供关键源代码部分的提示。第七阶段JavaScript基础阶段时间安排第一阶段在前1.5个小时完成；第二阶段在后0.5个小时完成。阶段目标 掌握JavaScript的变量、数据类型、操作符、表达式和数组，及条件和循环语句，函数。知识点 变量 数据类型 操作符 表达式 数组 条件和循环语句 函数重点和难点重点：熟悉JavaScript的变量、数据类型、操作符、表达式和对数组的操作；以及条件循环语句和函数。难点：使用数组和表达式。内容安排第一部分：指导 1.5小时1. 编写一个最简单的JavaScript程序，了解如何在HTML文档中嵌入JavaScript程序。2. 编写网页程序，熟悉JavaScript的基本语法。3. 编写一个关于数组操作的程序第二部分：练习 0.5小时1. 使用JavaScript，编写一个关于数组操作的程序第三部分：作业1. 编写JavaScript程序，掌握JavaScript的基本语法知识。2. 使用数组编写程序注意事项使用工具写字板等文本编辑工具编写HTML页面。对于第二部分“练习”部分，会提供关键源代码部分或关键步骤的提示。第八阶段熟悉JavaScript的内置核心对象阶段时间安排第一阶段在前1.5个小时完成；第二阶段在后0.5个小时完成。阶段目标 掌握操作对象的语句：new、forin和with语句。 熟悉eval函数。 掌握JavaScript的内置核心对象及常用属性：String对象、Math对象和Date对象。知识点 操作对象的函数 eval函数 JavaScript的内置核心对象重点和难点重点：使用操作对象的函数；使用eval函数；JavaScript的核心对象。难点：JavaScript的核心对象及属性。内容安排第一部分：指导 1.5小时1. 编写一个关于字符串操作的程序2. 编写一个对日期进行操作的程序3. 编写一个对Math对象操作的程序第二部分：练习 0.5小时1. 使用eval函数编写程序2. 使用函数编写程序第三部分：作业使用Math对象进行运算的程序注意事项使用工具写字板等文本编辑工具编写HTML页面。对于第二部分“练习”部分，会提供关键源代码部分或关键步骤的提示。第九阶段通用浏览器对象阶段时间安排第一阶段在前1.5个小时完成；第二阶段在后0.5个小时完成。阶段目标 掌握常用的事件处理。 常用的浏览器对象及常用属性和方法知识点 常用的事件 常用的浏览器对象重点和难点重点：常用的事件处理；常用的浏览器对象的属性和方法。难点：常用的浏览器对象的属性和方法。内容安排第一部分：指导 1.5小时1. 使用Window对象的程序2. 使用document对象的程序3. 使用location对象的程序4. 使用history对象的程序第二部分：练习 0.5小时1. 使用document对象2. 使用location对象第三部分：作业编写一个综合前面知识的例子。注意事项使用工具写字板等文本编辑工具编写HTML页面。对于第二部分“练习”部分，会提供关键源代码部分或关键步骤的提示。第十阶段JavaScript中的表单和表单元素阶段时间安排第一阶段在前1.5个小时完成；第二阶段在后0.5个小时完成。阶段目标 掌握表单和表单元素对象及常用属性和方法。 掌握对form的事件处理。主要掌握关于表单验证的事件。知识点 表单对象和表单元素对象及相关属性 对表单对象和表单元素对象的事件处理重点和难点重点：表单对象和表单元素对象及相关属性；及对表单对象和表单元素对象的事件处理。难点：对表单对象和表单元素对象的事件处理。内容安排第一部分：指导 1.5小时1. 表单验证程序。2. 在弹出窗口显示表单的内容。3. 对表单进行操作。第二部分：练习 0.5小时表单处理程序第三部分：作业熟悉表单和表单元素的属性及对表单的处理。注意事项使用工具写字板