DreamweaverCC实例教程01 初识Dreamweaver CC 2019.pdfVIP

第1章　初识Dreamweaver CC 2019 本章简介： DDrreeaammwweeaavveerr是是目目前前主主流流的的一一款款 ““所所 即即所所得得”” 的的网网页页编编辑辑制制作作软软件件。。而而网网页页是是网网站站最最基基本本的的组组成成部部分分，， 因因此此，，利利用用DDrreeaammwweeaavveerr可可以以制制作作出出我我们们想想要要的的网网站站。。 本本章章主主要要讲讲述述DDrreeaammwweeaavveerr CCCC的基基础础知知识识，，包包 括括工工作作界界面面，，创创建建网网站站框框架架，，管管理理站站点点文文件件和和文文件件夹夹，， 以以及及管管理理站站点点和和网网页页文文件件头头的的设设置置。。 课堂学习目标 掌握Dreamweaver CC 2019的工作界面 掌握使用站点管理器、创建文件 、定义 新站点、创建和保存网页 掌握重命名、移动、删除文件和文件 掌握站点的打开、编辑、复制、删除、导 出和导入 掌握关键字、作者、版权信息、刷新时间、 说明信息等文件头的设置 1.1　Dreamweaver CC 2019 的工作界面 友善的开始页面 不同风格的界面 伸缩自 的功能面板 多文档的编辑界面 新颖的 “插入”面板 更完整的CSS功能 1.1.1　友善的开始页面 启动Dreamweaver CC 2019首先看到的画面是开始页面，用 可在 此选择新建文件的类型，或打开已有的文档等。 老用 如果不太习惯开始页面，可选择 “编辑 首选项”命令，或 按Ctrl+U组合键，弹出“首选项”对话框，取消选择 “显示开始屏幕”复 选框。单击 “应用”按钮，然后单击 “关闭”按钮。这样打开 Dreamweaver CC 2019时将不再显示开始页面。 开始页面 “首选参数”对话框 1.1.2　不同风格的界面 Dreamweaver CC 2019的操作界面相比老版本有一些 变，若老用户想修 操作界面的风格，切换到自己熟悉的开发 环境，可选择 “窗口 工作区布局”命令，弹出其子菜单， 在子菜单中选择 “开发人员”或 “标准”命令，即选择其中一 种界面风格，页面会发生相应的 变。 1.1.3　伸缩自如的功能面板 在浮动面板的右上方单击按钮 ，可以隐藏或展开面板 如果用户觉得工作区不够大，可以将鼠标指针放在文档编辑窗口右 侧与面板交界的框线处，当鼠标指针呈双向箭头时拖曳鼠标，调整工作 区的大小 若用户需要更大的工作区，可以将面板隐藏 鼠标指针呈双箭头 浮动面板按钮 缩放工作区 1.1.4　多文档的编辑界面 Dreamweaver CC 2019提供了多文档的编辑界面，将多个文档整 合 一起，方便用户 各个文档之间切换。单击文档编辑窗口上方的选 项卡，即可快速切换到相应的文档，方便同时编辑多个文档。 多文档编辑界面 1.1.5　新颖的“插入”面板 Dreamweaver CC 2019的“插入”面板可以随意与其他面 板 合，为了方便操作一般会放置在菜单栏的下方。 “插入”面板包括 “HTML”“表单”“模板”“Bootstrap 件”“jQuery Mobile”“jQuery UI”和 “收藏夹