ASP+Dreamweaver MX 2004数据库网站开发与实例(课件) 教学课件 作者第01章 Dreamweaver与网站设计.ppt

《ASP+Dreamweaver MX 2004数据库网站开发与实例(课件) 教学课件 作者第01章 Dreamweaver与网站设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第1章Dreamweaver与网站设计本章从基础的网站结构开始，说明Dreamweaver在网站开发技术中的集成运用，带领读者进入Dreamweaver动态网页的设计殿堂。本章将从以下几个方面进行详细介绍：1.1网站结构1.2Dreamweaver所扮演的角色1.3Dreamweaver环境介绍1.4本章小结1.1网站结构1.1.1服务器、网页与客户端浏览器1.1.2网站结构1.1.1服务器、网页与客户端浏览器WWW是一种主从式的分布式计算机结构，由无数的网站与浏览器组成。网站通常用以存储及解析网页内容，提供InternetExplorer等浏览器的网页浏览服务，这一类的服务器软件除

2、了解析网页内容之外，还负责将解析的结果返回给要求浏览此网页的浏览器。浏览器、网页与管理网页的服务器软件，构成了WWW。1.1.2网站结构服务器网站提供对各种网页的管理，同时负责响应浏览器对网页的浏览需求。客户端的浏览器一般比较简单，只需对服务器传送过来的网页内容进行解读，直接显示出来即可。而服务器端就没有这么简单了，除了解析网页之外，复杂的网站甚至牵涉数据库系统的应用，根据网站结构的内容形式，网站可以分为4类，分别为：静态HTML动态客户端动态服务器端数据库系统静态HTML只提供单一HTML网页的网站是最简单的一种网站结构，这一类网站直接针对浏览器，响应其所请求的网页文件，这种网页完全

3、由HTML标签构成，类似真实世界的传统文件，模板一旦确定就不会再更动，因此称其为“静态”网页，它也是早期最基本的网页技术。客户端动态网页传统的静态HTML网页在网站开始蓬勃发展之后，很快就无法满足使用者的要求了，动态网页技术便应运而生。动态网页技术使网页能够提供动态的效果，其中最重要而且最被广泛接受的技术便是JavaScript，这是一种动态网页语言，内嵌在HTML标签之中，由浏览器负责编译，在网页中呈现动态的效果。JavaScript由于在客户端进行编译，因此称为客户端动态网页技术，整个结构与静态HTML网页结构相似，其差异在于浏览器编译完成的网页会显示动态的效果。动态服务器端技术客

4、户端动态网页除了让网页变得花哨一点之外，事实上对于交互式网站的功能需求并没有太大的帮助，尤其在各种网络应用的推动之下，由服务器端进行网页解析处理的服务器动态网页技术，开始迅速发展，本书介绍的ASP正是这种网页语言。比如客户端的动态网页语言，这一类语言同样内嵌在HTML程序代码中，由网页应用程序服务器进行解析，转换成为HTML之后传送至客户端。数据库系统真正让服务器端网页技术发挥作用的关键，是数据库系统的导入。网站通过与数据库系统的连接，以及对其中数据的存取，创建和设置以数据展示为基础的动态网页。进一步结合数据库、网站服务器与服务器端网页技术，已经是目前商业网站最主要的结构。1.2Dre

5、amweaver所扮演的角色Dreamweaver本身最主要的功能是开发整个网站结构中所需的网页文件。无论是纯HTML网页，还是客户端动态网页技术，甚至是提供数据库存取技术的服务器端动态技术网页，Dreamweaver均可提供相关的支持。Dreamweaver是一套功能非常强大的网页编辑软件，由Macromedia公司开发，提供各种可视化的网页编辑功能，从单一的HTML静态网页，到复杂的ASP动态网页的数据库系统设计，均能够以鼠标拖曳的方式迅速完成网页设计工作，让想要开发网站却不懂任何程序语言的使用者能够轻易地创建所需的各种网页。Dreamweaver最出色的地方，在于其具备动态服务器

6、网页的可视化设置功能，同时对各类网络平台与服务器语言提供足够的支持，无论PHP、JSP、ASP，还是ASP.NET，程序设计人员均能通过设置，利用Dreamweaver的单一接口，设计不同类型的动态服务器网页。DreamweaverMX2004是目前Dreamweaver的最版本。1.3Dreamweaver环境介绍1.3.1Dreamweaver基础入门1.3.2网页编辑1.3.3工具栏1.3.4“属性”面板1.3.1Dreamweaver基础入门DreamweaverMX2004的编辑窗口如下图所示，其中左半部为Dreamweaver支持的网页应用程序类型列表，右半部分则是功能设置

7、面板组，单击中间分隔线的“箭头”可以隐藏面板组，使用鼠标拖动可以改变两个部分所占据的版面大小。1.3.2网页编辑Dreamweaver向用户提供可视化或纯程序代码的编辑网页方式，下半部分是ASP网页的编辑窗口，用户可以在Dreamweaver启动的画面中，选择“创建新项目”选项组中的ASPVBScript选项，在Dreamweaver编辑窗口中创建ASP网页。1.3.2网页编辑Dreamweaver向用户提供可视化或纯程序代码的编辑网页方式，下