第3章 节 开始制作网页 Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版） 课件.pptxVIP

;本章导读;3.1 添加文本;3.1.1 添加普通文本;在“文本”选项卡中单击 按钮右侧的 按钮，在弹出的下拉列表中选择特殊字符，如左图所示，如果要插入其他字符，可以选择“其他字符”选择，在打开的“插入其他字符”对话框中选择字符，如右图所示。;将鼠标光标定位到需要添加日期或时间的位置，选择【插入】/【日期】命令，在打开的“插入日期”对话框中对星期格式、日期格式和时间格式等进行设置。;列表是指将具有相似特性或某种顺序的文本进行有规则地排列，通常应用在条款或列举等类型的文本中，用列表的方式排列文本可使内容更直观。;选择列表文本，选择【格式】/【列表】/【属性】命令，在打开的“列表属性”对话框中设置列表样式，如图所示。;在“插入栏”中的“文本”选项卡中单击“编号列表”按钮 或在“属性”面板中单击 按钮，然后输入文本。如图所示。;选择【格式】/【列表】/【定义列表】命令，输入文本后按“Enter”键，系统会自动换行，并在新行中进行缩进，输入对上一行文本的解释文本或小的类别后按“Enter”键，继续输入其他项目。;Dreamweaver中的文本格式设置与使用标准的字处理程序类似，可以为文本块设置默认格式设置样式（段落、标题 1、标题 2 等）、更改所选文本的字体、大小、颜色和对齐方式，或者应用文本样式。;1．设置 HTML 格式;2．编辑 CSS 规则;3.2 添加图像;3.2.1 关于图像;3.2.2 插入图像;3.2.3 设置图像属性;1．命名图像名称;2．改变图像大小;若要用新图像替换原始图像，在“源文件”文本框中重新输入要插入图像的路径或单击其后的 按钮，在打开的“选择图像源文件”对话框中重新选择其他图像即可，如图所示。;“替换”文本用于设置图像的简短描述文本，在浏览网页时，当鼠标光标移动到图像上或不能正常显示图像时会显示该文本;5．“对齐”文本;单击图像“属性”面板中的 按钮打开“亮度/对比度”对话框，在“亮度”栏中拖动滑块可调整图像的亮度；在“对比度”栏中拖动滑块可调整图像的对比度，如图所示。;7．裁切图像;8．优化图像;在图像“属性”面板中单击 按钮，打开 “锐化”对话框，拖动滑块控件或在文本???中输入一个0到10之间的值，指定Dreamweaver应用于图像的锐化程度，如图所示。;在“插入”面板的“常用”类别中单击 按钮，然后选择“鼠标经过图像”图标 ，或选择【插入】/【鼠标经过图像】命令，在打开的“插入鼠标经过图像”对话框中选择原始图像和鼠标经过图像路径，并设置参数，如图所示。;图像占位符是在准备好将最终图形添加到网页之前使用的图形，可以设置占位符的大小和颜色，并为占位符提供文本标签。可以在图像占位符“属性”面板中设置其属性。 图像占位符不在浏览器中显示图像，在发布站点之前，应该用适用于 Web 的图像文件（例如 GIF 或 JPEG）替换所有添加的图像占位符，替换的图像大小将以原图大小为准。;从入门到精通;3.3.1 认识超级链接与路径;1．认识超级链接;2．目标端点的链接;3．文件路径;4．链接目标;3.3.2 创建超级链接;1．使用“插入”面板;选择需要创建链接的文本或图像，然后在“链接”文本框中输入链接地址，或选择链接文档、文件资源等。而在图像中还可以通过创建热点的方式创建超级链接。;3.4 插入动态元素;3.4.1 插入Flash文件;选择【插入】/【媒体】/【SWF】命令，在打开的“选择SWF”对话框中，选择一个 SWF 文件，如左图所示，单击 按钮，在“文档”中插入SWF文件，并显示一个 SWF 文件占位符，如图右所示。;在页面中插入 SWF 文件时，Dreamweaver 会插入检测用户是否拥有正确的 Flash Player 版本的代码。如果没有，则页面会显示默认的替代内容，提示用户下载最新版本。 其操作方法为在“文档”窗口的“设计”视图中，选择 SWF 文件，单击 SWF 文件的选项卡中的“眼睛”按钮 ，使用和在 Dreamweaver 中编辑任何其他内容一样的方式编辑内容。再次单击 以返回到 SWF文件视图。;3．设置 SWF 文件属性;选择【插入】/【媒体】/【FLV】命令，在打开的“插入 FLV”对话框中，从“视频类型”下拉列表框中选择“累进式下载视频”或“流视频”选项，完成对话框的其余参数选项，如左图所示，然后单击 插入FLV视频，在网页中预览效果如右图所示。;3.4.2 插入媒体插件;从入门到精通;本实例要求制作图文混排的网页，主要练习插入图像、输入文本及创建超级链接等操作，最终效果如图所示。;操作思路;本实例将在Dreamweaver CS6中创建一个动态横幅网页，即在网页中插入动态元素，让星光围着文字游动，同时白色主体文字依