DW-第2章网页基本对象创建解读.ppt

Dreamweaver 网页制作 主讲：孙洪娟 第2章 网页基本对象创建 本章目标 2.1网页文档的基本操作 2.2网页的基本编辑 2.3段落基本编辑 2.4网页背景 2.1网页文档的基本操作-创建 文档的创建： （1）文件新建创建（或Ctrl+N） （2）右键单击已建站点新建文件 2.1.2网页文档的基本操作-打开 文档的打开： （1）文件打开，在对话框中选择网页文档 （2）窗口文件（F8），双击要打开的网页 2.1.3网页文档的基本操作-预览 文档的预览： （1）单击文档工具栏的 按钮，在弹出的菜单中选择相应浏览器，即可浏览 （2）在打开文档的状态下，按F12预览 2.1.4网页文档的基本操作-保存 文档的保存： （1）文件保存[另存为]修改相应选项保存 （2）Ctrl+S和Ctrl+Shift+S 注：避免在文件名和文件夹中使用空格和特殊字符。不要在文件名中使用特殊字符(如$、￥等)或标点符号(如冒号、斜杠或句号)，很多服务器在上传时会更改这些字符，导致与这些文件的链接中断。 2.1.5网页文档的基本操作-关闭 文档的关闭： （1）单击文档窗口中X按钮 （2）右键单击文档窗口关闭 2.2网页的基本编辑 Dreamweaver提供了多种向网页中添加文本和设置文本格式的方法。 插入文本 设置字体类型、大小、颜色和对齐属性 使用层叠样式表（CSS）创建自定义样式 使用层叠样式表（CSS）应用自定义样式 2.2.2网页的图像-插入图像 打开网页文档 将光标放置在要插入图像的位置 插入图像 弹出【选择图像源文件】对话框 选择要插入的图像 单击【确定】 注：也可单击常用工具栏的【图像】按钮 2.2.1网页的基本编辑-插入文本 添加普通文本 方法： A:直接输入 用鼠标单击网页编辑窗口中的空白区域，窗口中随即出现闪动的光标，标识输入文字的起始位置。 B:选 择适当的输入法输入文字或者复制粘贴 C：从其他文件导入 添加空格 输入法切换到半角状态，按空格键只能输入一个空格，如果需要输入多个连续的空格可以通过以下方法实现 A:Ctrl+Shift+空格（Space） 2.2.2网页的基本编辑-插入空格 B: C: 自动更新日期： 2.2.2网页的基本编辑-插入日期 插入水平线 2.2.2网页的基本编辑-插入水平线 如何设置水平线 宽度 、高度 、 对齐方式 、颜色 2.2.2网页的基本编辑-插入水平线 如何插入版权符号 2.2.2网页的基本编辑-插入版权符号 2.2.2网页的图像-插入鼠标经过图像 插入图像对象鼠标经过图像 分别选择【原始图像】和【鼠标经过图像】 设置其他选项 保存，预览 段落设置 （1）分段与换行 a:分段按enter(回车键)隔一行， b:换行按shit+enter(回车键) （2）设置段落格式 a:对齐方式 b:列表编号 *列表可以将文本段落用符号或序号标注起来，有两种类型，项目列表和编号列表。 2.3段落基本编辑 设置项目列表的操作过程如下： （1）选 择要添加列表的若干文本段落 （2）单击属性检查器中的“项目列表”按钮“编号列表”按钮 2.3段落基本编辑 2.4网页背景 改变网页背景有两种方法 一、设置【背景颜色】 修改页面属性 单击【背景颜色】，打开【调色板】 选择适合的颜色，【确定】 二、设置【背景图像】 修改页面属性 【页面属性】【分类】【外观】【背景图像】 单击【浏览】选择要使用的图像【确定】 实例（一）