第1章 初识Dreamweaver CS5.ppt

1,第1章初识DreamweaverCS5,计算机网络的迅猛发展，使得一大批网站如雨后春笋般建立起来，同时还使得网页设计与网站开发流行起来。俗话说“工欲善其事，必先利其器”，要想建立网站，首先要了解和掌握相关的软件。Dreamweaver是目前业界最流行的网页制作与网站开发工具，其不仅支持“所见即所得”的设计方式，同时还辅以强大的程序开发功能，可以帮助不同层次的用户快速设计网页。,2,本章学习要点:,Dreamweaver简介DreamweaverCS5新增功能DreamweaverCS5工作环境创建本地站点连接远端服务器创建网页文档,3,1.1了解DreamweaverCS5,Dreamweaver是一款专业的Web设计与开发软件，其支持“所见即所得”模式设计网页，同时允许用户使用各种标记语言与编程语言开发网站程序或基于AIR技术的富网络应用，适用于各种网页设计与网站开发、应用开发的用户。,1.1.1Dreamweaver概述,Dreamweaver主要包含两方面的功能，即设计网站前台页面和开发网站后台程序。在设计网站前台页面时，Dreamweaver允许用户通过“所见即所得”的界面操作方式添加和编辑网页中的各种元素；而在开发网站后台程序时，Dreamweaver除了允许用户以可视化的方式开发程序外，还提供了丰富的代码提示功能，帮助用户编写网站程序的代码。,4,1.1.2DreamweaverCS5新增功能,DreamweaverCS5是Dreamweaver的最新版本，作为业界领先的网页开发软件，其在DreamweaverCS4的基础上增加了许多激动人心的新功能1支持HTML52检查浏览器兼容性3集成CMS支持4检查动态网页5Widget插件支持6多屏幕预览7PHP自定义代码提示,5,1.1.3DreamweaverCS5界面环境,DreamweaverCS5版本在用户界面方面基本延续了上一版本DreamweaverCS4，以便用户快速上手。在首次启动DreamweaverCS5时，将显示【Dreamweaver起始页】界面，帮助用户快速创建常用的项目文档。,6,1.2网络与网页设计基础,计算机网络，是指将地理位置不同的具有独立功能的多台计算机及其外部设备，通过通信线路连接起来，在网络操作系统，网络管理软件及网络通信协议的管理和协调下，实现资源共享和信息传递的计算机系统。,7,1.2.1网络基础知识,Internet是目前范围最广、使用频率最高的计算机网络，是一种将世界各种不同计算机网络连接起来的全球性计算机网络，其通过TCP/IP协议，将不同厂商、操作系统和型号的计算机连接起来，实现信息交换和资源共享。在使用Internet进行网上冲浪时，经常会遇到以下几种概念。1IP地址2服务器与客户机,8,1.2.2网页设计基础知识,网页设计和网站开发是网络技术的延伸，是计算机网络与平面设计、计算机编程的交集。在进行网页设计和网站开发时，用户需要了解以下概念。1域名2超链接3Web浏览器4IDC服务5上传和下载,9,1.2.3网站建设流程,网站建设是一项涵盖营销学、平面艺术、编程与数据库开发、计算机网络应用等多个领域的综合系统工程，其主要包括网站的前期策划、中期制作和后期维护等三个阶段。,10,11,1.3创建站点,在网页设计中，站点是一种虚拟目录，其作用是存储和管理网站中的各种网页文档以及相关的资源、素材等数据。站点主要分为两种，一种是基于Web发布系统的发布站点，而另一种则是基于网页设计软件的本地调试站点。创建站点是网页设计之前必须的准备工作。,12,1.3.1配置Windows服务器,发布网站需要使用专门的网络操作系统。目前最常见的网络操作系统是微软公司开发的WindowsNT系列操作系统，其不仅支持发布静态的网页文档，还支持发布多种类型的动态程序。1IISWeb发布系统简介2安装IIS系统3配置IIS服务,1.3.2创建虚拟目录,在默认状态下，IIS服务器将会在操作系统的系统盘创建一个名为“inetpub”的目录，并将目录中的“wwwroot”子目录设为共享状态。如用户需要将其他磁盘或目录中的内容共享到互联网中，则需要为IIS服务器创建虚拟目录。,13,1.3.3建立Dreamweaver站点,站点是DreamweaverCS5内置的一项功能，其可以与IIS服务器进行连接，实现Dreamweaver与服务器的集成。在建立本地站点后，用户可在设计网页时随时通过Dreamweaver调用本地计算机的Web浏览器，浏览设计效果。,14,1.4创建网页文档,在创建站点之后，用户即可使用DreamweaverCS5创建网页文档，将其保存到站点中，并对网页文档进行浏览。,15,1.4.1新建网页文档,用户可以通过两种方式创建网页文档，一种是通过【Dreamweaver起始页】，而另一种则需要使用【新建文档】对话框。除此之外，DreamweaverCS5还允许用户设置文档的默认属性。,16,17,1.4.2设置页面属性,在创建网页文档后，用户还可针对该网页文档，设置页面的基本属性，对网页文档中的内容进行简单定义。在网页文档任意空白处右击鼠标，然后即可执行【页面属性】命令，打开【页面属性】对话框。,18,1.5课堂练习：制作示例中的文本网页,使用DreamweaverCS5制作网页，用户可从Dreamweaver预置的网页示例开始，通过简单的设置和文本的复制粘贴操作，制作一个仅包含纯文本内容的网页，同时应用Dreamweaver预置的样式效果。,1.6课堂练习：浏