JavaScript程序设计电子教案.docx
上传人:王子****青蛙 上传时间:2024-09-13 格式:DOCX 页数:9 大小:1.2MB 金币:10 举报 版权申诉
预览加载中,请您耐心等待几秒...

JavaScript程序设计电子教案.docx

JavaScript程序设计电子教案.docx

预览

在线预览结束,喜欢就下载吧,查找使用更方便

10 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

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