Dreamweaver CS6基本操作.pdf

《Dreamweaver CS6基本操作.pdf》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章DreamweaverCS6基本操作本章重点：本章主要介绍创建站点、管理站点、设置网页的文本以及设置网页的超级链接。学习目的：初步认识DreamweaverCS6，为深入了解该软件做好基础。参考时间：90分钟主要知识学习时间2.1 DreamweaverCS6的工作界面20分钟2.2 创建站点10分钟2.3 管理站点内容10分钟2.4 网页文件的基本操作10分钟2.5 设置网页文本10分钟2.6 为网页添加图像10分钟2.7 设置超级链接10分钟2.8 插入Flash10分钟p017-042第二章.indd172014-6-514:43:26零点起

2、飞学Dreamweaver+Flash+PhotoshopCS6网页设计2.1DreamweaverCS6的工作界面在学习DreamweaverCS6之前，先来了解一下它的工作环境，便于以后的使用，DreamweaverCS6的工作界面主要由菜单栏、文件工具栏、文件窗口、状态区、“属性”面板和面板组等组成。DreamweaverCS6的工作界面2.1.1 菜单栏在菜单栏中主要包括“文件”、“编辑”、“查看”、“插入”、“修改”、“格式”、“命令”、“站点”、“窗口”和“帮助”10个菜单。单击任意一个菜单，都会弹出下拉菜单，使用下拉菜单中的命令基本上能够实

3、现DreamweaverCS6的所有功能，菜单栏中还菜单栏包括一个工作界面切换器和一些控制按钮。文件：在该下拉菜单中包括了“新建”、“打开”、“关闭”、“保存”和“导入”等常用命令，用于查看当前文件或对当前文件进行操作。编辑：在该下拉菜单中包括了“拷贝”、“粘贴”、“全选”、“查找和替换”等用于基本编辑操作的标准菜单命令。查看：在该下拉菜单中包括了设置文件的各种视图命令，如“代码”视图和“设计”视图等，还可以显示或隐藏不同类型的页面元素和工具栏。插入：用于将各种网页元素插入到当前文件中，包括“图像”、“媒体”和“表格”等。“文件”下拉菜单“编辑”下拉菜单

4、“查看”下拉菜单“插入”下拉菜单18p017-042第二章.indd182014-6-514:43:26第2章 DreamweaverCS6基本操作修改：用于更改选定页面元素或项的属性，包括“页面属性”、“合并单元格”和“将表格转换为APDiv”等。格式：用于设置文本的格式，包括“缩进”、“对齐”和“样式”等。命令：提供对各种命令的访问，包括“开始录制”、“扩展管理”和“应用源格式”等。站点：用于创建和管理站点。“修改”下拉菜单“格式”下拉菜单“命令”下拉菜单“站点”下拉菜单窗口：提供对DreamweaverCS6中所有面板、检查器和窗口的访问。帮助：提

5、示对DreamweaverCS6文件的访问。“窗口”下拉菜单“帮助”下拉菜单2.1.2 文件工具栏使用文件工具栏可以在文件的不同视图之间进行切换，如“代码”视图和“设计”视图等，在工具栏中还包含各种查看选项和一些常用的操作。文件工具栏文件工具栏中的常用按钮的功能如下。“代码”按钮：单击该按钮，仅在文件窗口中显示和修改HTML源代码。“拆分”按钮：单击该按钮，可在文件窗口中同时显示HTML源代码和页面的设计效果。“设计”按钮：单击该按钮，仅在文件窗口中显示网页的设计效果。“在浏览器中预览/调试”按钮：单击该按钮，在弹出的下拉菜单中选择一种浏览器，用于预览和

6、调试网页。提示：在下拉菜单中选择“编辑浏览器列表”命令，弹出“首选参数”对话框，在该对话框中可以设置主浏览器和次浏览器。19p017-042第二章.indd192014-6-514:43:27零点起飞学Dreamweaver+Flash+PhotoshopCS6网页设计“在浏览器中预览/调试”下拉菜单“首选参数”对话框“文件管理”按钮：单击该按钮，在弹出的下拉菜单中包括“消除只读属性”、“获取”、“上传”和“设计备注”等命令。“检查浏览器兼容性”按钮：单击该按钮，在弹出的下拉菜单中包括“检查浏览器兼容性”、“显示所有问题”和“设置”等命令。“标题”文本框

7、：用于设置或修改文件的标题。“文件管理”下拉菜单“检查浏览器兼容性”下拉菜单2.1.3 文件窗口文件窗口用于显示当前创建和编辑的文件，在该窗口中，可以输入文字、插入图片和表格等，也可以对整个页面进行设置，通过单击文件工具栏中的“代码”按钮、“拆分”按钮、“设计”按钮或“实时视图”等按钮，可以分别在窗口中查看代码视图、拆分视图、设计视图或实时显示视图。文件窗口2.1.4 状态区状态区位于文件窗口的底部，提供与用户正在创建的文件有关的其他信息。在状态区中包括卷标选择器、窗口大小弹出菜单和下载指示器等功能。状态区2.1.5 “属性”面板“属性”面板是网页中非常

8、重要的面板，用于显示在文件窗口中所选元素的属性，并且可以对选择的元素的属性进行修