网页设计与制作教程 教学课件 ppt 作者 刘瑞新第4章.pptVIP

机械工业出版社 网页设计与制作 刘瑞新 吴丰 主编 机械工业出版社 第4章 编辑网页元素 4.1 编辑网页文本 4.1.1 添加文本 1．直接输入文本 2．复制并粘贴文本 对于页面中文字内容较多的段落文本，可以先从其它应用程序中复制文本，然后切换到Dreamweaver中，将插入点定位在“文档”窗口的“设计”视图中，最后在菜单栏执行“编辑”→“粘贴”或“编辑”→“选择性粘贴”，即可将文本粘贴到Dreamweaver中。 3．从Word导入文本 对于一篇排版完成的整篇文章，可以使用Dreamweaver的导入Microsoft Office文档功能将其一次性导入。 4.1 编辑网页文本 4.1.2 插入特殊字符 1．插入特殊字符 2．插入空格 按下组合键〈Ctrl+Shift+Space〉，或者在“插入”面板“文本”类别的“字符”下拉菜单中，选择“不换行空格”选项，即可插入多个空格。 4.1 编辑网页文本 4.1.3 插入日期与水平线 1．插入日期 Dreamweaver提供了一个方便的日期对象，该对象使设计人员可以以喜欢的格式插入日期，并且可以选择在每次保存文件时都自动更新该日期。 2．插入水平线 水平线可以分割页面内容，它对于组织信息十分有用，设计者可以使用一条或多条水平线以可视方式分隔文本和其他对象。 4.2 格式化文本 4.2.1 使用CSS设置文本格式 1．设置文本的字体、大小和颜色 2．设置字体样式 4.2 格式化文本 4.2.2 编辑段落 1．设置段落格式 4.2 格式化文本 4.2.2 编辑段落 2．设置对齐方式 3．设置缩进 4.2 格式化文本 4.2.3 检查拼写与替换 1．检查拼写 2．替换文本 4.3 列表 4.3.1 创建列表 4.3.2 更改列表属性 4.4 超链接 4.4.1 文本链接 1．通过菜单创建超链接 2．通过属性检查器创建超链接 4.4.2 邮件链接 1．通过“插入”面板创建 2．通过“属性”面板创建 4.4 超链接 4.4.3 锚链接 当网页内容较多使得页面较长时，如果在页面中查找某些栏目信息则会显得十分不方便。在这种情况下，可以创建一些锚链接放置在页面中作为定位标签来引用。 锚链接就是创建命名锚记（简称锚点），它所起到的作用就是在文档中进行定位，单击这些创建了命名锚记的链接后，就可以快速访问指定位置。 4.5 网页图像 4.5.1 网页图像常用格式 1．GIF格式 2．JPEG格式 3．PNG格式 4.5 网页图像 4.5.2 插入图像 将图像插入到Dreamweaver中时，HTML源代码中会生成对该图像文件的引用。为了确保此引用的正确性，该图像文件必须位于当前站点中。如果图像文件不在当前站点中，Dreamweaver会提醒用户是否要将此文件复制到当前站点中。 4.5 网页图像 4.5.3 插入图像占位符 图像占位符指的是在将最终图形添加到网页之前使用的图形，它是Dreamweaver对图像功能的有益补充,与插入图像的方法基本相似. 4.5 网页图像 4.5.4 设置图像的属性 1．“属性”面板介绍 2．图像的对齐方式 4.5 网页图像 4.5.4 设置图像的属性 3．设置热点链接 4.5 网页图像 4.5.5 设置背景图像 在网页设计中，使用一幅图像作为网页背景显示在页面中，能够有效统一网站风格、展现网站特色，这也是网页设计者常用的手段。背景图像的选用一般要与内容相和谐统一，要与前景文字有明显的对比，不能喧宾夺主。 4.5 网页图像 4.5.6 插入鼠标经过图像 鼠标经过图像是指当鼠标悬停在图像上时，会显示预先设置好的另一幅图像，而当鼠标移开时，又恢复为第一幅图像。这种图像交替变化的效果经常在图片导航、图标按钮和某些广告位中出现。 4.6 案例：宇泽盆景艺术在线 4.7 实训：宇泽电子科技有限公司 机械工业出版社