Dreamweaver实例教程教学课件(Dreamweaver 2020).pptx
第1章初识Dreamweaver2020;掌握Dreamweaver2020的工作界面
掌握使用站点管理器、创建文件夹、定义新站点、创建和保存网页
掌握重命名、移动、删除文件和文件夹
掌握站点的打开、编辑、复制、删除、导出和导入
掌握关键字、作者、版权信息、刷新时间、说明信息等文件头的设置;1.1Dreamweaver2020的工作界面;1.1.1友好的开始页面;1.1.2不同风格的工作界面;1.1.3伸缩自如的面板;1.1.4多文档编辑界面;1.1.5新颖的“插入”面板;1.1.6更完整的CSS功能;1.2创建站点;1.2.1站点管理器;1.2.2创建站点文件夹;1.2.3创建新站点;1.2.4创建和保存网页;1.3管理站点文件和文件夹;1.3.1重命名文件和文件夹;1.3.2移动文件和文件夹;1.3.3删除文件和文件夹;1.4管理站点;1.4.1打开站点;1.4.2编辑站点;1.4.3复制站点;1.4.4删除站点;1.4.5导出和导入站点;1.5网页文件头设置;1.5.1设置搜索关键字;1.5.2设置作者和版权信息;1.5.3设置刷新时间;1.5.4设置说明信息;第2章文本;掌握文字的输入、连续空格的输入
掌握页边距、网页的标题、网页的默认格式的设置
掌握文字的大小、颜色、字体、对齐方式和段落样式的设置
掌握项目符号、编号列表、文本缩进、日期、特殊字符和换行符的设置
掌握水平线、网格和标尺的应用;2.1输入文本并编辑;2.1.1课堂案例—青山别墅网页;2.1.2输入文本;2.1.3设置文本属性;2.1.4输入连续的空格;2.1.5设置是否显示不可见元素;2.1.6设置页边距;2.1.7设置网页的标题;2.1.8设置网页的默认格式;2.1.9课堂案例—机电设备网页;Dreamweaver2020提供了2种改变文本大小的方法,一种是设置文本的默认大小,另一种是设置选中文本的大小。;丰富的视觉色彩可以吸引网页游览者的注意力,网页中的文本不仅可以是黑色,还可以显示为其他色彩,最多时可达到16777216种颜色。颜色的种类与用户显示器的分辨率和颜色值有关,一般建议在216种网页色彩中选择文字的颜色。;Dreamweaver2020提供了2种改变文本字体的方法,一种是设置文本的默认字体,另一种是设置选中文本的字体。;2.1.13改变文本的对齐方式;文本样式是指文本的外观及显示方式,如加粗??本、倾斜文本和文本加下划线等。;网页中的段落是指描述同一主题的并且格式统一的一段文字。在文档编辑窗口中,输入一段文字后按Enter键,这段文字就会作为一个段落显示在P/P标签中。;2.2无序列表和编号列表;2.2.1课堂案例—电器城网页;1.通过“无序列表”按钮或“编号列表”按钮设置项目符号或编号。
2.通过“列表”命令设置项目符号或编号。;2.2.3修改项目符号或编号;2.2.4设置文本缩进格式;2.2.5插入日期和时间;2.2.6插入特殊字符;2.2.7插入换行符;2.3水平线、网格与标尺;2.3.1课堂案例—艺术摄影网页;2.3.2水平线;使用网格可以更加方便地精确地定位网页元素,在网页布局时网格也具有至关重要的作用。;标尺显示在文档编辑窗口的上方和左侧,用以标志网页元素的位置。标尺的单位分为px(像素)、英寸和cm(厘米)。;课堂练习——有机果蔬网页;课后习题——旅行购票网页;第3章图像和多媒体;掌握图像的格式
掌握图像的插入、图像的属性、图像替换文字、跟踪图像的应用
掌握Flash动画、FLV、Animate作品、HTML5Video、音频和插件的插入;3.1图像;3.1.1课堂案例—环球旅游网页;3.1.2网页中的图像格式;3.1.3插入图像;3.1.4设置图像属性;3.1.5给图像添加文字说明;3.1.6跟踪图像;3.2多媒体;3.2.1课堂案例—绿色农场网页;3.2.2插入Flash动画;3.2.3插入FLV视频;3.2.4插入Animate作品;3.2.5插入HTML5视频;3.2.6插入音频;3.2.7插入插件;课堂练习——拓森企业网页;课后习题——五谷杂粮网页;第4章超链接;掌握超链接的概念
掌握文本超链接、电子邮件超链接、下载文件链接的创建方法
掌握图像超链接、鼠标经过图像链接的创建方法
掌握ID超链接、热点链接的创建方法;4.1超链接的概念;4.2文本超链接;4.2.1课堂案例—建筑模型网页;创建文本超链接的方法非常简单,在链接文本的“属性”面板中指定链接文件即可。指定链接文件的方法有以下3种。;未被访问过的链接文字与被访问过的链接文字在形式上应该是