边用边学Dreamweaver网页设计与制作教学课件 李彪 杨仁毅 第2章.pdfVIP

边学边用Dreamweaver CS4 网页制作 边学边用Dreamweaver CS4 网页制作 教师： 教师： 职务： 职务： ——教育部实用型信息技术人才培养系列教材 ——教育部实用型信息技术人才培养系列教材 第2章 网页基本编辑操作 第2章 网页基本编辑操作 学习目标： 本 章 主 要 向 读 者 介 绍 了 使 用 Dreamweaver CS4创建网页基本对象的方法。 希望读者通过对本章内容的学习，能够掌 握网页的创建和保存、插入日期与水平线 的插入等知识。 第2章 网页基本编辑操作 第2章 网页基本编辑操作 本章知识点： 网页的创建与存储 网页的打开与关闭 在网页中插入当前日期 插入水平线 在网页中制作彩色水平线 利用水平线制作多彩表格 第2章 网页基本编辑操作 第2章 网页基本编辑操作 2.1 网页的创建与存储 2.1.1 创建网页 启动Dreamweaver CS4后，会出现一个功能选择界面。它包 括“打开最近的项目”、“新建”、“主要功能”3个可选 项目。 第2章 网页基本编辑操作 第2章 网页基本编辑操作 2.1.2 存储网页 编辑好的网页需要将其保存起来，执行“文件→保存” 命令，打开“另存为”对话框，在“保存在”下拉列表中选 择文件保存的位置。在“文件名”文本框中输入保存文件的 名称，完成设置后单击“保存”按钮。 第2章 网页基本编辑操作 第2章 网页基本编辑操作 2.2 网页的打开与关闭 2.2.1 打开网页 如果要打开电脑中存有的网页文件，则执行“文件→ 打开”命令，在弹出的对话框中选择需要打开的文件。选 定后单击“打开”按钮，即可打开此文件。 第2章 网页基本编辑操作 第2章 网页基本编辑操作 2.2.2 关闭网页 执行“文件→关闭”命令，或者按下“Ctrl+W”组合键， 都能关闭网页。 第2章 网页基本编辑操作 第2章 网页基本编辑操作 2.3 在网页中插入当前日期 在Dreamweaver CS4中可以插入日期，当文档保存时， 又可以自动更新。 第2章 网页基本编辑操作 第2章 网页基本编辑操作 2.4 插入水平线 水平线可以使信息看起来更清晰，在页面上，可以使 用一条或多条水平线以可视方式分隔文本和对象。 第2章 网页基本编辑操作 第2章 网页基本编辑操作 2.5 应用实践 任务1——在网页中制作彩色水平线 在水平线“属性”面板中并没有提供关于水平线颜色 的设置，如果要设置水平线颜色，可以在“属性”面板中 单击按钮，在打开快速标签编辑器进行设置。完成后的效 果如下图所示。 第2章 网页基本编辑操作 第2章 网页基本编辑操作 2.5 应用实践 任务2——利用水平线制作多彩表格 本例是利用水平线来制作多彩表格，每条水平线的宽 度与高度都必须相同，然后再设置水平线的颜色，最后在 水平线的右方强制换行输入文字。完成后的效果如下图所 示。 第2章 网页基本编辑操作 第2章 网页基本编辑操作 2.6 知识拓展 2.6.1 使用标尺 标尺显示在文档窗口中页面的左方和上方，它的单位 有像素、英尺、厘米3种。默认情况下标尺使用的单位是像 素。 第2章 网页基本编辑操作 第2章 网页基本编辑操作 2.6.2 使用网格 使用网格会使页面布局更加方便。