下载文档原格式
---------------------------------------------------------------最新资料推荐------------------------------------------------------Web程序设计课程设计《Web 开发技术》课程设计使用班级：1340301-2 班 1 课程设计目标课程设计总的目标是衡量学生是否取得学习效果，培养学生具有专业网站初步的规划、设计、制作能力。
具体表现在网站内容、功能、安全等方面合理策划和规划；培养具有主页和二级页面的创意、设计等方面的技术处理能力和具有强大的动态效果制作能力。
培养学生具有基于后台数据库的编程技术，实现客户服务器端交互式动态网页的制作能力，掌握实际网页设计与制作开发流程和开发方法。
具体应达到以下目的：1．提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。
2．在实际的项目任务中培养网页设计方面的素养。
3．在实际的项目任务中使学生网页编程和制作的能力得到提高。
4．培养学生团队协作和人际交往方面的能力。
5. 培养相关知识和技能的综合应用能力。
6、掌握运用 及数据库原理知识进行系统分析和设计的方法7、掌握关系数据库的设计方法8、掌握 SQL Sever 或 Access 技术的应用9、掌握简单的数据库应用程序编写方法 10、理解 B/S1 / 17模式结构 2 系统的运行环境本系统软件基本配置为 Windows Server2003/XP/2019/Windows 7/Windows 8。
数据库可以选用：Microsoft SQL server 2005 及以上版本，Access 软件等，系统开发软件可以选用 Visual Studio 2005 或以上版本等。
硬件最低配置为 CPU: Pentium 1G MHz 以上，内存至少 1G，硬盘空间 2G，显示器分辨率 800 *600 或 1024 *768。
《WEB程序设计》教学大纲课程名称：WEB程序设计课程学时：48学时（3学分）一、课程简介（150字）本课程是针对计算机科学与技术专业的本科生设计的一门实践性课程。
本课程旨在通过对WEB应用程序开发技术进行理论和实践的学习，使学生能够熟练掌握前端和后端技术，能够独立完成WEB应用程序的设计与开发。
二、课程目标（200字）1. 掌握HTML、CSS和JavaScript等前端开发技术的基础知识和应用技巧；2. 熟悉并掌握常用的后端开发语言，如PHP、Python或Java；3.理解和掌握网站的基本概念与组成结构，能够进行网站的基础设计和开发；4.学会使用常见的开发框架和工具，提高开发效率和程序的可维护性；5.培养学生的动手能力和解决问题的能力，具备独立完成WEB应用程序的开发能力。
三、教学内容（800字）1.前端开发技术基础：a.HTML基础知识与应用；b.CSS基础知识与应用；c. JavaScript基础知识与应用；d.前端开发框架与工具介绍。
2.后端开发技术基础：a.后端开发语言的选择与介绍；b. 常见后端语言的基础知识与应用，如PHP、Python、Java等；c.数据库基础知识与应用；d.后端开发框架与工具介绍。
3.综合实践：a.前后端技术的结合与交互；b.网站基础设计与开发；c.编写简单的WEB应用程序；d.基于实际项目的开发实践。
四、教学方法（150字）1.理论讲授：通过教师讲授相关概念、基础知识、应用技巧等内容，帮助学生理解和掌握相关知识。
2.实践操作：通过实际操作，让学生掌握相关技术的实际应用和开发方法。
3.案例分析：通过分析实际案例，让学生理解相关技术的应用场景和解决问题的方法。
4.项目实践：通过实际项目的开发实践，让学生将所学知识应用到实际项目中，提高实际问题解决能力。
5.讨论交流：鼓励学生在授课过程中提问、讨论，加深对知识内容的理解和运用。
五、教学评价（100字）1.平时作业：根据课程要求布置相关作业，评估学生对基础知识的掌握程度和能力的应用情况。
课题：第一章 Java Web概述【教学目标】掌握JSP运行环境的搭建，能进行简单的JSP程序编写与运行。
【教学重点】Eclipse+Dreamweaver工具、项目的导入、导出、发布打包【教学难点】Eclipse+Dreamweaver工具、项目的导入、导出、发布打包【教学方法】讲解、讨论【教学地点】教学楼、综合楼【课时安排】4课时【教学过程】1.1 配置JSP运行环境1.1.1 任务描述与实现正确安装Tomcat服务器，并显示其欢迎页面。
如图1-1所示。
图1- 1 使用Tomcat欢迎页面实现过程：1．安装JDK安装Tomcat服务器前首先安装JDK(Java Development Kit)，其包括了Java运行环境，Java工具和Java基础的类库。
目前，提供下载的最新版本为JDK7。
读者可到官方网站下载，下载地址为。
下载后双击安装，画面如图1-2所示，按“下一步”操作直到完成。
图1- 2 JDK安装界面2．安装TomcatTomcat官方网站下载地址：。
本书采用的版本是。
下载后，双击安装，如图1-3所示。
点击Next到第一步，进行安装组件选择，如图1-4所示。
第二步选择路径，按照系统默认路径即可。
第三步为配置Tomcat端口信息和账号信息，如图1-5所示，按照实际配置即可。
第四步为选择JDK的安装路径，如图1-6所示，选择在之前第1步操作中安装的JDK所在的位置。
之后单击“Next”开始安装。
安装完毕后，提示安装完成，如图1-7所示。
单击“Finish”完成Tomcat的安装。
安装完成之后，在程序菜单中可以看到Tomcat的选项，如图1-8所示。
点击Monitor Tomcat，可在任务栏看到Tomcat的服务图标，如图1-9所示，双击该图标，弹出如图1-10所示的Tomcat启动界面，在此界面中可以选择启动或停止Tomcat服务。
启动Tomcat后，在地址栏中输入，若出现图1-1的显示效果，则Tomcat已正常安装并运行。
Java Web程序设计概述教学教案一、教学目标1. 让学生了解Java Web程序设计的基本概念。
2. 让学生掌握Java Web程序设计的基本架构。
3. 让学生了解Java Web程序设计的技术要点。
4. 让学生能够运用Java Web技术开发简单的Web应用程序。
二、教学内容1. Java Web程序设计的基本概念什么是Java Web程序设计Java Web程序的特点Java Web程序的应用领域2. Java Web程序设计的基本架构客户端层服务器端层数据库层3. Java Web程序设计的技术要点Servlet技术JSP技术JavaBean技术JDBC技术4. Java Web程序开发工具与环境Eclipse/IntelliJ IDEATomcat服务器MySQL数据库5. Java Web程序设计实例演示简单的Servlet程序简单的JSP程序整合JavaBean和JDBC技术的Web程序三、教学方法1. 讲授法：讲解Java Web程序设计的基本概念、架构和技术要点。
2. 演示法：通过实例演示Java Web程序设计的具体实现。
3. 练习法：让学生通过动手实践，巩固所学知识。
4. 讨论法：组织学生进行小组讨论，分享学习心得。
四、教学安排1. 第一课时：介绍Java Web程序设计的基本概念。
2. 第二课时：讲解Java Web程序设计的基本架构。
3. 第三课时：讲解Java Web程序设计的技术要点。
4. 第四课时：介绍Java Web程序开发工具与环境。
5. 第五课时：演示Java Web程序设计实例。
五、教学评价1. 课后作业：布置相关练习题，检验学生掌握程度。
2. 课堂讨论：评估学生在讨论中的表现，了解学习效果。
4. 期末考试：全面测试学生对Java Web程序设计的掌握情况。
六、教学资源1. 教材：《Java Web程序设计教程》2. 课件：教师自制的PPT课件3. 实例代码：用于演示的Java Web程序实例代码4. online resources：互联网上的相关教程、博客、论坛等资源5. 辅助工具：Eclipse/IntelliJ IDEA、Tomcat、MySQL等开发工具和环境七、教学过程1. 课前准备：教师提前准备课件、实例代码和相关教学资源。
洛阳理工学院课堂教学教案教师姓名：课程名称：Web程序设计授课时数：6 第7、8、9次课以下内容属于第7次课：第4章 服务器控件[主要介绍HTML服务器控件、标准服务器控件、验证控件和用户控件]4.1 服务器控件概述在网页上经常看到填写信息用的文本框、单选按钮、复选框、下拉列表等元素，它们都是控件。
控件是可重用的组件或对象，有自己的属性和方法，可以响应事件。
服务器控件是服务器端网页上的对象，当用户通过浏览器请求网页时，这些控件将运行并把生成的标准的HTML文件发送给客户端浏览器来呈现。
在页面上，标准服务器控件表现为一个标记，例如<asp:textbox…/>。
这些标记不是标准的HTML元素，因此如果它们出现在网页上，浏览器将无法理解它们，然而，当从Web服务器上请求一个页面时，这些标记都将动态地转换为HTML元素，因此浏览器只会接收到它能理解的HTML内容。
在创建.aspx页面时，可以将任意的服务器控件放置到页面上，然而请求服务器上该页面的浏览器将只会接收到HTML和JavaScript脚本代码，如图4-1所示。
Web浏览器无法理解。
Web浏览器只理解HTML，可能也理解JavaScript——但它不能处理代码。
服务器读取代码并进行处理，将所有特有的内容转换为HTML以及(如果浏览器支持的话)一些JavaScript代码，然后将最新生成的HTML发送回浏览器。
服务器控件主要类别有HTML服务器控件、标准服务器控件、验证控件、用户控件、数据控件、导航控件等。
4.2 HTML服务器控件[描述如何使用VWD2008工具箱的“HTML”选项卡上的服务器控件]4.2.1 HTML元素在VWD2008中，从工具箱添加到页面上的HTML服务器控件只是已设置了某些属性的HTML元素，当然也可通过输入HTML标记在“源”视图中创建HTML元素。
默认情况下，文件中的HTML元素作为文本进行处理，并且不能在服务器端代码中引用这些元素，只能在客户端通过javascript和vbscript等脚本语言来控制。
Web程序设计教学设计1. 前言Web程序设计是计算机专业中非常重要的一门课程，也是大学生就业中需要具备的技能之一。
本文旨在探讨如何进行有效的Web程序设计教学设计，帮助学生掌握这门技能。
2. 课程目标Web程序设计课程的主要目标是使学生掌握以下技能：1.理解Web程序设计的基本概念和原理。
2.掌握网页的结构和组成要素。
3.掌握HTML、CSS和JavaScript等Web开发技术。
4.能够使用常用的Web开发工具进行开发和调试。
5.能够开发简单的Web应用程序。
3. 课程内容为实现上述目标，我们将按照以下顺序进行教学：3.1 Web基础1.Web的概念和基本原理2.网络协议3.URL、URI和URN的区别4.HTTP的基本原理5.Web服务器的概念和工作原理注：可以使用Visio或MindManager等工具制作相应的概念图等课件。
3.2 HTML1.HTML结构和标记语言2.HTML常用标签3.HTML表单4.HTML图像和超链接注：可使用Dreamweaver等工具演示HTML标签的使用方法。
3.3 CSS1.CSS的基本概念和语法2.CSS的选择器3.CSS的样式和层叠4.CSS的盒子模型注：可以使用CSS编辑器等工具进行样式的设置和查看。
3.4 JavaScript1.JavaScript语法和基本概念2.JavaScript的事件和事件处理程序3.JavaScript的DOM操作4.JavaScript的Ajax技术注：可以使用内置浏览器或开发工具进行JavaScript代码的编写和调试。
3.5 Web开发工具1.Dreamweaver的使用2.Sublime Text的使用3.WebStorm的使用注：可以进行相应工具的演示和实例操作。
3.6 Web应用程序开发1.Web应用程序的概念和特点2.Web应用程序的开发框架3.实现一个简单的Web应用程序注：可以结合自身专业背景，选择相应的Web应用程序开发框架进行教学，例如：JavaWeb应用程序开发框架、Rls应用程序开发框架、PHP应用程序开发框架等。
Java Web程序设计概述教学教案第一章：Java Web程序设计简介1.1 教学目标了解Java Web程序设计的概念了解Java Web程序设计的发展历程了解Java Web程序设计的基本架构1.2 教学内容Java Web程序设计的概念Java Web程序设计的发展历程Java Web程序设计的基本架构1.3 教学方法讲授法：讲解Java Web程序设计的概念、发展历程和基本架构案例分析法：分析实际案例，让学生更好地理解Java Web程序设计的特点和应用场景1.4 教学资源PowerPoint课件相关案例资料1.5 教学过程导入：介绍Java Web程序设计的概念新课讲解：讲解Java Web程序设计的发展历程和基本架构案例分析：分析实际案例，让学生更好地理解Java Web程序设计的特点和应用场景总结：回顾本节课的重点内容第二章：Java Web开发环境搭建2.1 教学目标学会搭建Java Web开发环境了解常用的Java Web开发工具和框架2.2 教学内容Java Web开发环境的搭建步骤常用的Java Web开发工具和框架2.3 教学方法讲授法：讲解Java Web开发环境的搭建步骤实践操作法：带领学生动手实践，搭建Java Web开发环境2.4 教学资源PowerPoint课件Java Web开发环境的搭建步骤指南实践操作视频教程2.5 教学过程导入：介绍Java Web开发环境的重要性新课讲解：讲解Java Web开发环境的搭建步骤实践操作：带领学生动手实践，搭建Java Web开发环境案例演示：展示常用的Java Web开发工具和框架总结：回顾本节课的重点内容第三章：Java Web程序设计基础掌握Java Web程序设计的基础知识学会使用Java Web技术开发简单的Web应用3.2 教学内容Java Web程序设计的基础知识Java Web技术的基本使用方法3.3 教学方法讲授法：讲解Java Web程序设计的基础知识和基本使用方法实践操作法：带领学生动手实践，开发简单的Web应用3.4 教学资源PowerPoint课件实践操作指南代码示例3.5 教学过程导入：介绍Java Web程序设计的基础知识新课讲解：讲解Java Web程序设计的基础知识和基本使用方法实践操作：带领学生动手实践，开发简单的Web应用总结：回顾本节课的重点内容第四章：Java Web常用技术4.1 教学目标学会使用Java Web常用技术了解Java Web常用技术的应用场景Java Web常用技术的基本使用方法Java Web常用技术的应用场景4.3 教学方法讲授法：讲解Java Web常用技术的基本使用方法和应用场景实践操作法：带领学生动手实践，掌握Java Web常用技术的使用方法4.4 教学资源PowerPoint课件实践操作指南代码示例4.5 教学过程导入：介绍Java Web常用技术的重要性新课讲解：讲解Java Web常用技术的基本使用方法和应用场景实践操作：带领学生动手实践，掌握Java Web常用技术的使用方法总结：回顾本节课的重点内容第五章：Java Web程序设计实践5.1 教学目标学会使用Java Web技术开发实际的Web应用培养学生的实际动手能力和解决问题的能力5.2 教学内容Java Web技术开发实际Web应用的流程实际动手操作，开发一个简单的Web应用实践操作法：带领学生动手实践，开发实际的Web应用问题解决法：引导学生解决实际开发过程中遇到的问题5.4 教学资源PowerPoint课件实践操作指南代码示例5.5 教学过程导入：介绍Java Web技术开发实际Web应用的重要性新课讲解：讲解Java Web技术开发实际Web应用的流程实践操作：带领学生动手实践，开发实际的Web应用问题解决：引导学生解决实际开发过程中遇到的问题总结：回顾本节课的重点内容第六章：Java Web安全性6.1 教学目标理解Java Web应用中安全性的重要性学会使用Java Web安全框架进行安全控制了解常见的Web安全漏洞及防护措施6.2 教学内容Java Web应用安全性概述Java Web安全框架（如Spring Security）的使用常见Web安全漏洞（如SQL注入、跨站脚本攻击等）及防护策略讲授法：讲解Web安全性的基本概念和防护策略案例分析法：分析实际案例，了解安全漏洞的产生和防范方法实践操作法：引导学生通过实际操作来配置Web应用的安全控制6.4 教学资源PowerPoint课件安全案例资料安全框架使用文档和教程6.5 教学过程导入：讨论Web安全性的重要性新课讲解：介绍Web安全性的基本概念和防护策略案例分析：分析实际案例，了解安全漏洞的产生和防范方法实践操作：引导学生动手配置Web应用的安全控制总结：回顾本节课的重点内容，强调Web安全性在实际开发中的应用第七章：Java Web数据库应用7.1 教学目标掌握Java Web应用中数据库的基本操作学会使用JDBC连接数据库了解常用的数据库框架（如Hibernate、MyBatis）7.2 教学内容数据库基本概念和JDBC连接数据库的方法常用的数据库操作（如CRUD）数据库框架Hibernate和MyBatis的概述7.3 教学方法讲授法：讲解数据库的基本概念和JDBC的使用实践操作法：带领学生动手实践，进行数据库的连接和操作案例演示法：展示数据库框架Hibernate和MyBatis的使用方法7.4 教学资源PowerPoint课件JDBC驱动和安装指南Hibernate和MyBatis的使用教程7.5 教学过程导入：介绍数据库在Java Web应用中的重要性新课讲解：讲解数据库的基本概念和JDBC的使用方法实践操作：带领学生动手实践，进行数据库的连接和操作案例演示：展示Hibernate和MyBatis的使用方法总结：回顾本节课的重点内容，强调数据库操作在实际开发中的应用第八章：Java Web高级技术8.1 教学目标学会使用Java Web高级技术了解Java Web高级技术的应用场景8.2 教学内容Java Web高级技术的基本使用方法Java Web高级技术的应用场景讲授法：讲解Java Web高级技术的基本使用方法和应用场景实践操作法：带领学生动手实践，掌握Java Web高级技术的使用方法8.4 教学资源PowerPoint课件实践操作指南代码示例8.5 教学过程导入：介绍Java Web高级技术的重要性新课讲解：讲解Java Web高级技术的基本使用方法和应用场景实践操作：带领学生动手实践，掌握Java Web高级技术的使用方法总结：回顾本节课的重点内容第九章：Java Web项目实战9.1 教学目标学会使用Java Web技术开发实际项目培养学生的实际动手能力和解决问题的能力9.2 教学内容Java Web技术开发实际项目的流程实际动手操作，开发一个完整的Java Web项目9.3 教学方法实践操作法：带领学生动手实践，开发实际的Java Web项目问题解决法：引导学生解决实际开发过程中遇到的问题PowerPoint课件实践操作指南代码示例9.5 教学过程导入：介绍Java Web技术开发实际项目的重要性新课讲解：讲解Java Web技术开发实际项目的流程实践操作：带领学生动手实践，开发实际的Java Web项目问题解决：引导学生解决实际开发过程中遇到的问题总结：回顾本节课的重点内容第十章：Java Web程序设计综合练习10.1 教学目标巩固Java Web程序设计的知识和技能培养学生的综合应用能力和团队协作能力10.2 教学内容综合练习题和项目任务团队协作和项目管理的基本概念10.3 教学重点和难点解析1. 第一章中“案例分析”环节：通过分析实际案例，让学生更好地理解Java Web 程序设计的特点和应用场景。
Web程序设计第七版教学设计一、教学目标本教学设计旨在让学生掌握前端开发的基本知识和技能，了解Web程序设计的基本概念和流程，能够运用HTML、CSS、JavaScript等技术实现网页的设计与开发。
具体目标如下：1.理解Web程序设计的概念、基本流程和常用技术；2.掌握HTML、CSS、JavaScript等前端开发技术的基本语法和使用方法；3.能够独立设计和开发简单的网页，并实现基本的交互效果；4.培养学生的Web开发思维和解决问题的能力。
二、教学内容1. Web程序设计概述1.1 Web程序设计的定义和基本概念；1.2 Web程序设计的发展历程；1.3 Web程序设计的基本流程和方法。
2. HTML基础知识2.1 HTML的定义和基本概念；2.2 HTML文档的结构和标记语言；2.3 常用HTML标记的介绍和使用。
3. CSS基础知识3.1 CSS的定义和基本概念；3.2 CSS的语法和样式选择器；3.3 常用的CSS样式属性和值。
4. JavaScript基础知识4.1 JavaScript的定义和基本概念；4.2 JavaScript的语法和基本类型；4.3 常用的JavaScript语句和函数；4.4 DOM和BOM的介绍和相关API的使用。
5. Web网页设计与开发5.1 网页设计的基本原则和要素；5.2 网页开发的基本流程和方法；5.3 常用的Web开发工具和技术。
三、教学方法与手段1.讲授教学法：通过讲解理论知识，指导学生理解Web程序设计的基本概念和流程；2.实验教学法：通过实际操作，让学生掌握HTML、CSS、JavaScript等语言的基本语法和使用方法；3.课堂互动：通过课堂提问、举例分析等方式，激发学生的思考和参与热情；4.课外作业：布置练习任务和开发项目，帮助学生巩固理论知识和实践经验；5.个性化辅导：针对学生的不同水平和需求，提供个性化的辅导和指导。
四、教学评估1.课堂表现：包括听讲和参与课堂活动的积极性和表现；2.作业和项目评估：包括作业和项目的完成情况和质量；3.期末考试：考察学生对Web程序设计的理解和掌握程度。
Java Web程序设计教案一、教学目标1. 理解Java Web程序的基本概念和架构。
2. 掌握Java Web开发的基本技术，包括JSP、Servlet、HTML、CSS、JavaScript 等。
3. 学会使用主流的Java Web开发工具和框架，如Eclipse、Tomcat、Spring 等。
4. 能够独立完成简单的Java Web应用程序的设计、开发和部署。
二、教学内容1. Java Web程序概述介绍Java Web程序的基本概念、架构和特点。
2. 开发环境搭建讲解如何搭建Java Web开发环境，包括JDK、Eclipse、Tomcat等。
3. HTML、CSS和JavaScript基础介绍HTML、CSS和JavaScript的基本语法和使用方法，讲解如何实现网页的布局和样式。
4. JSP技术讲解JSP的基本语法、内置对象、标签库和脚本语言，以及如何使用JSP实现动态网页。
5. Servlet技术介绍Servlet的概念、生命周期、请求和响应处理，以及如何使用Servlet实现业务逻辑。
三、教学方法1. 讲授法：讲解基本概念、原理和语法。
2. 案例教学法：通过实际案例演示和分析，让学生掌握具体技术的使用方法。
3. 实践操作法：引导学生动手实践，培养实际操作能力。
四、教学安排1. 课时：32课时（每课时45分钟）2. 教学方式：讲授、案例分析、实践操作3. 教学进度：第1-4课时：Java Web程序概述、开发环境搭建第5-8课时：HTML、CSS和JavaScript基础第9-12课时：JSP技术第13-16课时：Servlet技术五、教学评价1. 课堂参与度：观察学生在课堂上的发言和提问情况，评估学生的学习兴趣和积极性。
2. 实践操作：评估学生在实践环节中的动手能力，包括代码编写和调试能力。
3. 课后作业：检查学生完成作业的情况，评估学生的理解和掌握程度。
4. 期末考试：设置期末考试，全面测试学生对Java Web程序设计的掌握程度。
洛阳理工学院课堂教学教案教师姓名：课程名称：Web程序设计授课时数：6 第7、8、9次课以下内容属于第7次课：第4章 服务器控件[主要介绍HTML服务器控件、标准服务器控件、验证控件和用户控件]4.1 服务器控件概述在网页上经常看到填写信息用的文本框、单选按钮、复选框、下拉列表等元素，它们都是控件。
控件是可重用的组件或对象，有自己的属性和方法，可以响应事件。
服务器控件是服务器端网页上的对象，当用户通过浏览器请求网页时，这些控件将运行并把生成的标准的HTML文件发送给客户端浏览器来呈现。
在页面上，标准服务器控件表现为一个标记，例如<asp:textbox…/>。
这些标记不是标准的HTML元素，因此如果它们出现在网页上，浏览器将无法理解它们，然而，当从Web服务器上请求一个页面时，这些标记都将动态地转换为HTML元素，因此浏览器只会接收到它能理解的HTML内容。
在创建.aspx页面时，可以将任意的服务器控件放置到页面上，然而请求服务器上该页面的浏览器将只会接收到HTML和JavaScript脚本代码，如图4-1所示。
Web浏览器无法理解。
Web浏览器只理解HTML，可能也理解JavaScript——但它不能处理代码。
服务器读取代码并进行处理，将所有特有的内容转换为HTML以及(如果浏览器支持的话)一些JavaScript代码，然后将最新生成的HTML发送回浏览器。
服务器控件主要类别有HTML服务器控件、标准服务器控件、验证控件、用户控件、数据控件、导航控件等。
4.2 HTML服务器控件[描述如何使用VWD2008工具箱的“HTML”选项卡上的服务器控件]4.2.1 HTML元素在VWD2008中，从工具箱添加到页面上的HTML服务器控件只是已设置了某些属性的HTML元素，当然也可通过输入HTML标记在“源”视图中创建HTML元素。
默认情况下，文件中的HTML元素作为文本进行处理，并且不能在服务器端代码中引用这些元素，只能在客户端通过javascript和vbscript等脚本语言来控制。
工具箱的“HTML”选项卡上提供了一些基于HTML INPUT元素的控件。
本节通过下列两个控件HTML INPUT元素的使用方法。
4.2.1 HTML元素（1）Input (Button)控件，按钮控件：默认情况下是“INPUT type="button"元素”。
（2）Input (Text) 控件，文本框控件：默认情况下是“INPUT type="text"元素”。
Input(Button)元素的主要功能是创建一个用来触发事件处理程序的按钮，通过使用onclick属性来表明单击按钮可以触发的处理方法。
其主要属性有：ID ：此控件的编程名称；value ：设置按钮中显示的文字。
【例4-1】演示如何使用Input (Text)元素和Input (Button)元素 [结合操作讲解] 参见教材。
4.2.2 HTML服务器控件在VWD2008中，从工具箱添加到页面上的HTML服务器控件只是已设置了某些属性的HTML元素。
默认情况下，这些添加到文件中的HTML元素被视为传递给浏览器的标记，作为文本进行处理，不能在服务器端的代码中引用这些元素。
若要使这些元素能以编程方式进行访问，可以通过添加runat="server"属性表明应将HTML元素作为服务器控件进行处理。
还可设置HTML元素的id属性，这样就可使用基于服务器的代码对其进行编程引用了。
【例4-2】演示如何使用工具箱的Input(Button)服务器控件、Input(Text)服务器控件 [结合操作讲解] 步骤请参见教材。
4.3 标准服务器控件包含大量可在网页上使用的标准服务器控件。
本节重点从服务器控件的工作原理和过程入手，介绍控件的常用功能和用法。
4.3.1 按钮控件可使用 Button服务器控件为用户提供向服务器发送网页的能力。
该控件会在服务器代码中触发一个事件，可以处理该事件来响应回发。
包括三种按钮控件，每种按钮控件在网页上显示的方式都不同，如下表4-1所列：（1）按钮事件：当用户单击任何Button（按钮）服务器控件时，会将该页发送到服务器。
这使得在基于服务器的代码中，网页被处理，任何挂起的事件被引发。
这些按钮还可引发它们自己的Click事件，可以为这些事件编写“事件处理程序”。
（2）按钮回发行为： [重点]当用户单击按钮控件时，该页回发到服务器。
默认情况下，该页回发到其本身，在这里重新生成相同的页面并处理该页上控件的事件处理程序。
可以配置按钮以将当前页面回发到另一页面。
这对于创建多页窗体可能非常有用。
在某些情况下，可能希望Button控件也使用客户端脚本执行回发。
这在希望以编程方式操作回发（如将回发附加到页面上的其他元素）时非常有用。
可以将Button控件的UseSubmitBehavior属性设置为true以使Button控件使用基于客户端脚本的回发。
（3）处理Button控件的客户端事件Button控件既可以引发服务器事件，也可以引发客户端事件。
服务器事件在回发后发生，且这些事件在为页面编写的服务器端代码中处理。
客户端事件在客户端脚本（通常为ECMAScript(JavaScript)）中处理，并在提交页面前引发。
通过向按钮控件添加客户端事件，可以执行一些任务（如在提交页之前显示确认对话框以及可能取消提交）。
【例4-3】演示Button控件、LinkButton控件、ImageButton控件的使用。
步骤请参见教材。
[结合操作讲解]4.3.2 TextBox（文本框）控件TextBox服务器控件是让用户向网页输入文本的控件。
默认情况下，该控件的TextMode属性设置为TextBoxMode.SingleLine，这将显示一个单行文本框。
但可以将TextMode属性设置为TextBoxMode.MultiLine，以显示多行文本框（该文本框将作为textarea元素呈现）。
也可以将TextMode属性更改为TextBoxMode.Password，以显示屏蔽用户输入的文本框。
通过使用Text属性可以获得TextBox控件中显示的文本。
安全说明：将TextMode属性设置为TextBoxMode.Password可有助于确保在输入密码时其他人无法看到。
但是，输入到文本框中的文本没有以任何方式进行加密，为了提高安全性，在发送其中带有密码的页时，可以使用安全套接字层(SSL)和加密。
【例4-4】演示文本框TextBox控件、标签Label控件、按钮Button控件的使用。
[结合操作讲解]步骤请参见教材。
以下内容属于第8次课：4.3.3 ListBox控件和DropDownList控件ListBox服务器控件使用户能够从预定义的列表中选择一项或多项。
DropDownList服务器控件使用户可以从预定义的下拉列表中选择单个项，它与ListBox 服务器控件的不同之处在于，其选项列表在用户单击下拉按钮之前一直保持隐藏状态。
此外，DropDownList控件不支持多重选择模式。
DropDownList控件的某个选项被选中时，该控件将引发SelectedIndexChanged事件。
默认情况下，此事件不会导致向服务器发送页，但可通过将AutoPostBack属性设置为true，强制该控件立即发送。
如果将ListBox控件的属性SelectionMode的值从“Single”改为“Multiple”将允许进行多重选择，用户可以在按住Ctrl或Shift键的同时，单击以选择多个项。
【例4-5】演示ListBox控件和DropDownList控件的使用。
步骤请参见教材。
[结合操作讲解]4.3.4 CheckBox（复选框）和CheckBoxList（复选框列表）控件CheckBox控件和CheckBoxList控件分别用于向用户提供选项和选项列表。
CheckBox控件适合用在选项不多且比较固定的情况，当选项较多或需在运行时动态决定有哪些选项时，使用CheckBoxList控件比较方便。
【例4-6】演示复选框控件CheckBox和复选框列表控件CheckBoxLis使用。
步骤请参见教材。
[结合操作讲解]4.3.5 Image和ImageMap控件 3.5包含两个图形控件，一个Image,一个是ImageMap控件。
（1）Image服务器控件使您可以在网页上显示图像，并用自己的代码管理这些图像。
可以在设计时或运行时以编程方式为Image对象指定图形文件。
还可以将控件的ImageUrl属性绑定到一个数据源，以根据数据库信息显示图形。
与大多数其他服务器控件不同，Image控件不支持任何事件。
例如，Image 控件不响应鼠标单击事件。
实际上，可以通过使用ImageMap或ImageButton控件来创建交互式图像。
（2）Imagemap说白了就是一种图形，包括许多不同部分，将鼠标指针指在图形的各个部分，点一下鼠标左键，就可以进入另一个超级链接的页面。
Imagemap不一定要真的是map，可以是任何图形。
比如一张脸好了，将鼠标点在眼睛上就出现关于眼睛的页面，点在鼻子上就出现鼻子的页面(很适合做成整容外科的网页吧？！)，也是一种ImageMap。
ImageMap控件由两个元素组成。
第一个是图像，它可是任何标准Web 图形格式的图形，如.gif、.jpg或.png文件。
第二个元素是HotSpot（作用点）控件的集合。
每个作用点控件都是一个类型为CircleHotSpot、RectangleHotSpot或PolygonHotSpot的不同项。
对于每个作用点控件，都要定义用于指定该作用点的位置和大小的坐标。
例如，如果创建一个CircleHotSpot控件，则需要定义圆心的x和y坐标以及圆的半径。
响应用户单击：每一个作用点都可以是一个单独的超链接或回发事件。
可以指定用户单击作用点时发生的事件，可以将每个作用点配置为可以转到为该作用点提供的URL的超链接。
或者，也可以将控件配置为在用户单击某个作用点时执行回发，并可为每个作用点提供一个唯一值。
回发会引发ImageMap控件的Click事件。
在事件处理程序中，可以读取分配给每个作用点的唯一值。
【例4-7】演示Image控件和ImageMap控件的使用。
[结合操作讲解]步骤请参见教材。
提示：HotSpots（作用点）的坐标以像素为单位，在Windows的【画图】程序中打开，任选一种画图工具，移动鼠标，在下部状态栏中可看到当前鼠标所在处的像素点的坐标，如图4-11所示。
4.3.6 RadioButton和RadioButtonList 服务器控件在向网页添加单选按钮时，可以使用两种服务器控件：单个RadioButton控件或RadioButtonList控件。
