Web程序设计(第4版)_第2章简介.pptVIP

2.4 Visual Studio.NET 开发工具 （4）运行程序 首先，在“解决方案管理器”窗口选中待执行的程序Login，单击鼠标右键，在快捷菜单中单击“设为起始页”命令。然后单击工具栏上的“启动调试”按钮，即可在浏览器中查看运行结果。输入用户名“admin”，输入密码 “123”，运行结果如图2-13所示。 （5）保存文件 运行程序前最好先保存程序，这样可以避免由于意外发生而丢失设计好的程序。选择“文件”菜单下的“全部保存”命令，可将所有文件保存到相应的文件夹里。 （6）退出集成开发环境 单击“文件”菜单中的“退出”命令。 2.4.3 Visual Studio 2012集成开发环境的使用 《Web程序设计》(第4版)，电子工业出版社，2015，ISBN：9787121260360 Web 程 序 设 计 (第4版) “十二五”普通高等教育本科国家级规划教材 目 录 第 1 章 Web编程基础知识 第 2 章 Web应用程序开发与运行环境 第 3 章 HTML与XML 第 4 章 层叠样式表CSS 第 5 章 Web客户端程序设计 第 6 章 Web服务器端程序设计 第 7 章 Web数据库程序设计 第 8 章 ASP.NET综合应用实例 第 2 章 WEB应用程序开发与运行环境 2.1 服务器端开发环境 2.2 客户端开发环境 2.3 网页设计工具Dreamweaver MX 2.4 Visual Studio.NET 开发工具 2.1 服务器端开发环境 用户可在本地计算机上构建Web服务器，如安装Windows系统的IIS（Internet信息服务）组件，然后通过网络连接，为其他用户提供服务。 但如果没有条件和技术，可以在本地计算机上编写制作Web网页后，将其上传到托管或代理服务器上，利用专业服务器为用户构建的平台，完成Web网页的发布。 现在许多网站可以提供发布空间服务，用户只要按照网站的使用要求，即可轻松完成Web网页的上传和发布。 2.1 服务器端开发环境 服务器端的编程，常用ASP、Perl和PHP，还有微软公司近期推出的新一代ASP.NET。 如果仅用Access作为服务器端数据库，可以先在本地建立数据库，然后上传到服务器上，不必设定ODBC连接，直接用目录文件方式操作数据库，这样服务器上的工作就简化些。 如果采用SQL Server、Oracle等其他类型的数据库作为服务器端数据库，就必须在服务器上创建数据库，还要进行ODBC的连接、设定等工作。 2.2 客户器端开发环境 HTML语言 相关的软件： Web网页制作工具： Dreamweaver MX及FrontPage 等。 Web网页动画工具： Flash MX、Cool3D 、3DS MAX 、ImageReady 和Fireworks MX等。 图形、图像设计及处理的工具：Photoshop 、CorelDRAW 、Fireworks MX、Freehand、Illustrator 、PhotoExpress 等。 2.3 网页设计工具Dreamweaver MX Dreamweaver是Macromedia公司开发的网页制作工具，它与Macromedia公司的另外两项产品Firework和Flash一起组成一套功能强大的网页创作系统，分别覆盖了网页制作，网页图形、图像处理和矢量动画这三个主要的网络创作领域。 2.3.1 Dreamweaver MX概览 2.3 网页设计工具Dreamweaver MX （1）精确性。DW采用Roundtrip HTML技术实现对HTML源代码的精确控制，它能生成简洁和高效的HTML代码。 （2）易用性。DW的编辑界面友好，且操作简单。通过各种工具面板，可以非常方便地控制页面各种元素的属性。在不用手工输入一行代码的情况下，就可以制作出各种特效，比如动画、动态按钮、索引条、分层等。 （3）兼容性。兼容性是DW的一个非常优秀的特性，用它制作的页面能在各种浏览器上正确地显示。 2.3.2 Dreamweaver MX的特性 2.3 网页设计工具Dreamweaver MX 2.3.3 Dreamweaver MX界面介绍 创建或调入文件4个区域： ①单击中部的[创建新项目]，建立相应类型的新文件； ②单击中部的[从范例创建]，建立多种形式的新文件； ③双击右部的[文件]列表中的文件名，调入指定目录中的文件； ④单击左部的[打开最近项目]，可调入编辑过的文件。 2.3 网页设计工具Dreamweaver MX 2.3.3 Dreamweaver MX界面介绍 Dreamwea