WEB开发技术 第2章 Web程序开发环境
软件工程中的Web开发技术应用
软件工程中的Web开发技术应用摘要：在Web应用原始代码的基础上，根据应用程序组件和功能服务开发的需求，使用代码自动生成器在短时间内生成大量新的代码，并对整体代码进行修改与调试操作。
在当前的软件工程中，Web开发技术的应用十分广泛。
基于此，文章对Web应用程序开发的功能模块进行了分析，并提出了Web开发技术在软件工程中的具体应用，以供参考。
关键词：软件工程；Web技术；应用研究1软件工程Web技术开发平台中包含的子系统1.1配置管理模块在软件开发中，应用的配置会在很大程度上影响软件的开发质量，所以在Web技术开发平台中，要能够实时显示软件中的各类配置，以提高系统的管理质量。
具体的配置管理内容包括设备的版本号、系统配置信息等，在具体的软件开发工作中，需要开发人员从技术平台上查找相应的技术内容，确保应用的技术内容与软件开发中的各类配置内容衔接，以提高软件的开发质量。
另外在当前的软件工程中，已经建成了Web管理平台，完成对各类构件、技术类型的管理，本文认为在今后的发展中，可以将这两种平台融合，提高整个系统的运行和发展质量。
1.2问题管理模块软件开发中，必然会产生一些问题，这类问题一种可以由开发人员直接解决，另一种需要经过开发人员的全面讨论。
无论针对哪种开发问题，在技术平台的运行中，都需要能够自主实现问题管理。
在该过程中，技术平台记录问题的发生表现、问题的引发后果等内容，同时在技术平台中，也包含针对这些问题的解决措施，让软件开发人员能够数据库中的内容，调试和解决问题。
对于开发人员无力自我排除的问题，可以通过平台中的相关窗口，将问题提交到服务台中，服务台召集小组内的其他成员参与问题的讨论和解决过程，提高处理问题处理质量。
1.3变更管理模块在软件共产中，会由于一些客观因素的存在导致任务变更，出现这种现象时，对开发人员了解的技术类型、技术的使用能力都提出了很高要求，这种方式提高了开发人员面临的难题数量。
在技术平台的运行中，可在任务量变更后，自动调整开发人员的工作小组，同时将这些工作小组的工作内容，通过互联网实现有效衔接，提高软件开发质量和效率。
课程设计web系统案例
课程设计web系统案例一、教学目标本课程的教学目标是使学生掌握Web系统的基本概念、设计和实现方法。
通过本课程的学习，学生应能够理解Web系统的体系结构，熟悉常见的Web开发技术和工具，了解Web系统的设计原则和开发流程，并具备基本的Web系统开发能力。
具体来说，知识目标包括：1.理解Web系统的定义、特点和应用领域；2.掌握Web系统的体系结构，包括客户端、服务器、数据库等；3.熟悉常见的Web开发技术，如HTML、CSS、JavaScript、HTTP等；4.了解Web系统的设计原则，如模块化、标准化、可扩展性等；5.掌握Web系统的开发流程，包括需求分析、系统设计、编码实现、测试等。
技能目标包括：1.能够使用HTML、CSS、JavaScript等基本Web开发技术编写简单的Web页面；2.能够使用HTTP协议和数据库技术实现简单的Web应用；3.能够根据需求分析进行Web系统的设计和规划；4.能够对Web系统进行测试和优化，提高系统的性能和稳定性。
情感态度价值观目标包括：1.培养学生的团队合作意识和解决问题的能力；2.培养学生对新技术的敏感性和持续学习的意识；3.培养学生对Web系统的安全性、隐私保护等问题的关注。
二、教学内容本课程的教学内容主要包括Web系统的基本概念、设计和实现方法。
具体的教学大纲如下：1.第一章：Web系统概述介绍Web系统的定义、特点和应用领域，Web系统的发展历程，Web系统的体系结构等。
2.第二章：Web开发技术介绍HTML、CSS、JavaScript等基本Web开发技术，以及HTTP协议、数据库技术等。
3.第三章：Web系统设计原则介绍Web系统设计的原则和方法，如模块化、标准化、可扩展性等。
4.第四章：Web系统开发流程介绍Web系统的开发流程，包括需求分析、系统设计、编码实现、测试等。
5.第五章：Web系统案例分析分析一些典型的Web系统案例，如电子商务、社交媒体、在线教育等，了解其设计理念和实现方法。
JavaWeb程序设计任务教程第二版
Javaweb程序设计任务教程第二版介绍本教程是针对初学者而设计的一本Javaweb程序设计任务教程第二版。
通过本教程，读者将学习如何使用Java编程语言和相关的技术开发一个完整的Javaweb应用程序。
本教程包含了从基本概念到实际项目开发的全面内容，方便读者逐步学习和掌握Javaweb开发的过程。
目录1.第一章：Javaweb基础 .1 HTTP协议基础 .2 Servlet入门 .3 JSP入门 .4 MVC模式介绍2.第二章：数据库操作 .1 MySQL数据库入门 .2 JDBC基础 .3 ORM框架介绍 .4 数据库连接池配置3.第三章：Javaweb开发进阶 .1 Javaweb框架介绍 .2Maven项目管理工具 .3 Spring框架入门 .4 SpringMVC框架入门 .5 搭建Javaweb开发环境4.第四章：项目实战 .1 项目需求分析 .2 项目架构设计 .3 前端页面开发 .4 后端功能开发 .5 项目测试与部署5.第五章：Javaweb安全与优化 .1 Javaweb安全防护 .2 性能优化技巧 .3 Javaweb项目部署与维护第一章：Javaweb基础1.1 HTTP协议基础HTTP协议是Javaweb开发的基础，本节将介绍HTTP协议的基本概念和运作原理。
1.1.1 HTTP协议概述HTTP（Hypertext Transfer Protocol）是一种用于传输超文本的应用层协议，采用TCP作为传输协议。
它是Web的基础，通过HTTP协议，Web浏览器与Web服务器之间可以进行通信和数据传输。
1.1.2 HTTP请求与响应HTTP协议通过客户端发送请求到服务器，并获得服务器的响应来实现通信。
本节将介绍HTTP请求和响应的结构和内容。
1.1.2.1 HTTP请求一个HTTP请求包含了请求行、请求头和请求体三个部分。
请求行指定了请求的方法（GET、POST等）、请求的URL和HTTP协议的版本。
javaweb课程设计作业
javaweb课程设计作业一、教学目标本课程的目标是让学生掌握JavaWeb的基本知识和技能，能够运用JavaWeb技术进行简单的Web应用程序开发。
具体目标如下：1.知识目标：–理解JavaWeb的基本概念和原理；–掌握JavaWeb开发的基本技术和工具；–了解JavaWeb应用程序的运行原理和流程。
2.技能目标：–能够使用Java语言编写简单的Web应用程序；–熟悉HTML、CSS、JavaScript等Web技术；–掌握Tomcat、JDK等JavaWeb开发工具的使用。
3.情感态度价值观目标：–培养学生对JavaWeb技术的兴趣和热情；–培养学生解决问题的能力和团队协作的精神；–培养学生良好的编程习惯和道德素养。
二、教学内容本课程的教学内容主要包括JavaWeb的基本概念、技术和应用。
具体安排如下：1.第一章：JavaWeb概述–JavaWeb的概念和原理；–JavaWeb技术的发展和应用。
2.第二章：JavaWeb开发环境–JDK和Tomcat的使用；–HTML、CSS、JavaScript等Web技术。
3.第三章：JavaWeb应用程序设计–JavaWeb应用程序的运行原理；–JavaWeb应用程序的设计方法和流程。
4.第四章：JavaWeb数据库应用–SQL语言和数据库的基本操作；–Java数据库连接（JDBC）技术。
5.第五章：JavaWeb常用框架–Servlet和JSP技术；–Spring和Hibernate等框架。
三、教学方法本课程采用多种教学方法，以激发学生的学习兴趣和主动性。
具体方法如下：1.讲授法：教师讲解JavaWeb的基本概念和原理，引导学生掌握关键知识点。
2.案例分析法：通过分析实际案例，让学生了解JavaWeb技术的应用和实现方法。
3.实验法：学生动手实践，编写和运行JavaWeb应用程序，巩固所学知识。
4.讨论法：分组讨论，引导学生思考和解决问题，培养团队协作精神。
JavaWeb程序设计教程课后练习答案
第1章 Web应用开发简介习题答案1．Web在组成上包括______和______两部分。
答案：服务器客户端2．谈谈对面向对象的认识。
答案：面向对象将将要解决的问题分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙解决问题中的各个步骤中的行为。
面向对象编程方式是建立在面向过程编程方式基础上，其最重要的改变在于面向对象编程中，程序将围绕被操作的对象来设计，而不是操作本身。
面向对象编程方式以类作为构造程序的基本单位，具有封装、抽象、继承、多态性等特点。
3．介绍几种常用的框架技术。
答案：Java中常用的框架。
1．StrutsStruts是Apac he 基金会Jak arta项目组的一个开源项目，是一个基于S u n J2EE平台的MVC框架，它将Serv let和J SP标签作为实现自身功能的一部分。
2．WebWorkWebWork是由OpenSym phony组织开发的，是一个基于W e b的MV C框架。
它在运行时通过Inte rcept or（拦截器）自动应用，因此脱离了A ction类。
3．Struts 2Struts 2是Apache基金会的一个开源项目，它建立在Struts框架与Web Work框架基础之上，继承了二者的优点，是目前非常流行的一个W e b框架。
4．SpringSpring是一个以IoC和AO P为核心的轻量级容器框架。
它提供了一系列的Jav a EE开发解决方案，包括表示层的S prin g MVC、持久层的Sp ring JDBC以及业务层事务管理等众多的企业级应用技术。
5．Hibern ateHibern ate是一个ORM（对象关系映射）框架，它对JDBC进行了轻量级的封装。
JSP试题及答案
第1章WEB开发环境（1）下列关于WEB开发说法正确的是.A）Web是图形化的和易于导航的B）Web与平台无关C）Web是分布式的D）Web 是动态的E）Web 是静态的(2）下列关于Tomcat说法正确的是.A)Tomcat是一种编程语言 B）Tomcat是一种开发工具C）Tomcat是一种编程思想D) Tomcat是一种开编程规范E）Tomcat是一个免费的开源的Serlvet容器（3)下列关于Tomcat个目录说法错误的是.A）bin目录--包含启动/关闭脚本B）conf目录—-包含不同的配置文件C）Lib目录-—包含Tomcat使用的JAR文件D）webapps目录—-包含web项目示例,发布web应用时,默认情况下web文件夹放于此目录下E）work目录--包含web项目示例，当发布web应用时，默认情况下把web文件夹放于此目录下（4）下列关于HTTP协议说法正确的是。
A) HTTP是一种请求/响应式的协议B）HTTP请求消息中Accept表示浏览器可接受的MIME类型C）HTTP请求消息中Accept-Encoding表示浏览器能够进行解码的数据编码方式D）HTTP请求消息中Accept-Language表示浏览器所希望的语言种类E）HTTP请求消息中Host表示初始URL中的主机和端口.（5）下列对于JSP说法中正确的是。
A) JSP是Sun公司推出的新一代站点开发语言B）JSP采用标识简化页面开发C）JSP完全解决了目前ASP、PHP的一个通病—-脚本级执行D) JSP将内容的生成和显示进行分离E）JSP强调可重用的组件第2章JSP编译指令(1)下列关于JSP编译指令说法错误的是。
A）编译指令用于从JSP发送一个信息到容器上B）编译指令用来设置全局变量、声明类要实现的方法和输出内容的类型等C）编译指令向客户端产生任何输出D)编译指令所有的指令都在整个JSP页面内有效E)编译指令元素为编译阶段提供了全局信息(2）下面关于page指令说法中错误的是。
1 Web开发技术概述
网页制作工具
Fireworks也是由Macromedia公司开发的一种工 具。它以处理网页图片为特长，并可以轻松创作 GIF动画。它的出现使Web作图发生了革命性的变 化。Fireworks是专为网络图像设计而开发，内 建丰富的支持网络出版功能，比如Fireworks能 够自动切图、生成鼠标动态感应的javascript。 而且Fireworks 具有十分强大的动画功能和一个 几乎完美的网络图像生成器(Export功能)。它增 强了与Dreamweaver的联系，可以导出为配合CSS 式样的网页及图片。
B/S模式是一种基于Web的协同计算模式，是一种 三层架构的瘦客户机/肥服务器的计算模式。第 一层为客户端表示层，与C/S结构中的“肥”客 户端不同，三层架构中的客户层只保留一个Web 浏览器，不存放任何应用程序，其运行代码可以 从位于第二层Web服务器下载到本地的浏览器中 执行，几乎不需要任何管理工作。第二层是应用 服务器层，由一台或多台服务器（Web服务器也 位于这一层）组成，处理应用中的所有业务逻辑 ，包括对数据库的访问等工作，该层具有良好的 可扩充性，可以随着应用的需要任意增加服务的 数目。第三层是数据中心层，主要由数据库系统 组成。
2-32
第1章 Web开发技术概述
1．掌握Web的基本概念和基础知识。 2．熟悉C/S模式与B/S模式的结构。 3．了解常用的Web开发工具。 4．了解Web开发的基本技术。 5. 了解Web 2.0的特点及相关技术。
3-32
Web开发技术概述
互联网的快速发展对人们的工作、学习和生活带 来了重大影响。人们利用互联网的主要方式就是 通过浏览器访问网站，以便处理数据、获取信息 。当人们通过浏览器打开各式各样的网站进行信 息处理、享受互联网带给人们巨大便利的同时， 好奇的读者也许非常想知道其背后所隐藏的所有 实现技术。涉及到的技术是多方面的，包括网络 技术、数据库技术、面向对象技术、图形图像处 理技术、多媒体技术、网络和信息安全技术、互 联网技术、Web开发技术等等。其中Web开发技术 是互联网应用中最为关键技术之一。
《Java Web应用开发》电子教案
1.知识点分析：（根据学生分析总结）
1)系统概述
前台购物系统
后台管理系统
再系统演示，进一步明确商场需求及功能划分；
2)系统功能模块设计
前台商品展示模块
用户注册模块
2.创建E-Store商城项目；
碰到困难可以反复观摩操作录相视频；
教学过程设计
活动内容
活动要点
课程概述
教学方法：讲授、演示
分配时长：10分钟
教师：演示系统配置方法、演示E-Store电子商城系统的使用讲授，启发式提问，倒推系统功能划分
学生：观看演示，回答学生问题
由此导入新课
学习内容：知识目标
1. 理解E-Store电子商城需求
操作练习：（加深对基本能力的认识与体会）
Jsp程序编写、部署、执行；
课堂小结
教学方法：
讲授、现场解答常见错误及处理
分配时长：10分钟
教师：讲授
学生：听讲
学生有疑问当场提出；教师现场解答
教 案
授课班级
授课时数
6
序号
2
时间地点
2021.9.10,2021.9.14,2021.9.17.资309,102，209
程序内容及操作实录，PPT演示
重点内容、易错内容强调，学生提问
演示操练：Java Web开发环境配置（掌握初步或基本能力）
Tomcat安装配置、MyEclipse安装
实例驱动：演示、讲解和练习创建一个简单的HelloWord Web应用程序
1.Jsp程序编写、部署、执行；
2.在安装成功后打开Tomcat安装目录，可以看到几个文件夹。其中，Tomcat将由JSP文件转译后的Java源文件和class文件存放在work文件夹下，bin为Tomcat执行脚本目录，conf文件夹下存放有Tomcat的配置文件，lib文件夹为Tomcat运行时需要的库文件，Tomcat执行时的日志文件存放在logs文件夹下，webapps为Tomcat的Web发布目录。
WEB前端技术的发展趋势与前沿技术
WEB前端技术的发展趋势与前沿技术第一章：前言随着互联网的发展，Web前端技术已经成为了软件开发中不可或缺的一部分。
Web前端技术的发展已经非常迅速，一定程度上推动了互联网的快速发展。
为了适应用户对于更加丰富的Web应用需求，Web前端技术不断进行优化和升级。
本文将从Web前端技术的历史背景出发，介绍Web前端技术的发展趋势及前沿技术。
第二章：Web前端技术的历史Web前端技术的诞生可以追溯到上个世纪90年代初期。
当时，Web技术正处于发展初期，网页的展示效果远远不及本地应用。
后来，DHTML技术的出现大大提升了网页的展示效果，随着JavaScript和CSS的不断发展，Web前端技术的发展进入了快速发展的阶段。
目前，Web前端技术已经成为了软件开发的重要部分，具备了更加强大的性能和可扩展性，接下来，将会对Web前端技术的发展趋势进行探讨。
第三章：Web前端技术的发展趋势随着Web前端技术的不断发展，Web应用程序变得更加强大和丰富，这也需要Web前端技术不断发展来保证用户体验的良好。
Web前端技术的发展趋势主要可以从以下几个方面来进行分析。
1.框架和库框架和库是Web前端技术中不可或缺的一部分，通过使用框架和库可以大大简化Web前端技术的开发流程，提高开发效率和质量。
当前，前端框架和库的应用范围越来越广泛，例如React、Vue等框架以及jQuery等库已经成为了常用的开发工具之一。
2.移动端开发当前，智能手机的普及已经大大改变了人们的生活方式，越来越多的用户通过手机访问Web应用，因此移动端开发已经成为了很多公司注重的方向。
移动端开发需要针对不同的设备进行优化，提供更好的用户体验，这也是Web前端技术未来发展的方向之一。
3.可访问性可访问性是Web前端技术越来越重要的一部分。
随着互联网应用的不断普及，许多用户出于身体、智力或环境的原因可能需要使用辅助技术才能访问Web应用。
因此，Web前端技术需要提供更好的可访问性，以便更多用户都能够访问Web应用。
《Web应用程序开发》教学大纲·优选.
《Web应用程序开发》课程教学大纲课程名称：Web应用程序开发课程编码：62101280英文名称：Web Application Development学时：54 学分：3开课学期：第七学期适用专业：计算机科学与技术课程类别：专业必修课先修课程：数据库原理与应用、Java面向对象程序设计、网页制作技术建议教材：《Web技术应用基础》第2版，樊月华，清华大学出版社一、课程目的、任务《Web应用程序开发》是计算机科学与技术专业的一门专业必修课。
本课程以理论和实际应用相结合，使学生通过本课程的学习，熟悉Web技术的各种基本概念、体系结构和主要组成，并达到一定的应用水平。
掌握一种主流的Web集成技术，熟悉其配置和应用环境，能与传统程序设计和数据库开发技术相结合，并能根据实际问题，能独立设计、开发、调试完成一个Web应用。
二、课程教学基本要求通过本门课的学习，使学生掌握构建Web应用软硬件平台的基本技能，具有基本的Web 编程能力，掌握HTML、CSS与XML、JavaScript技术的应用，熟练掌握应用JSP技术完成数据库库信息存储、管理与发布技术。
本课程的教学形式采用课堂讲授与实训相结合的形式，教学中要注重学生动手能力的培养，帮助学生提高综合应用Web技术来开发Web应用的方法和技巧，提高学生综合解决Web应用问题的能力。
要求学生学会扩展学习的能力。
提高学生应用知识和技术解决应用技能。
本课程考核以平时课程考核和期末考核为主，分别占40％和60％。
三、课程教学内容（分章节）第一章Web技术概述1.1 Web简介1.2 计算机网络基础1.3 IP地址、域名和URL1.4 Web基础知识1.5 Web数据库基本要求：使学生了解Web技术的基础知识和基本原理，包括计算机网络基础知识、IP地址、域名和统一资源定位器（URL）、Web的基本概念、工作原理和Web站点的体系结构、Web数据库基础知识等，为Web应用开发做好准备。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
返
回
9
例：热区编辑操作：
方法：单击设计区的图片，有方框标出已选定该图片，再在下方的属性区的左下 角选择矩形热区，用鼠标在图片的指定区域单击定位后再拖曳出一个矩形区域， 即为“图片热区”，相对应的<map>代码会自动生成；再单击该图片，对该热区 的链接属性进行设定。在下方属性区[链接]文本框内填写要指向的某个URL，以 后该网页在浏览器窗口内显示时，鼠标移到该矩形区域时，鼠标指针将变为手形， 单击它就可以完成超链接的跳转。 返 回
动画制作工具 ：Flash MX，Cool3D 3.0，3DS MAX R3，
ImageReady 3.0，Fireworks MX
Web网页制作软件：
Dreamweaver，FrontPage
返 回
3
2.3 网页设计工具Dreamweaver MX简介
2.3.1 Dreamweaver MX概览
1.精确性： DW采用Roundtrip HTML技术实现对
HTML源代码的精确控制，它能生成最为简洁和高效的 HTML代码。
2.易用性：DW的编辑界面相当友好，且操作简单。通
过各种工具面板，可以非常方便地控制页面各种元素的属 性。
3.兼容性：兼容性是DW的一个非常优秀的特性，用它制作
的页面能在各种浏览器上正确地显示。
1
2.1 服务器端开发环境
服务器是对Web浏览器检索信息的请求做出响应， 进而将HTML文档回传到客户机的浏览器屏幕上， 或者运行服务器端程序的计算机。 服务器端的编程语言，除现在一般较少采用的CGI 程序外，常用ASP，Perl和PHP，还有微软公司近 期推出的新一代语言，它直接与Java比拼， 力图成为网络服务器端的标准语言。 目前最常用的网络操作系统有Windows NT，UNIX 和Linux等
Dreamweaver是Macromedia公司开发的网页制作工 具，它与Macromedia公司的另外两项产品 Firework和Flash一起组成一套功能强大的网页创 作系统，分别覆盖了网页制作、网页图形图像处 理和矢量动画这3个主要的网络创作领域。
返 回
4
2.3.2 Dreamweaver MX的特性
10
例：插入一个表格
方法：先单击插入面板[常用]项的表格对象，在设定了表格的行列值、宽度、边框粗细、 边距、间距等属性值后，在代码编辑区和界面设计区将自动插入<table>代码和表格的实 际显示，在“所见即所得”的页面上，拖动边框线可改变表格的大小，选中多个单元格 后，再单击属性区左下角的合并按钮可将这些单元格合并为一个单元格。 返 回 11
返 回
8
3．属性面板
选择[窗口]菜单的[属性]项即可打开属性面板。属性面板 用来显示文档窗口中选定对象的各种属性。 属性面板一般分为上、下两块，在右下角有个打开/关闭 下块的箭头，有些扩展属性安排在下块中。 单击属性面板标题行的箭头，还可以收缩/展开该面板 选定一幅图片时，属性面板就变为显示图片的缩略图、大 小、源文件名、对齐方式及其他属性
⑤ 其余项可用默认值。
返 回
17
3．完成本地站点创建
在“站点定义为”对话框设置完成本地站点信息和服务器信息后， 单击[确定]按钮即可完成本地站点的创建。同时，DW会自动以 扩展窗口方式打开[远端站点]和[本地文件]左、右两个窗口
4．下载、上传与更新网页
通过使用左、右站点窗口可以完成网页的下载、上传与更新操作
返 回
2
2.2 客户端开发环境
客户端的编程语言，HTML标识语言 掌握图形工具、Web网页制作工具和Web网页动画工具 图形图像设计及处理：Photoshop 6.0，CorelDRAW 9.0，
Fireworks MX，Freehand 9.0，Illustrator 8.0， PhotoExpress 3.0
例：插入一幅Flash图像
方法：先单击插入面板[常用]项的媒体对象，选择Flash，再选择当前目录中的swf 文件，在代码编辑区和界面设计区将自动插入<object>代码和图片的轮廓显示，这 样在页面的光标位置就插入了Flash图像。 返 回
12
例：插入Frame框架
方法：先单击插入面板[布局]项的框架对象，选择[左侧和顶部]对象，DW会自动生成4个htm文件。当光标在各个 显示区域单击时，多页标签行的同一个标签上出现该文件名；各个文件要分别独立存盘；当光标移至窗体边框或框 架分隔处时，鼠标指针变为横或竖向箭头，单击鼠标，代码编辑区显示所设定框架布局的第4个htm文件的代码， 则该文件包含自动生成的<frame>代码和布局的3个<src>指向的文件。 13
返
回
7
1．文档窗口
文档窗口是用来显示当前所编辑页面的窗口
2．插入面板
以下简单介绍一些对象面板： [常用] 包含主页中最常用的一些对象，如图片、表 格、超链接等。 [布局] 包含常用的框架结构，如左右分帧、上下分帧 等。 [表单] 包含表单及所涉及的所有元素，如文本框、按 钮、复选框、单选框、列表框等。 [文本] 包含一些特殊字符，如版权符号、注册商标符 号、商标符号等。 [HTML] 添加一些Script脚本等。
返 回
19
返
回
2.4 Dreamweaver MX的深入应用
1．插入面板的其他对象组：新版的DW针对ASP，ASPX，PHP，
JSP服务器端的文档文件编辑，添加了相应的对象组，只要对具有这 些扩展名的文件进行编辑，在[插入面板]栏内就会出现对应的对象组， 常用的语句代码、专用的变量名称、语言标签等都可以很方便地添加， 这些大大减少了编程时需记忆各种语句和对应的属性名称的麻烦。
2．代码面板：它预存了许多常用的HTML代码和脚本代码。
3．[命令]菜单的清理功能：解决文档会带来两个问题：一是因
为插入的代码混杂在文档中，查看时有点摸不着头绪，无法继续修改
编辑；二是在网上传输要多花些时间。
返
回
14
2.5 Dreamweaver MX的 站点管理
返
回
15
图2-10 Dreamweaver MX站点管理的编辑界面
返
图2-11 远端站点和本地文件目录窗口
18
回
本 章 小 结
本章简单介绍了服务器端和客户端的Web
程序开发环境Dreamweaver MX，它是编制 HTML文件和ASP文件的非常实用的编辑集 成环境。Dreamweaver MX采用Roundtrip HTML技术实现对HTML源代码的精确控 制，能生成最为简洁和高效的HTML代码； 它编辑界面友好，且操作简单。此外， Dreamweaver MX的一个非常优秀的特性是 它的兼容性，它制作的页面能在各种浏览 器上正确地显示
第2章 Web程序开发环境
1 服务器端开发环境 2 客户端开发环境 3 网页设计工具 Dreamweaver MX简介 4 Dreamweaver MX的深 入应用 5 Dreamweaver MX的站 点管理 本章小结 在第1章中，介绍了Web编 程的基础知识。本章将对 Web程序开发环境和常用 工具做简单介绍，包括常 用的工具软件，编制 HTML和ASP文件的 Dreamweaver MX，这将 为以后学习具体的编程方 法和技术做好准备。
返 回
5
2.3.3 Dreamweaver MX界面介绍
①单击中部的[创建新项目]，建立相应类型的新文件； ②单击中部的[从范例创建]，建立多种形式的新文件； ③双击右部的[文件]列表中的文件名，调入指定目录中的文件 ④单击左部的[打开最近项目]，可调入编辑过的文件
返
回
6
Dreamweaver MX文件编辑界面建本地站点
（1）站点名称
（2）本地文件夹 （3）其余项可用默认值
2．设置服务器信息
（1）设置服务器选项 （2）如果为服务器分配了FTP权限此时需填写以下数据：
① FTP主机。输入服务器的IP地址。 ② 主机目录。输入服务器上设定的目录。 ③ 登录。分配的用户名。 ④ 密码。分配的密码。