江西先锋软件职业技术学院
教案
院、部：软件工程学院教研室：计算机应用姓名：王维伟职称：助教
课程名称：JavaScript程序设计
授课专业：1003级学生人数：
授课时间：2011至2012学年度1学期教材名称：JavaScript入门与提高编者曾光
出版单位：科学出版社出版时间2008年7月
第一讲
第一章第一节《万维网和HTML》
教学目的和目标
1、了解万维网的发展历史及功能。
2、介绍HTML语言的概念，简单语法。
3、熟练编写静态页面。
教学重点与难点
1、掌握理解万维网的功能。
2、掌握理解HTML概念，语法规则及文件结构。
3、HTML页面元素多，记忆难，要求学生短时间里具有编写HTML 页面能力。
教学方法和手段
1、以课堂问答法和案例讨论法为主，以讲授法和指导法为辅。
2、使用先锋电子教室多媒体手段进行教学。
教学时间：
2课时
教学过程及详细内容
1.1万维网和HTML
万维网的目的是用于共享资源，这些资源包括文字，图片，音频和视频等.统一的标准是一种用于定位和打开这些信息的超文本语言, HTML语言。
1.1.1什么是万维网
万维网，环球网,1989年始于瑞士日内瓦的CERN，通过统一的方式来访问各类信息，这就是超文本链接。
为了设计含有各类信息资源的超文本链接的万维网页面，产生了超文本标记语言，即HTML。
流行浏览器有IE,NETscape,firefox等。
页面都有一个唯一的地址，即统一资源定位符URL，使用的协议是HTTP协议。
域名是包括标识串和网站的类型，com代表私营公司，gov代表政府，edu代表教育机构等。
script在html中的用法例：www.163 http是协议,www是服务,163 是域名。
1.1.2了解HTML标签
HTML页面是纯文本，可以用记事本来编辑。
HTML文件的后缀名必须是.html或.htm，用浏览器来解释和执行。
HTML文档基本组成部分是标签，一般有一对尖括号“<>”，并不是所有的标签都有结束标签。HTML文档必须以<html>开始，</html>结束，一个HTML文档分为HEAD和BODY两部分。
<a>标签：href属性是用来指定超文本链接所要访问的URL地址。
<img>标签：src属性是用来指定要显示的图片的地址。
HTML标签允许嵌套使用。
例子：1-1.htm
<!---->表示注释。
div与span：这是用得最多的两个标签，以后会有专文总结如何使用好他们，现在必须知道的是前者是block元素，后者是inline 元素；而block元素与inline元素区别正如名字告诉我们的那样：前者是所包含的内容是一个整体，几个block元素间垂直堆叠，强制后面元素另起一行；而后者，几个inline元素水平排列，相互间只有水平方向上的边距设置才会有效，padding-top，margin-bottom
等竖直格式设置会被忽略。不添加css，前者无法并放，后者无法堆叠。即span内部是不能放div的。
ul，ol与dl：无序，有序（按字母或数字顺序）以及定义（表示对话也可以）列表，列表项使用<li>元素标记，不能含block元素，即<hx>不能包含其中。
a与link:<a href="#top">,<link>可有得研究他和<a>都有两个重要属性：rel以及rev，rel指出该文档与href指向的链接关系类型，rev则将两对象方向互换，可选类型有：alternative，如果是可选译文，则与lang属性一起用；如果是可选媒介，则用到media属性。colgroup，col：在表头区分格需要这两个标签，并不实用，不如用scope属性值，rowspan，colspan等属性也可，具体哪种更好现在不明。
form与input，label：用得太多了，就说form的enctype属性与input 有file类型可用有关，而reset类型还是别再用了。
1.1.3<body>标签的常用属性
Background：设置页面的背景图案
Bgcolor：设置页面的背景
Text：设置页面的文字颜
Topmargin：顶空白像素
Leftmargin：左空白像素
Link：指定文档的所有连接颜[不推荐]使用样式来取代
Vlink：指定文档那些被访问过的连接颜[不推荐]使用样式来取代
1.1.4编写HTML页面
例子：1-3.htm
HTML页面是不分大小写的，常用小写。
一定要闭合HTML标签，声明正确的文档类型(DocType)，不要使用嵌入式CSS样式，在页面head标签中引入所有的样式表文件，不要使用嵌入式JavaScript.
1.1.5使用浏览器访问网页
流行浏览器有IE,NETscape,firefox等，跨浏览器访问网页。
布置课后任务及作业
完成课后练习题：P10:（1）——（5）课堂讲解

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。