动态网页设计与制作教案章节一：概述教学目标：1. 了解的发展历程和特点。
2. 掌握的运行环境。
3. 熟悉的组件和架构。
教学内容：1. 的发展历程。
2. 的特点。
3. 的运行环境。
4. 的组件和架构。
教学方法：1. 讲授法：讲解的发展历程、特点和运行环境。
2. 案例分析法：分析的组件和架构。
教学时长：2课时章节二：C语言基础教学目标：1. 掌握C语言的基本语法。
2. 熟悉C语言的数据类型、运算符和表达式。
3. 了解C语言的流程控制语句。
教学内容：1. C语言的基本语法。
2. C语言的数据类型、运算符和表达式。
3. C语言的流程控制语句。
教学方法：1. 讲授法：讲解C语言的基本语法、数据类型、运算符和表达式。
2. 实践法：上机练习C语言的流程控制语句。
教学时长：3课时章节三：HTML与CSS基础教学目标：1. 掌握HTML的基本标签和属性。
2. 熟悉CSS的使用方法和语法。
3. 了解如何利用HTML和CSS布局页面。
教学内容：1. HTML的基本标签和属性。
2. CSS的使用方法和语法。
3. HTML和CSS布局页面。
教学方法：1. 讲授法：讲解HTML的基本标签和属性、CSS的使用方法和语法。
2. 实践法：上机练习HTML和CSS布局页面。
教学时长：2课时章节四： Web Forms概述教学目标：1. 了解 Web Forms的特点。
2. 掌握 Web Forms的运行原理。
3. 熟悉 Web Forms的基本控件。
教学内容：1. Web Forms的特点。
2. Web Forms的运行原理。
3. Web Forms的基本控件。
教学方法：1. 讲授法：讲解 Web Forms的特点、运行原理和基本控件。
2. 案例分析法：分析 Web Forms的应用实例。
教学时长：2课时章节五： Web Forms控件应用教学目标：1. 掌握 Web Forms常用控件的使用方法。
2. 熟悉 Web Forms控件的事件处理。
"动态网页设计"实训指导书实训一HTML语言【实训目的】熟悉HTML元素的概念；掌握使用HTML简单元素进展简单网页制作。
掌握域名与URL的相关知识。
熟练使用搜索引擎。
【实训器材】安装有Windows7/xp/Vista；Dreamweaver CS；IE浏览器;PHP + MySQL + Apache等软件的计算机。
【实训容】➢掌握使用记事本进展简单网页编辑的方法；➢熟练掌握简单区块元素及属性的书写；➢掌握简单HTML文档的编排；➢搜索并列举著名的Web 2.0，了解它们使用的技术或提供的效劳。
搜索并访问不同类别域名的。
【实训步骤】1使用HTML简单区块元素：（1）从开场菜单启动记事本；（2）在记事本中，录入一个最简合法HTML文档；（3）设置该文档最终在浏览器中显示的标题为"HTML简单区块元素〞；（4）在网页中依次添加元素p、blockquote、address、hn(n=1,2,3,4,5,6)、hr、pre等元素，要求这些元素最终在网页上的显示容能够表达元素的特点，如address元素通常只用于显示地址或电子。
（5）使用记事本的菜单"文件〞→"保存〞，在"另存为〞对话框中，在"保存类型〞下拉列表中选择"所有文件〞，录入"文件名〞simpleblock.htm，单击"保存〞按钮将该页面保存到实训文件夹。
2在网页中添加HTML列表：在Dreamweaver CS建立my.htm，了解其根本构成、注释方法，在浏览器的地址栏中输入localhost/my.htm，回车，查看浏览器窗口中的显示容〔即浏览器对my.htm中代码的解释〕程序：<!--这里是注释容--><!--最简单的HTML文档〔网页〕计算机2011班--><html><!--HTML开场标记--><head><!--头局部开场--><title><!--标题局部开场-->这里是标题容</title><!--标题局部完毕--></head><!--头局部完毕--><body><!--HTML文档开场-->HTML欢送你</body><!--HTML文档完毕--></html><!--HTML完毕标记-->3简单文档的编排：（6）输入一段文字，其它过程同步骤2；（7）设置该文档最终显示标题为"简单文档的编排〞；（8）在网页中添加适当HTML元素，使得网页中显示的容形式与本文的容类似；提示：文本的居中显示可以使用"<center>文本容</center>〞进展编排。
ASP动态网页设计与制作实训指导书（新闻网站版本）班级：组员：一、实训目的1．掌握Web数据库管理系统开发的一般步骤。
2．能独立进行数据库的设计。
3．能合理有效的进行网站目录结构的设计。
4．能熟练的使用ASP技术进行动态网站的建设。
5．能掌握网站建设中简单的安全防范措施。
二、课题介绍1．网站主题以“新闻”为主题，设计一个能够完成新闻浏览、网站留言与回复和网站发布等功能的网站。
2．功能要求网站包括前台和后台部分。
1）前台能够分类显示各类新闻；能够浏览新闻详细内容；能够进行基于新闻标题或新闻正文的模糊查询；能进行新闻点击量的统计并汇总；能够基于网站进行留言。
2）后台能够实现登录用户的管理功能；能够进行新闻类别和新闻的管理；能够进行留言的审核和回复。
3．技术要求前台页面的设计要合理，界面适当进行美化，能使用CSS文件进行页面的格式化；模块化设计，如数据库连接字符串单独文件组织；网站的安全防范，如数据库文件的安全防范、SQL注入防范、页面权限验证等；新闻正文页面提供页面打印和关闭功能。
三、实训要求1．以3~4人为小组的形式进行实训，每组同学通过合作，共同完成课题。
2．实训结束，每组提交网站一份。
3．实训结束，每人完成实训总结一份。
四、时间安排五、实训内容 1．数据库设计 1）E-R 图：2）逻辑设计新闻类别表（NewsClass ）新闻表（News ）网站留言表（Message）用户表（Users）3）物理设计文件名News.mdb，最终改名为News.asp。
2．站点目录设计Img：存放网站图形图像等素材；Database：存放数据库文件；Admin：存放后台页面文件。
3．页面文件名规划4．前台设计1）CSS.css定义标记a的无下划线属性；定义body标记的上下间距为0。
2）conn.asp定义数据库连接字符串变量Constr；定义adodb.connection对象cn 并初始化；定义adodb.recordset对象rs。
《动态网页制作》实验实训指导书主编：贾玮娜2017.8编写说明本课程实验实训指导书是根据教学的需要，在试用的基础上，编写了这套实验实训指导书。
其中包括四个实验和一个实训，内容包括信息咨询管理系统，用户管理系统，网络投票系统，数字留言系统。
目的是使学生通过实验实训，加深对企业网站的规划与设计的能力，巩固数据库的创建连接，创建记录集，绑定字段，记录分页，创建重复区域等服务器行为。
并将其运用到实际的工作当中，增强学生的实践能力，培养创新精神。
目录实训 1 信息咨询管理系统 (1)实训 2 用户管理系统 (20)实训 3 网络投票系统 (25)实训 4 数字留言板系统 (33)实训 1 信息咨询管理系统一.实训目的：1. 熟悉信息咨询管理系统的功能2. 掌握信息咨询管理系统的数据库设计和连接方法3.掌握系统主页面的设计方法4.掌握系统后台管理页面的设计方法5.掌握新增、修改、删除页面的设计方法二.实训内容：1.系统的功能分析信息咨询管理系统中设计的主要操作就是访问者的信息功能和系统管理员对内容的新增、修改及删除功能。
图1-1 信息咨询管理系统结构信息咨询管理系统开发网页设计表如下表1-1：2.数据库设计与连接表1-2：信息数据表information表1-3：信息分类表information_type意义字段名称数据类型字段大小必填字段允许空字默认值符串type_id 自动编号长整型信息类型编号Type_name 文本50 是否信息类型名称表1-4：管理信息表admin意义字段名称数据类型字段大小必填字段允许空字默认值符串自动编号id 自动编号长整型管理账号username 文本50 是否管理密码password 文本50 是否3.系统页面设计（1）网站首页设计（index.asp）Array图1-2网站首页效果图➢制作信息分类模块图1-3信息分类模块效果图图1-4 【重复】灰色标签步骤1：创建记录集Recordset1,连接inormation,表格information_type 步骤2：把记录集中type_name 字段替换相应的文字。
