网页制作案例教程 第3版 作者 高林 胡强 第2章已完成.pptVIP

2.3.2 文本属性的设置 文本的属性（标题格式、字体、字号、大小、 颜色和对齐格式等）可由图2-36所示的文本 【属性】栏来设定。 图2-36 文本【属性】栏 2.3.3 文字的列表设置 包括设置无序列表 、有序列表 、定义列表方 式、设置列表属性等。 2.3.4 文字基本操作 包括文字的复制与移动、拼写检查、查找与 替换等。 2.4 插入和编辑图像 2.4.1 在网页中加载图像 1．用鼠标拖曳图像 双击页面内的图像，可以调出【选择图像源 文件】对话框，供用户更换图像。 2．利用【插入图像】按钮或菜单命令插入图 像 单击如图2-10所示的【插入】（常用）面板 内的【插入图像】按钮，或用鼠标拖曳按钮 到网页内，可以调出【选择图像源】对话框。 2.4.2 在网页中编辑图像 包括图像的复制、移动、删除、调整大小等。 2.4.3 编辑网页图像 1．使用【编辑】栏中的编辑工具对网页图像 进行编辑 2．设置外部图像处理软件为其附属图像处理 软件 3．用外部图像处理软件编辑网页图像 2.4.4 图文混排 1．图像与文字相对位置的调整 2．图像与文字间距的调整 2.4.5 鼠标经过图像 鼠标经过图像即翻转图，它是一种最简单的、 有趣的动态网页效果。当浏览器调入有翻转 图的网页页面时，页面显示的是翻转图的初 始图像，当鼠标指针移到该图像上边时，该 图像会迅速变为另一幅图像，当鼠标指针移 出图像时，图像又会恢复为初始图像。 2.5 在网页中插入媒体等对象 1．插入SWF动画 2．插入Shockwave影片 3．插入插件 4．插入Applet 5．插入ActiveX 6．插入特殊字符和水平线 小 结 本章详细介绍了Adobe Dreamweaver CS5 工作区及常用的几项技术，包括：Dreamweaver CS5的界面、Dreamweaver CS5中的文档和文本操作、如何使用Dreamweaver CS5给网页插入图像及如何在该软件中调整图像、 如何通过Dreamweaver CS5在网页中加入各式各样的多媒体内容等。 第2章 Dreamweaver CS5基础 本章要点 认识Dreamweaver CS5工作区 掌握文档操作 熟练掌握文本的编辑 掌握图像的插入及编辑 了解其它对象的使用 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 2.1 Dreamweaver CS5工作区简介 2.1.1 运行Dreamweaver CS5 第一次运行Dreamweaver CS5时，会弹出 【默认编辑器】对话框，如图2-1所示。可以 通过该对话框设置Dreamweaver CS5采用什 么类型的文件作为其默认编辑工具。 图2-1 Dreamweaver CS5的【工作区设置】对话框 初学者只需要按其提供的默认选择就可以 了，直接单击按钮进入工作区界面如图2-2所 示。 图2-2 Dreamweaver CS5工作区 Dreamweaver CS5的工作区有三种布局模式，可以通过【窗口】/【工 作区布局】，更换Dreamweaver CS5的工作区模式。 【设计器】模式： 一个使用 MDI（多文档界面）的集成工作 区，其中全部【文档】窗口和面板被集成在一个更大的应用 程序窗口中，并将面板组停靠在右侧。这也是系统默认的工 作区布局模式。 【编码器】模式： 采用与【设计器】模式相同的集成工作 区，但是它将面板组停靠在左侧，而且【文档】窗口在默认情况下显示【代码】视图。 【双重屏幕】模式：该布局将所有面板都放置在辅助显示器上，而将文档窗口和【属性】面板保留在主显示器上。如果用户有一个辅助显示器，则可用此种模式来组织布局。 2.1.2 文档窗口和状态栏 1.文档窗口 用来显示和编辑当前的文档页面。 文档窗口的底部有状态栏，可以提供多种信 息。文档窗口有三种视图，单击文档工具栏 中的按钮，可进行视图的切换。也可以通过 单击菜单栏的【查看】/【代码】（或【设 计】、【代码和设计】）实现此功能。 2.状态栏 Dreamweaver CS5中文档窗口的状态栏位于 文档窗口的底部，如图2-5所示。 图2-5 Dreamweaver CS5的状态栏 2.1.3 标尺和网格 1.标尺 单击【查看】/【标尺】/【显示】，可显示 标尺，如图2-6所示。单击【查看】/【标尺】 命令中的【像素】、【英寸】或【厘米】命 令，可以更改标尺的单位。 图2-6 标尺和网格 2.网格 单击【查看】/【网格设置】/【显示网格】命 令，可以调出【