第02章-Dreamweaver-CC快速入门ppt课件(全)

《网页设计与制作基础教程(第3版)》第二章DreamweaverCC快速入门:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::学习目标Dreamweaver是一款集网页制作与网站管理于一身的网页编辑软件，是针对专业网页设计师特别开发的视觉化网页开发工具，利用它，用户可以轻松制作出跨越平台和浏览器限制并且充满动感的网页。本章将重点介绍DreamweaverCC的相关知识和常用操作，帮助用户尽快掌握制作网页的基本方法。:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::本章重点创建与设置站点Dreamwer的基本操作切换”文档”视图使用可视化助理:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::2.1DreamweaverCC简介

DreamweaverCreativeCloud(CC)是一款可视的网页制作与编辑软件，它可以针对网络及移动平台设计、开发并发布网页。DreamweaverCC提供直觉式的视觉效果界面，可用于建立及编辑网站，并与最新的网络标准相兼容（同时对HTML5/CSS3和jQuery提供支持）。本节将详细介绍DreamweaverCC的工作界面和基本操作，帮助用户初步了解该软件的使用方法。

DreamweaverCC的工作界面

DreamweaverCC的基本操作:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::2.1.1DreamweaverCC的工作界面

DreamweaverCC的工作界面效果秉承栏Dreamweaver系列软件产品一贯简洁、高效和易用的特点，软件的多数功能都能在功能界面中非常方便地找到，如图2-1所示。

菜单栏“插入”面板

“文档”工具栏

“文档”窗口

“属性”检查器

状态栏:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::2.1.2DreamweaverCC的基本操作

使用DreamweaverCC编辑网页之前，用户应掌握该软件的基本操作方法，例如创建网页、保存网页、打开网页、设置网页属性以及预览网页的效果等。

创建网页

打开网页设置网页

预览网页

保存网页:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::2.2创建与设置站点

在Dreamweaver中，用户可以创建本地站点，本地站点是本地计算机中创建的站点，其所有的内容都保存在本地计算机硬盘上，本地计算机可以被看成是网络中的站点服务器。本节将通过实例操作，详细介绍在本地计算机上创建与管理站点的方法。

站点简介

规划站点

创建本地站点

设置本地站点

创建网站文件:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::2.3设置Dreamweaver视图

在DreamweaverCC中，软件提供了“设计”、“代码”、“拆分”、“实时视图”等多种视图模式，可以帮助设计者随时查看网页的设计效果和相应代码的对应状态。除此之外，在“设计”视图中，用户还可以使用“标尺”和“网络”功能，精确定位网页中的各种页面元素。

切换“文档”视图使用可视化助理:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::1.3.1切换“文档”视图

DreamweaverCC文档窗口显示栏当前文档，选择“查看”命令，在文档视图下拉菜单中，用户可以“设计”、“代码”、“拆分”、“实时视图”等视图模式，其各自的功能如下。

设计视图代码视图

代码视图

实时视图

实时代码模式

检查模式:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::2.3.2使用可视化助理

DreamweaverCC提供了“标尺”和“网格”功能，用