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

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