第2章 Dreamweaver CS5快速入门(姜慧霖).ppt

高等学校计算机应用规划教材,网页设计与制作基础教程,第二章,DreamweaverCS5快速入门,:计算机基础与实训教材系列系列丛书官方网站,学习目标,DreamweaverCS5是一款集网页制作与网站管理于一身的网页编辑软件，该软件是针对专业网页设计师特别发展的视觉化网页开发工具，利用它，用户可以轻易地制作出跨越平台和浏览器限制并且充满动感的网页。本章将重点介绍DreamweaverCS5软件的相关知识和常用操作，帮助用户尽快掌握制作网页的基本方法。,:计算机基础与实训教材系列系列丛书官方网站,本章重点,网站与网页的关系网页设计的构思与布局常用网页制作软件,:计算机基础与实训教材系列系列丛书官方网站,2.1DreamweaverCS5简介,Dreamweaver系列软件是集网页制作和网站管理于一身的“所见即所得”的网页制作软件，该软件强大的功能和清晰的操作界面备受广大网页制作用户的欢迎。DreamweaverCS5软件作为Dreamweaver系列中的一款，除了延续了系列软件的特点以外，同时还提供了强大的功能和开发模式，可以帮助网页设计者轻而易举地制作出跨平台和浏览器的动感网页效果。本节将主要介绍DreamweaverCS5软件的基本知识。,:计算机基础与实训教材系列系列丛书官方网站,2.1.1DreamweaverCS5的工作界面,DreamweaverCS5软件的工作界面如图2-1所示，其界面效果秉承栏Dreamweaver系列软件产品一贯简洁、高效和易用的特点，多数软件功能都能在功能界面中非常方便地找到。工作界面主要由“文档”窗口（设计区）、菜单栏、状态栏、面板组和“属性”面板组成，与其他版本的Dreamweaver软件相比，DreamweaverCS5的功能界面更加简洁，并且将常用的一些元素都几何在“插入”面板中。对于工作界面，用户不仅可以进行自定义，而且还可以保持和删除定义的工作界面。,:计算机基础与实训教材系列系列丛书官方网站,2.1.2DreamweaverCS5的基本操作,在使用Dreamweaver编辑网页之前，用户应掌握该软件的基本操作方法，例如创建网页、保存网页、打开网页、设置网页属性以及预览网页的效果等。新建网页文档保存与打开网页设置网页属性预览网页效果,:计算机基础与实训教材系列系列丛书官方网站,2.2创建并设置站点,在Dreamweaver软件中，用户可以创建本地站点，本地站点是本地计算机中创建的站点，其所有的内容都保存在本地计算机硬盘上，本地计算机可以被看成是网络中的站点服务器。本节将通过实例操作，详细介绍在本地计算机上创建与管理站点的方法。,:计算机基础与实训教材系列系列丛书官方网站,2.2.1站点简介,互联网中包括无数的的网站和客户端浏览器，网站宿主于网站服务器中，它通过存储和解析网页的内容，向各种客户端浏览器提供信息浏览服务。通过客户端浏览器打开网站中的某个网页时，网站服务软件会在完成对网页内容的解析工作后，将解析的结构回馈给网络中要求访问该网页的浏览器。,:计算机基础与实训教材系列系列丛书官方网站,2.2.2规划站点,用户在规划网站时，应明确网站的主题，并搜集所需要的相关信息。规划站点指的是规划站点的结构，完成站点的规划后，在创建站点时既可以创建一个网站，也可以创建一个本地本地网页文件的存储地址。规划站点的目录结构规划站点的链接结构,:计算机基础与实训教材系列系列丛书官方网站,2.2.3建立本地站点,在网络中创建网站之前，一般需要在本地计算机上将整个网站完成，然后再将站点上传到Web服务器上。在Dreamweaver软件中，创建站点既可以使用软件提供的向导创建，也可以使用高级面板创建。通过向导创建本地站点使用高级面板创建本地站点,:计算机基础与实训教材系列系列丛书官方网站,2.2.4设置本地站点,成功创建本地站点后，用户可以根据需要创建各栏目文件夹和文件，对于创建好的站点也可以进行再次编辑，或复制与删除这些站点。创建站点文件与文件夹重命名站点文件与文件夹删除站点文件与文件夹,:计算机基础与实训教材系列系列丛书官方网站,2.3设置视图,在Dreamweaver软件中，用户不仅可以根