Dreamweaver网页设计案例教程 第1章 初识Dreamweaver CC 2019.pdf

第1章 本本章章简简介介：： 网页是网站最基本的组成部分。网站 初识 之间并不是杂乱无章的，它们通过各种 Dreamweaver 接相互关联，从而描述相关的主题或实现 CC2019 相同的目的。本章讲述DreamweaverCC 2019的工作界面、创建网站框架、网页文 件设置、管理站点的方式等内容。 课堂学习目标 ◆ 操作界面 ◆ 管理站点 ◆ 创建网站框架 ◆ 网页文件头设置 1.1 操作界面 ◆ 【操作目的】 ◆ 【操作步骤】 ◆ 【相关工具】 1.1.1 【操作目的】 通过打开文件和弹出属性面板命令，熟悉菜单栏的操作。通过链 选项改变 链 文字的状态，熟悉CSS功能的应用方法。 1.1.2　 【操作步骤】 1 2 3 4 1.1.3　 【相关工具】 1．友善的开始页面 启动DreamweaverCC2019 先看到的画面是开始页面，用户可在此选择 新建文件的类型，或打开已有的文档等。 Dreamweaver CC 2019开始页面 1.1.3　 【相关工具】 2．不同风格的界面 DreamweaverCC2019的操作界面相 老版本有一些改变，若老用户想修 改操作界面的风格，切换到自己熟悉的开发环境，可选择 “窗口>工作区布局” 命令，弹出其子菜单，在子菜单中选择 “开发人员”或 “标准”命令，即选择其 中一种界面风格，页面会发生相应的改变。 工作区布局 1.1.3　 【相关工具】 3．伸缩自如的功能面板 在浮动面板的右上方单击按钮， 以隐藏或展开面板。 如果用户觉得工作区不够大， 以将鼠标指针放在文档编辑窗口右侧与面板 交界的框线处，当鼠标指针呈双向箭头时拖曳鼠标，调整工作区的大小。若用户 需要更大的工作区， 以将面板隐藏。 隐藏或展开面板 1.1.3　 【相关工具】 4．多文档的编辑界面 DreamweaverCC2019 供了多文档的编辑界面，将多个文档整合在一起， 方便用户在各个文档之间切换，单击文档编辑窗口上方的选项卡，即可快速切换 到相应的文档，方便同时编辑多个文档。 多文档的编辑界面 1.1.3　 【相关工具】 5．新颖的“插入”面板 DreamweaverCC201 的“插入”面板可以随意与其他面板组合，为了方 便操作一般会放置在菜单栏的下方。 “插入”面板 1.1.3　 【相关工具】 6．更完整的CSS功能 DreamweaverCC2019中的 属性”面板提供了CSS功能。用户可以通过 属性”面板对所选的对象应用、创建和编辑样式。若某些文字应用了自定义样 式，当用户调整这些文字的属性时，会自动生成新的C