《网页制作三合一教程》-王蒙田-电子教案第3章.pptVIP

第3章 Dreamweaver MX 2004的初级应用 3.1 站点的建立 3.2 创建Dreamweaver 页 3.2.1 新建空白HTML页 3.2.2 利用模板创建网页 3.3 网页的文本编辑 3.3.1 插入和设置文本 3.3.2 段落设置 3.3.3 项目符号 3.4 网页中的图像编辑 3.4.1 在网页中插入图像 3.4.2 设置图像属性 3.4.4 交互图像的处理 3.5 创建链接 3.5.1 内部网站链接 3.5.2 外部网站链接 3.5.3 链接的管理 3.5.4 站点视图 3.6 行为 3.6.1 行为简介 3.6.2 行为面板 3.6.3 关于事件 * * 3.1 站点的建立 3.2 创建Dreamweaver页 3.3 网页的文本编辑 3.4 网页中的图像编辑 3.5 创建链接 3.6 行为 返回总目录 选择“文件”→“新建”命令 实例 3.2.3 保存网页 提醒两点： （1）网页一般要保存在站点下的路径中，这样才能保证网页中的图片等引用格式的正常显示。 （2）如果是主页，不仅要保存在站点根目录下，而且一般习惯的命名方式为index.htm，以示区别。 3.2.4 预览网页 不同字体的表现 不同的字体效果 不同字号的效果 不同的格式的效果 靠左 居中 靠右 不同的对齐方式： 缩进文本 无序清单 有序清单 多级清单 Web页中通常使用的只有三种：GIF、JPEG和PNG。 GIF（图形交换格式）文件最多使用256种颜色，最适合显示色调不连续或具有大面积单一颜色的图像，例如导航条、按钮、图标、徽标或其他具有统一色彩和色调的图像。 JPEG（联合图像专家组标准）文件格式是用于摄影或连续色调图像的高级格式，这是因为JPEG文件可以包含数百万种颜色。 PNG（可移植网络图形）文件格式是一种替代GIF格式的无专利权限制的格式，包括对索引色、灰度、真彩色图像以及Alpha通道透明的支持。 绘制多边形热点 3.4.3 热点链接的设置 通过属性中的链接或单击右键选择链接 交互前后的图像 首页 子页 1．与万维网的链接 2．通过E-mail链接 若要使用“插入电子邮件链接”命令创建电子邮件链接，请执行以下操作： （1）在“文档”窗口的“设计”视图中，将插入点放在希望出现电子邮件链接的位置，或者选择要作为电子邮件链接出现的文本或图像。 （2）执行下列操作之一，插入该链接： 选择“插入”→“电子邮件链接”命令。 选择“插入”栏中的“通用”选项卡，然后单击“插入电子邮件地址”按钮。 （3）出现“电子邮件链接”对话框。 （4）完成此对话框的相关内容。 （5）单击“确定”按钮。 若要添加链接，请执行下列操作之一： 将某个页面从Windows资源管理器拖动到站点中的一页上。 在站点中选择一个HTML页面，如果在Windows中，则接着选择“站点”→“链接到已有文件”命令。 在站点中选择一个HTML页面，如果在Windows中，则接着选择“链接”→“链接到新文件”命令。 在站点中选择一个HTML页面，出现“点到文件”图标。将此图标拖动到想要链接的对象上，可以是“点到文件”视图中的文件、打开的Dreamweaver文档，也可以是桌面上打开文档中的命名锚记。 若要删除链接，请执行下列操作之一： 在站点地图中选择该页，然后选择“站点”→“删除链接”命令。 在站点地图中选定该页，右击，然后从快捷菜单中选择“删除链接”命令。 删除链接不会删除该文件，但会从指向该链接的页面上的HTML源代码中删除该链接。 若要打开链接源，则在站点地图中选择一个文件，然后执行以下操作之一： 选择“站点”→“打开链接源”命令。 右击，然后从快捷菜单中选择“打开链接源”命令。 1．查看分支 通过使某个分支成为站点地图的焦点可以查看站点特定部分的详细信息。 选择要查看的页，然后选择“查看”→“作为根查看”查看站点地图中的另一分支。 站点地图在窗口中重新绘制就像指定页位于站点的根目录一样。站点地图之上的“站点导航”文本框显示从主页到指定页的路径。通过一次单击选择路径中的任意项，从该级别开始查看站点地图。 2．更改链接 可以通过在站点地图中添加、更改和删除链接来修改站点的结构。 Dreamweaver自动更新站点地图以显示对站点所做的更改。 3．显示相关文件 可以修改站点地图的布局，以显示或隐藏文件和相关文件。当需要强调