Web程序开发环境

1.精确性： DW采用Roundtrip HTML技术实现对
HTML源代码的精确控制，它能生成最为简洁和高效的
HTML代码。
2.易用性：DW的编辑界面相当友好，且操作简单。通
过各种工具面板，可以非常方便地控制页面各种元素的属
性。
3.兼容性：兼容性是DW的一个非常优秀的特性，用它制作
的页面能在各种浏览器上正确地显示。
动画制作工具 ：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概览
后该网页在浏览器窗口内显示时，鼠标移到该矩形区域时，鼠标指针将变为手形，
单击它就可以完成超链接的跳转。
返回
10
例：插入一个表格
方法：先单击插入面板[常用]项的表格对象，在设定了表格的行列值、宽度、边框粗细、 边距、间距等属性值后，在代码编辑区和界面设计区将自动插入<table>代码和表格的实 际显示，在“所见即所得”的页面上，拖动边框线可改变表格的大小，选中多个单元格 后，再单击属性区左下角的合并按钮可将这些单元格合并为一个单元格。 返 回 11
返回
8
3．属性面板
选择[窗口]菜单的[属性]项即可打开属性面板。属性面板 用来显示文档窗口中选定对象的各种属性。
属性面板一般分为上、下两块，在右下角有个打开/关闭 下块的箭头，有些扩展属性安排在下块中。
单击属性面板标题行的箭头，还可以收缩/展开该面板 选定一幅图片时，属性面板就变为显示图片的缩略图、大
返回
5
2.3.3 Dreamweaver MX界面介绍
①单击中部的[创建新项目]，建立相应类型的新文件； ②单击中部的[从范例创建]，建立多种形式的新文件； ③双击右部的[文件]列表中的文件名，调入指定目录中的文件 ④单击左部的[打开最近项目]，可调入编辑过的文件
返回
6
Dreamweaver MX文件编辑界面
用的工具软件，编制 HTML和ASP文件的 Dreamweaver MX，这将 为以后学习具体的编程方 法和技术做好准备。
1
2.1 服务器端开发环境
服务器是对Web浏览器检索信息的请求做出响应， 进而将HTML文档回传到客户机的浏览器屏幕上， 或者运行服务器端程序的计算机。
服务器端的编程语言，除现在一般较少采用的CGI 程序外，常用ASP，Perl和PHP，还有微软公司近 期推出的新一代ASP.NET语言，它直接与Java比拼， 力图成为网络服务器端的标准语言。
显示区域单击时，多页标签行的同一个标签上出现该文件名；各个文件要分别独立存盘；当光标移至窗体边框或框
架分隔处时，鼠标指针变为横或竖向箭头，单击鼠标，代码编辑区显示所设定框架布局的第4个htm文件的代码，
则该文件包含自动生成的<frame>代码和布局的3个<src>指向的文件。
返 回 13
2.4 Dreamweaver MX的深入应用
1．插入面板的其他对象组：新版的DW针对ASP，ASPX，PHP，
JSP服务器端的文档文件编辑，添加了相应的对象组，只要对具有这 些扩展名的文件进行编辑，在[插入面板]栏内就会出现对应的对象组， 常用的语句代码、专用的变量名称、语言标签等都可以很方便地添加， 这些大大减少了编程时需记忆各种语句和对应的属性名称的麻烦。
例：插入一幅Flash图像
方法：先单击插入面板[常用]项的媒体对象，选择Flash，再选择当前目录中的swf
文件，在代码编辑区和界面设计区将自动插入<object>代码和图片的轮廓显示，这
样在页面的光标位置就插入了Flash图像。
返回
12
例：插入Frame框架
方法：先单击插入面板[布局]项的框架对象，选择[左侧和顶部]对象，DW会自动生成4个htm文件。当光标在各个
第2章 Web程序开发环境
Baidu Nhomakorabea
1 服务器端开发环境 2 客户端开发环境 3 网页设计工具 Dreamweaver MX简介 4 Dreamweaver MX的深 入应用 5 Dreamweaver MX的站 点管理
本章小结
在第1章中，介绍了Web编 程的基础知识。本章将对 Web程序开发环境和常用 工具做简单介绍，包括常
小、源文件名、对齐方式及其他属性
返回
9
例：热区编辑操作：
方法：单击设计区的图片，有方框标出已选定该图片，再在下方的属性区的左下
角选择矩形热区，用鼠标在图片的指定区域单击定位后再拖曳出一个矩形区域，
即为“图片热区”，相对应的<map>代码会自动生成；再单击该图片，对该热区
的链接属性进行设定。在下方属性区[链接]文本框内填写要指向的某个URL，以
Dreamweaver是Macromedia公司开发的网页制作工 具，它与Macromedia公司的另外两项产品 Firework和Flash一起组成一套功能强大的网页创 作系统，分别覆盖了网页制作、网页图形图像处 理和矢量动画这3个主要的网络创作领域。
返回
4
2.3.2 Dreamweaver MX的特性
返回
7
1．文档窗口
文档窗口是用来显示当前所编辑页面的窗口
2．插入面板
以下简单介绍一些对象面板：
[常用] [布局] [表单] [文本] [HTML]
包含主页中最常用的一些对象，如图片、表 格、超链接等。 包含常用的框架结构，如左右分帧、上下分帧 等。 包含表单及所涉及的所有元素，如文本框、按 钮、复选框、单选框、列表框等。 包含一些特殊字符，如版权符号、注册商标符 号、商标符号等。 添加一些Script脚本等。
目前最常用的网络操作系统有Windows NT，UNIX 和Linux等
返回
2
2.2 客户端开发环境
客户端的编程语言，HTML标识语言 掌握图形工具、Web网页制作工具和Web网页动画工具
图形图像设计及处理：Photoshop 6.0，CorelDRAW 9.0， Fireworks MX，Freehand 9.0，Illustrator 8.0， PhotoExpress 3.0