Web程序开发环境

《Web程序开发环境》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章Web程序开发环境1服务器端开发环境2客户端开发环境3网页设计工具DreamweaverMX简介4DreamweaverMX的深入应用5DreamweaverMX的站点管理本章小结在第1章中，介绍了Web编程的基础知识。本章将对Web程序开发环境和常用工具做简单介绍，包括常用的工具软件，编制HTML和ASP文件的DreamweaverMX，这将为以后学习具体的编程方法和技术做好准备。12.1服务器端开发环境服务器是对Web浏览器检索信息的请求做出响应，进而将HTML文档回传到客户机的浏览器屏幕上，或者运行服务器端程序的计算机。服务器端的编程语言，除现在一般较少

2、采用的CGI程序外，常用ASP，Perl和PHP，还有微软公司近期推出的新一代ASP.NET语言，它直接与Java比拼，力图成为网络服务器端的标准语言。目前最常用的网络操作系统有WindowsNT，UNIX和Linux等22.2客户端开发环境客户端的编程语言，HTML标识语言掌握图形工具、Web网页制作工具和Web网页动画工具图形图像设计及处理：Photoshop6.0，CorelDRAW9.0，FireworksMX，Freehand9.0，Illustrator8.0，PhotoExpress3.0动画制作工具：FlashMX，Cool3D3.0，3DSMAXR

3、3，ImageReady3.0，FireworksMXWeb网页制作软件：Dreamweaver，FrontPage32.3网页设计工具DreamweaverMX简介2.3.1DreamweaverMX概览Dreamweaver是Macromedia公司开发的网页制作工具，它与Macromedia公司的另外两项产品Firework和Flash一起组成一套功能强大的网页创作系统，分别覆盖了网页制作、网页图形图像处理和矢量动画这3个主要的网络创作领域。42.3.2DreamweaverMX的特性1.精确性：DW采用RoundtripHTML技术实现对HTML源代码的精确

4、控制，它能生成最为简洁和高效的HTML代码。2.易用性：DW的编辑界面相当友好，且操作简单。通过各种工具面板，可以非常方便地控制页面各种元素的属性。3.兼容性：兼容性是DW的一个非常优秀的特性，用它制作的页面能在各种浏览器上正确地显示。52.3.3DreamweaverMX界面介绍①单击中部的[创建新项目]，建立相应类型的新文件；②单击中部的[从范例创建]，建立多种形式的新文件；③双击右部的[文件]列表中的文件名，调入指定目录中的文件④单击左部的[打开最近项目]，可调入编辑过的文件6DreamweaverMX文件编辑界面71．文档窗口文档窗口是用来显示当前所编辑页面

5、的窗口2．插入面板以下简单介绍一些对象面板：[常用]包含主页中最常用的一些对象，如图片、表格、超链接等。[布局]包含常用的框架结构，如左右分帧、上下分帧等。[表单]包含表单及所涉及的所有元素，如文本框、按钮、复选框、单选框、列表框等。[文本]包含一些特殊字符，如版权符号、注册商标符号、商标符号等。[HTML]添加一些Script脚本等。83．属性面板选择[窗口]菜单的[属性]项即可打开属性面板。属性面板用来显示文档窗口中选定对象的各种属性。属性面板一般分为上、下两块，在右下角有个打开/关闭下块的箭头，有些扩展属性安排在下块中。单击属性面板标题行的箭头，还可以收缩/展

6、开该面板选定一幅图片时，属性面板就变为显示图片的缩略图、大小、源文件名、对齐方式及其他属性9例：热区编辑操作：方法：单击设计区的图片，有方框标出已选定该图片，再在下方的属性区的左下角选择矩形热区，用鼠标在图片的指定区域单击定位后再拖曳出一个矩形区域，即为“图片热区”，相对应的

7、格的行列值、宽度、边框粗细、边距、间距等属性值后，在代码编辑区和界面设计区将自动插入