网页元素教案

第1章网页设计基础教学要求熟练掌握网页设计软件和网页图形制作软件。掌握Internet、、TCP/IP、域名系统、URL、静态网页与动态网页等与网站相关的基本概念。了解网站建设过程中的几种常用语言，包括HTML、JavaScript和VBScript脚本语言、Java语言、ASP、ASP.NET、PHP等。教学重点掌握Internet、、TCP/IP、域名系统、URL、静态网页与动态网页等与网站相关的基本概念。教学难点常用网页制作软件的使用。课时安排本章安排4课时。其中，理论讲授2课时，上机实验2课时教学大纲一、网页与网站概述1．Internet2．．网页与网站4．网页的基本元素二、常用网页制作软件及辅助设计软件1．网页制作软件2．网页辅助设计软件三、常用网站程序设计语言四、使用Dreamweaver制作简单的网页1．Dreamweaver工作界面2．使用Dreamweaver构建本地站点3．简单网页制作主要概念1．Internet2．万维网（）3．文件传输（FTP）4．电子邮件（E-mail）5．远程登录（Telnet）6．调制解调器7．浏览器8．TCP/IP9．IP地址10．域名11．超文本传输协议（HTTP）12．统一资源定位符（URL）13．静态网页14．动态网页15．主页16．HTML17．FrontPage18．Dreamweaver19．Fireworks20．Flash21．Photoshop22．JavaScript23．VBScript24．脚本语言25．Java26．ASP27．ASP.NET28．PHP29．JSP实验实验一制作一个名为MySite的个人网页1．熟悉建立本地站点的一般步骤；2．掌握常用网页制作软件的使用方法；第2章HTML网页元素教学要求熟练掌握：HTML的基本标签，内容包括元素和标签的概念、HTML标签、头部标签、标题标签、元信息标签、HTML主体标签的使用；文本元素，包括hn标题标签、引文标签、署名标签、特殊字符、注释标签、font文字标签、文字修饰标签、段落标签、预编排标签、居中对齐标签等的使用；超链接，包括路径的概念、内部链接、外部链接、锚点链接、电子邮件链接的使用方法；图片元素，包括img图片标签使用，以及img标签的alt属性、height、width属性、align属性的设置，和设置图片为超链接的方法；多媒体对象，包括bgsound标签、embed标签、marquee标签的使用。教学重点HTML基本标签、文本元素、超链接、图片元素。教学难点超链接、图片元素。课时安排本章安排20课时。其中，理论讲授10课时，上机实验10课时。教学大纲一、HTML的基本标签1．头部标签2．标题标签3．元信息标签4．HTML主体标签二、文本元素1．文字内容2．文字修饰标签3．段落排布三、超链接1．超链接的建立2．内部链接3．外部链接4．锚点链接5．电子邮件链接四、图片元素1．网页中图片的格式2．图片的添加与设置3．图片超链接五、多媒体对象1．插入多媒体文件2．滚动文字主要概念1．元素和标签2．HTML基本标签3．头部标签4．标题标签5．元信息标签6．HTML主体标签7．hn标签8．引文标签blockquote9．署名标签address10．特殊字符11．注释标签12．font标签13．文字修饰标签14．段落标签p15．br、nobr和wbr标签16．预编排标签pre17．居中对齐标签center18．超链接19．路径的概念20．内部链接21．外部链接22．锚点链接23．电子邮件链接24．img标签25．img标签的alt属性26．img标签中的height和width属性27．img标签的align属性28．图片超链接29．bgsound标签30．embed标签31．marquee标签实验实验一HTML的基本标签（2学时）1.掌握HTML的基本标签。2.练习制作简单网页。实验二文本元素（2学时）1.掌握控制文本元素的标签使用方法。2.练习制作含有文本元素的网页。实验三超链接应用（2学时）1.掌握在网页中插入超链接的方法。2.练习在网页中插入超链接。实验四图片元素（2学时）1.掌握在网页中插入图片元素的方法。2.练习在网页中插入图片并设置图片属性。实验五图片元素（2学时）1.熟悉在网页中插入多媒体对象的方法。2.练习在网页中插入多媒体对象。第3章HTML网页布局教学要求熟练掌握：表格，包括表格的结构、设置表格边框、大小、背景颜色、背景图像、标题、行的高度、行的对齐方式、单元格宽度、单元格内容的对齐方式、设置单元格的背景颜色、设置单元格的背景图像、合并单元格、利用表格进行网页布局；框架，包括框架的基本概念、框架结构、窗口框架的分割方式、窗口名称、框架边框的显示状态、指定在框架中显示的网页、控制框架滚动条属性、设置框架的边距、设置框架中的超链接、利用框架进行网页布局；水平线和列表，包括无序列表、有序列表、嵌套列表和自定义列表。掌握：使用表格布局网页、使用框架布局网页、水平线标签和列表的使用。了解：设置表格分隔线显示状态、表格边框的颜色、表格的位置、表格边框与内容的间距、行的内边框颜色、行的背景颜色、单元格的边框颜色、设置框架边框的宽度、设置框架边框的颜色、浮动框架等。教学重点使用表格布局网页、表格行和单元格的属性设置、使用框架布局网页、框架集和框架的属性设置。教学难点使用表格布局网页、使用框架布局网页。课时安排本章安排12课时。其中，理论讲授6课时，上机实验6课时。教学大纲一、表格1．表格的基本概念和结构2．表格的基本属性3．表格的行属性4．表格的单元格属性5．利用表格进行网页布局二、框架1．框架的基本概念2．设置框架集的属性3．设置框架的属性4．浮动框架5．设置框架中的超链接6．利用框架进行网页布局三、水平线和列表1．水平线2．列表主要概念1．表格2．表格的结构3．设置表格边框4．设置分隔线显示状态5．设置表格边框的颜色6．设置表格的大小7．设置表格的背景颜色8．设置表格背景图像9．设置表格的位置10．设置表格边框与内容的间距11．设置表格的标题12．设置行的高度13．设置行的对齐方式14．设置行的内边框颜色15．设置行的背景颜色16．th和td17．设置单元格宽度18．设置单元格内容的对齐方式19．设置单元格的边框颜色20．设置单元格的背景颜色21．设置单元格的背景图像22．合并单元格23．利用表格进行网页布局24．框架的基本概念25．框架结构26．窗口框架的分割方式27．左右分割28．上下分割29．嵌套分割30．设置框架边框的宽度31．设置框架边框的颜色32．设置框架边框的显示状态33．指定在框架中显示的网页34．定义子窗口名称35．控制框架滚动条属性36．设置是否允许调整框架的大小37．设置框架的边距38．浮动框架39．设置框架中的超链接40．利用框架进行网页布局41．水平线42．列表43．无序列表44．有序列表45．嵌套列表46．自定义列表实验实验一表格的应用（2学时）1.掌握表格的使用方法。2.练习用表格对网页布局。实验二框架的应用（2学时）1.掌握框架的使用方法。2.练习制作框架网页。实验三水平线和列表（2学时）1.掌握在网页中插入水平线和列表的方法。2.练习在网页中插入水平线和列表。第4章HTML中的表单教学要求熟练掌握文本框、下拉列表框、密码域、图像域、单选按钮、复选框、隐藏域等常用表单控件的使用方法，能够使用这些表单控件制作表单实例。掌握表单的结构和input标签的用法。教学重点文本框、下拉列表框、密码域、图像域、单选按钮、复选框、隐藏域等常用表单控件的使用方法。教学难点使用表单控件制作表单实例。课时安排本章安排6课时。其中，理论讲授4课时，上机实验2课时教学大纲一、表单概述1．表单的结构2．input标签二、表单控件1．文本域控件2．按钮控件3．单选按钮和复选框控件4．列表控件5．隐藏域6．图像域控件7．文本域三、表单综合应用实例主要概念1．表单2．input标签3．单行文本框4．多行文本框5．密码域6．普通按钮7．提交按钮8．重置按钮9．单选按钮10．复选框11．下拉列表框12．列表框13．隐藏域14．图像域15．文件域实验实验一表单控件操作练习1．熟悉表单在html中的结构；2．掌握常用表单控件的使用；3．掌握表单实例制作方法。第5章CSS基础应用教学要求理解CSS的概念以及与HTML标签元素的关系，了解网站中应用CSS的意义；熟练掌握CSS基本语法格式、CSS基本样式的定义以及如何在网页中引入CSS。教学重点CSS的概念以及与HTML标签元素的关系，如何在网页中引入CSS。教学难点CSS基本语法格式和在网页中引入CSS的几种方法的区别。课时安排本章安排5课时。其中，理论讲授3课时，上机实验2课时教学大纲一、CSS简介1．CSS语法2．层叠性3．注释4．在网页中插入CSS二、设置文本字体1．字体系列2．字体大小3．字体加粗4．设置斜体5．字体变形6．设置字体的多个属性三、设置文本样式1．文本段落缩进2．文本对齐方式3．文本字间距4．文本修饰效果5．行间距四、设置颜色和背景1．颜色2．背景颜色3．背景图像五、设置边框1．边框样式2．边框宽度3．边框颜色主要概念1．CSS2．属性、选择符和属性值3．链接的外部样式表、内部样式表、嵌入样式表和导入的样式表4．层叠性5．文本样式、文本修饰实验实验CSS基础应用1．掌握CSS基本语法结构；2．掌握如何在网页中引入样式表；3．熟悉对文本字体和文本样式进行设置的若干属性。第6章CSS高级应用教学要求熟练掌握CSS中列表的控制、CSS的定位和CSS特效滤镜等高级应用的使用方法，从而对使用CSS实现丰富的网页效果有深入的认识和体会，真正理解CSS引入对网页设计与制作带来的深刻变化。教学重点CSS定位和CSS滤镜的使用教学难点CSS的定位方式和定位位置课时安排本章安排4课时。其中，理论讲授2课时，上机实验2课时教学大纲一、列表1.列表样式2.列表图像3.列表位置二、定位1.定位方式2.定位位置3.叠放次序三、滤镜1.Alpha2.Blur3.Chroma4.Shadow和DropShadow5.FlipH和FlipV6.Glow属性主要概念CSS定位方式、叠放次序和CSS滤镜实验实验CSS高级应用1．掌握利用CSS控制列表的样式；2．掌握利用CSS控制网页元素的定位位置和叠放次序；3．熟悉利用CSS实现不同网页元素的多种滤镜效果。。第7章JavaScript基础知识教学要求熟练掌握JavaScript语言中变量的定义、命名规则和使用方法，表达式和运算符，选择语句、循环语句、转向语句等流程控制语句；掌握函数的概念、函数的创建以及如何去调用函数。教学重点变量的定义、命名规则和使用方法，表达式和运算符，选择语句、循环语句、转向语句等流程控制语句教学难点函数的概念、函数的创建以及如何去调用函数课时安排本章安排5课时。其中，理论讲授3课时，上机实验2课时教学大纲一、JavaScript概述1．JavaScript主要特点2．JavaScript运行和编译环境3．JavaScript代码格式二、JavaScript语言基础1．数据类型及转换方法2．常量和变量3．运算符和表达式三、JavaScript控制语句1．选择语句2．循环语句3．转向语句四、JavaScript函数1．函数的定义与函数的调用2．数据类型函数3．内置函数主要概念JavaScript、常量、变量、运算符、表达式、函数、语句实验实验JavaScript语言基础1．掌握JavaScript语言的运行和编译环境用法；2．掌握JavaScript变量、运算符、表达式的用法；3．掌握JavaScript语句的用法和函数的用法。第8章JavaScript的事件和对象教学要求掌握对象的基本概念，熟练掌握对象的属性的访问和使用对象的方法；掌握事件