网页设计教学计划.doc

网页设计教学计划 1网页设计概述22HTML的基本标志与格式标志23HTML的文本、图片与超级链接标志24HTML表格、表单与框架标志25HTML标志综合运用案例26Dreamweaver中简单WEB站点建立与管理27Dreamweaver中静态网页设计28Dreamweaver中动态网页设计29Dreamweaver综合性网页设计案例210VBScript概述211VBScript的基本元素与输入输出212VBScript的条件语句、循环语句和过程213VBScript文档对象模型214ASP概述215使用ASP对象216使用ASP组件217使用ADO对象218设计实例论坛219设计实例成绩管理系统220网站的设计、制作、发布和宣传2总计40【教学内容】讲解网页设计的相关术语及网站制作的基本流程【教学目的】使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣【教学重点】网页设计中的若干术语【教学难点】理解网页设计中的若干术语【教学方式】讲授式、讨论式、案例分析式【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、Inter网页工场Wittime工作室重庆出版社 3、WEB网站设计Joel Sklar著高等教育出版社 4、HTML网页制作教程材义语编著铁道出版社【新课内容】 1、WEB的含义 2、WEB的工作方式 3、URL的作用 4、IE的使用 5、网页中所使用的技术 6、HTML的发展 7、制作网页的基本方法 8、制作WEB页面的用途【课后小结】通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。 HTML【教学内容】讲解HTML基本标志对和格式标志【教学目的】使学生标志对与格式标志对的使用【教学重点】格式标志的使用【教学难点】列表标志的使用【教学方式】讨论式、案例分析式、练习式【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计Joel Sklar著高等教育出版社 3、HTML网页制作教程材义语编著铁道出版社【新课内容】 1、HTML概述 2、HTML文档的基本语法 3、HTML文档的基本结构 4、HTML的基本单位【课后小结】通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用列表,有序列表,无序列表标志及属性。 HTML【教学内容】讲解HTML标准中的文本、图片与超级链接标志【教学目的】*使学生了解标题元素,掌握字体,上下标,及特殊字符的标志*使学生掌握图片标志,声音标志及相应的属性,学会利用标志在网页中插入声音与图片*使学生掌握超级链接标志的使用【教学重点】*字体、图片和超级链接标志的使用*网页中特殊符号的输入【教学难点】*理解特殊符号对应的标志*理解img标志中属性的意义*理解书签超级链接的意义【教学方式】讨论式、案例分析式、练习式【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计Joel Sklar著高等教育出版社 3、HTML网页制作教程材义语编著铁道出版社【新课内容】 1、段落与文本结构 2、文字格式 3、项目符号列表 4、在网页中插入图片 5、图片的属性 6、建立超级连接 7、锚点的使用【课后小结】本节介绍了在网页中加入文本、图片和超级链接的标志与相应属性，熟练运用这些标志是制作多媒体网页的基础。 超级链接标志中，书签链接是一类特殊的链接方式，理解和使用书签链接学习HTML中超级链接标志的难点。 HTML【教学内容】讲解HTML中制作表格、表单与框架的标志【教学目的】使学生掌握简单表格、表单与框架的制作【教学重点】*表格中单元格的合并以及表格嵌套和叠加操作*框架的嵌套使用*表单元素标志与属性【教学难点】*理解表格属性rowspan与colspan的含义以及表格嵌套实现的基本思想*理解框架属性name、target的意义*理解表单中相应元素对应标志及属性的含义【教学方式】案例分析式、项目教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计Joel Sklar著高等教育出版社 3、HTML网页制作教程材义语编著铁道出版社【新课内容】 1、表格 2、框架网页 3、HTML中的表单【课后小结】表格在网页设计中应用广泛，熟练掌握表格的基本标志及配合使用的属性的意义，是灵活运用表格的基础。 表格的嵌套是表格制作中的一个难点，关键是要抽象出嵌套表格对应的简单表格模型，再将模型中单元格的位置使用内嵌表格代替。 框架结构是布局网页的一种常用方式，要掌握框架及其嵌套的实现，以及在框架中设置超级链接时目标框架位置的设置。 表单是网页实现交互处理的工具,熟练掌握表单中元素的标志和属性，是设计表单网页关键。 HTML【教学内容】综合运用所学过的HTML标志书写网页【教学目的】使学生能够书写简单的HTML网页【教学重点】使用所学的HTML标志书写网页【教学难点】HTML的综合运用【教学方式】案例分析式、讨论式、练习式【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计Joel Sklar著高等教育出版社 3、HTML网页制作教程材义语编著铁道出版社【新课内容】 1、用记事本书写HTML网页 2、利用案例进行HTML网页的综合讲解 3、要求学生按规定书写一个完整的HTNL网页【课后小结】HTML是目前制作网页时必须掌握的一种语言，学好HTML语言是为以后对网页设计这门课程更深入的学习打下扎实的基础。 Dreamweaver【教学内容】讲解Dreamweaver的工作界面和基本操作【教学目的】使学生掌握网页制作工具Dreamweaver的基本操作方式【教学重点】网页制作工具Dreamweaver的界面和基本基本操作【教学难点】掌握一个新的开发工具【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计Joel Sklar著高等教育出版社 3、Dreamweaver网页设计案例教程白煜编著清华大学出版社 4、Dreamweaver MXxx完美网页设计与制作姜楠编著中国青年出版社【新课内容】 1、安装Dreamweaver MX xx2、Dreamweaver MXxx的初始设置 3、熟悉Dreamweaver MXxx工作界面 4、Dreamweaver MXxx的操作环境 5、Dreamweaver MXxx基本操作方式 6、Dreamweaver MXxx网站建设流程【课后小结】Dreamweaver是一款由Macromedia公司开发的专业HTML器，用于对WEB站点、WEB页面和WEB应用程序进行设计、编码和开发。 无论是刚接触网页设计的初学者还是专业的WEB开发人员，Dreamweaver都在前卫的设计理念和强大的软件功能方面给予了充分可靠的支持。 因此学好Dreamweaver对以后的网页设计有很大的帮助。 Dreamweaver【教学内容】讲解利用Dreamweaver进行静态页面的制作【教学目的】使学生掌握利用Dreamweaver对页面进行文本、图象、超级链接、表格以及框架等的【教学重点】通过对工具软件Dreamweaver的操作，制作出完整的静态页面【教学难点】了解静态网页的含义【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计Joel Sklar著高等教育出版社 3、Dreamweaver网页设计案例教程白煜编著清华大学出版社 4、Dreamweaver MXxx完美网页设计与制作姜楠编著中国青年出版社【新课内容】 1、利用Dreamweaver MXxx在网页中插入文本 2、利用Dreamweaver MXxx在网页中插入图象 3、利用Dreamweaver MXxx在网页中插入多媒体 4、利用Dreamweaver MXxx在网页中建立超级链接 5、利用Dreamweaver MXxx在网页中创建表格 6、利用Dreamweaver MXxx在网页中创建框架 7、利用Dreamweaver MXxx在网页中创建表单 8、使用CSS 9、模板和库的使用【课后小结】了解静态网页的含义，利用Dreamweaver MXxx的强大功能制作出各色各样的页面，为以后的学习打下坚实的基础。 Dreamweaver【教学内容】讲解利用Dreamweaver进行动态页面的制作【教学目的】使学生掌握利用Dreamweaver作出简单的动态页面【教学重点】理解动态页面的含义以及数据库的使用【教学难点】了解动态网页的含义【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计Joel Sklar著高等教育出版社 3、Dreamweaver网页设计案例教程白煜编著清华大学出版社 4、Dreamweaver MXxx完美网页设计与制作姜楠编著中国青年出版社【新课内容】 1、初识数据库与ASP 2、建立数据库 3、在Dreamweaver MXxx中连接数据库 4、绑定数据库 5、显示记录 6、添加记录 7、修改记录 8、删除记录【课后小结】了解动态网页的含义，本节详细的介绍了如何在Dreamweaver MXxx中实现与数据库的连接。 动态网页是当今的主流，学好动态网页的制作是必须的。 Dreamweaver【教学内容】实例讲解利用Dreamweaver进行留言本的制作【教学目的】使学生掌握利用Dreamweaver作出简单的动态站点【教学重点】动态站点的制作流程【教学难点】数据库的创建、连接与显示【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计Joel Sklar著高等教育出版社 3、Dreamweaver网页设计案例教程白煜编著清华大学出版社 4、Dreamweaver MXxx完美网页设计与制作姜楠编著中国青年出版社【新课内容】 1、制定网站设计方案 2、建立数据库 3、在Dreamweaver MXxx中创建站点 4、在Dreamweaver MXxx中连接数据库 5、发表、删除留言部分制作 6、管理留言【课后小结】通过具体实例的讲解剖析，使学生更加直观的了解了动态网站的制作流程。 留言本是一个典型的并且简单的动态站点案例，上手容易。 VBScript【教学内容】讲解VBScript的基本概念及其特点【教学目的】使学生对VBScript有个初步的了解【教学重点】什么是VBScript【教学难点】如何在HTML页面中添加VBScript代码【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计张锦祥主编科学出版社 3、网页编程技术与实例谭浩强主编人民邮电出版社【新课内容】 1、VBScript概述 2、什么是VBScript 3、VBScript脚本语言的主要特点 4、在HTML页面中添加VBScript代码【课后小结】VBScript是程序开发语言Visual Basic家族的最新成员，可以将灵活的脚本应用于更广泛的领域，包括Microsoft InterExplorer中的Web客户端脚本和Microsoft InterInformation Server中的Web服务器端脚本。 掌握VBScript是开发动态网站的必要条件。 VBScript【教学内容】讲解VBScript的数据类型、常量、变量、运算符以及VBScript的基本语句【教学目的】使学生对VBScript这种开发语言的基本语法有个初步认识【教学重点】VBScript的基本元素与输入输出【教学难点】对VBScript的数据类型、常量、变量、运算符建立起基本概念【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计张锦祥主编科学出版社 3、网页编程技术与实例谭浩强主编人民邮电出版社【新课内容】 1、VBScript的数据类型 2、VBScript常量 3、VBScript变量 4、动态数组 5、VBScript运算符 6、基本语句 7、MsgBox函数 8、InputBox函数【课后小结】本节介绍了VBScript的基本元素，包括VBScript的数据类型、常量、变量和运算符，并且初步提到了VBScript的输入输出基本语句，为下节课的内容作好准备。 VBScript【教学内容】讲解VBScript的一些基本语句以及过程【教学目的】使学生基本掌握对VBScript的基本语句语法格式和过程【教学重点】VBScript的基本语句语法格式【教学难点】VBScript的基本语句语法格式和过程过于概念化抽象化，学生掌握有难度【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计张锦祥主编科学出版社 3、网页编程技术与实例谭浩强主编人民邮电出版社【新课内容】 1、If.Then.Else语句 2、Select Case语句 3、Do.Loop语句 4、While.Wend语句 5、For.Next语句 6、For Each.Next循环 7、Sub过程 8、Function过程 9、VBScript中常用的内部函数 10、响应HTML事件【课后小结】本节详细介绍了VBScript的基本语句语法格式和过程，这些概念过于抽象化，学生掌握过程中有很大难度，这就要求我们教师不断的耐心的详细的进行讲解。 VBScript【教学内容】讲解VBScript的文档对象模型【教学目的】使学生掌握对VBScript文档对象模型的理解和运用【教学重点】什么是VBScript的文档对象模型【教学难点】VBScript文档对象模型的灵活运用【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计张锦祥主编科学出版社 3、网页编程技术与实例谭浩强主编人民邮电出版社【新课内容】 1、文档对象概述 2、Window对象 3、Document对象 4、其他文档对象【课后小结】文档对象模型是可以被任何脚本引擎访问的对象的集合，它提供了对Web浏览器的访问。 但VBScript语言没有其对象模型，它使用Microsoft InterExploer浏览器的对象模型，这是一种具有层次结构的对象模型，其中每个对象都有属性、方法和事件，而属性本身也是对象，它又包含属性、方法和事件。 这是学生应该注意的地方。 ASP【教学内容】讲解ASP的基本理论概念【教学目的】使学生掌握对“什么是ASP”有个基本的认识【教学重点】什么是ASP【教学难点】又一个新的概念ASP要求学生掌握【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计张锦祥主编科学出版社 3、网页编程技术与实例谭浩强主编人民邮电出版社【新课内容】 1、ASP概述 2、在ASP页面中添加服务器端脚本 3、ASP的内置对象 4、包含服务器端文件【课后小结】ASP的英文全称是Active ServerPage，翻译为中文就是动态网页。 ASP对WEB服务器的增强，让HTML网页浏览器从服务器取得WEB页面的工作方式有所改变。 理解ASP的工作原理对以后的进一步学习制关重要。 ASP【教学内容】讲解ASP对象的使用【教学目的】使学生掌握对ASP对象的使用方法【教学重点】什么是ASP的对象【教学难点】每种对象的运用都不相同【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计张锦祥主编科学出版社 3、网页编程技术与实例谭浩强主编人民邮电出版社【新课内容】 1、使用Response对象 2、使用Request对象 3、使用Server对象 4、使用Session对象 5、使用Application对象【课后小结】在面向对象编程中，对象就是指具有一组实体的属性数据和操作方法的变量。 ASP是一种面向对象的程序语言，它具有许多对象。 通过本节的学习，要求学生熟练掌握ASP对象的使用方式。 ASP【教学内容】讲解ASP组件的使用【教学目的】使学生掌握对ASP组件的使用方法【教学重点】什么是ASP的组件【教学难点】过多的组件使学生掌握起来需要花费很多精力和时间【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计张锦祥主编科学出版社 3、网页编程技术与实例谭浩强主编人民邮电出版社【新课内容】 1、ASP组件概述 2、使用内容轮显组件 3、使用内容链接组件 4、使用广告轮显组件 5、使用页面计数器组件 6、使用计数器组件 7、使用浏览器功能组件 8、使用文件存取组件【课后小结】当用ASP编写服务器端应用程序时，必须依靠组件来增强WEB应用程序的功能。 事实上组件是其他人已经编写好的一些程序，我们只要掌握它们的使用方法就可以了。 ADO【教学内容】讲解ADO对象的使用方法【教学目的】使学生掌握对ADO对象的使用方法【教学重点】什么是ADO对象【教学难点】如何运用ADO访问数据库【教学方式】讲授式、项目模块式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计张锦祥主编科学出版社 3、网页编程技术与实例谭浩强主编人民邮电出版社【新课内容】 1、使用Connection对象 2、使用Recordset对象 3、使用Command对象【课后小结】ASP环境下对数据库的访问主要是通过ADO数据模型。 ADO访问数据库更类似于编写数据库应用程序。 ADO是ASP技术的核心之一，它集中体现了ASP技术丰富而灵活的数据库访问功能。 学好本节是制作动态网站的关键。 【教学内容】实例讲解利用ASP进行论坛的制作【教学目的】使学生掌握ASP网站的制作方式及其流程【教学重点】一个简单ASP网站的制作方式及其流程【教学难点】要求学生综合运用所学过知识【教学方式】案例分析式、讨论式、演示教学【教学参考】 1、网页设计与制作杨尚森曲宏山贾文峰等著电子工业出版社 2、WEB网站设计张锦祥主编科学出版社 3、网页编程技术与实例谭浩强主编人民邮电出版社 4、ASP数据库系统