《网页制作》模块3简单网页的制作 p48.pptVIP

任务2 实现向网页中添加图像的操作 2.实施步骤 任务2 实现向网页中添加图像的操作 3.2.4任务小结 图像和文本是网页中最基本的两大元素，将这两种元素合理地结合起来是表现页面内容最直接、最有效的方法，实现图文混排页面是制作网页的基础。 3.3.1任务分析 任务3 实现向网页中添加超链接的操作 要想正确、有效地实现网页中的超链接，需要了解网页链接路径，同时还要合理、恰当地设置不同类型的链接。本任务的实现需要掌握以下内容。 网页链接路径 不同类型链接的设置 3.3.2相关知识 任务3 实现向网页中添加超链接的操作 1.关于链接 在创建了Dreamweaver站点和HTML页面之后，需要创建文档到文档的链接。Dreamweaver提供了多种创建链接的方法，可创建到文档、图像、多媒体文件或电子邮件地址的链接，可以建立到文档内任意位置的任何文本或图像的链接，包括标题、列表、表、绝对定位的元素（AP元素）和框架中的文本或图像。 任务3 实现向网页中添加超链接的操作 2.网页链接路径 (1) (2) (3) 绝对路径 文档相对路径 站点根目录相对路径 任务3 实现向网页中添加超链接的操作 最常使用的链接路径类型是文档相对路径和站点根目录相对路径。 文档相对路径 站点根目录相对路径 任务3 实现向网页中添加超链接的操作 任务3 实现向网页中添加超链接的操作 3.不同类型链接的设置 图像热点链接 空链接 电子邮件链接 锚点链接 链接的设置步骤 链接的类型 脚本链接 1 2 3 4 5 6 7 任务3 实现向网页中添加超链接的操作 链接到其他文档或文件（如图像、影片、PDF或声音文件）的链接 (1) (2) (3) (4) 空链接和脚本链接 命名锚点链接 电子邮件链接 链接的类型 1.具体任务 （1）在soft.html页面中的项目列表文本上分别创建到Photoshop.html、Illustrator.html、Freehand.html和CorelDraw.html页面的链接，打开方式为在新窗口中打开。 （2）分别在Photoshop.html、Illustrator.html、Freehand.html和CorelDraw.html页面中创建返回到soft.html页面的链接，打开方式为在原窗口中打开。 任务3 实现向网页中添加超链接的操作 3.3.3任务实施 （3）在Photoshop.html页面顶部插入锚点标记top，在页面底部的“返回顶部”文本上创建到top的锚点链接，实现单击“返回顶部”链接可以跳转到页面顶部。 （4）在soft.html页面中创建一个文本内容为“技术咨询”的电子邮件链接，电子邮件地址为zixun@163.com。 任务3 实现向网页中添加超链接的操作 任务3 实现向网页中添加超链接的操作 2.实施步骤 任务3 实现向网页中添加超链接的操作 任务3 实现向网页中添加超链接的操作 任务3 实现向网页中添加超链接的操作 3.3.4任务小结 正确、有效的链接是网页能否被浏览的关键，链接的创建方法和种类多样，在网页制作过程中，要根据不同类型的链接设置正确、恰当的路径。 思考与练习 1.（）用于给文本、段落和图像等设置属性。 A.属性检查器B.布局检查器 C.“文件”面板D.“布局”选项卡 2.“页面属性”对话框中的（）用于设置将显示在Web浏览器的标题栏上的页面名称。 A.文本B.标题/编码C.脚本D.HTML 思考与练习 请用Dreamweaver CS5实现图3-72所示的图文并茂的页面。 目录 目录 模块3 简单网页的制作 模块3 简单网页的制作 掌握网页中文本的编辑方法。 了解网页中常用的图像类型。 掌握网页中图像的编辑方法。 了解网页制作中路径的概念。 掌握网页链接的设置方法。 掌握简单图文混排网页的制作方法。 知识目标 模块3 简单网页的制作 能恰当地添加网页文本。 能在页面中添加图像和图像特效。 能够使用链接实现网页间的有效交互。 能力目标 模块3 简单网页的制作 任务1：实现网页中文本的添加与设置操作。 任务2：实现向网页中添加图像的操作。 任务3：实现向网页中添加超链接的操作。 具体任务 文本的添加 (1) (2) (3) (4) 水平线的插入 文本的编辑 特殊符号的添加 3.1.1任务分析 任务1 实现网页中文本的添加与设置操作 3.1.2相关知识 任务1 实现网页中文本的添加与设置操作 1.文本的添加 文本是网页中最基本的元素之一，在Dreamweaver中可以直接输入文本，还可以引用外部文本文件。引用外部文本文件时，可以打开外部文本文件，选择要引用的文本内容，将其复制后粘贴到网页中，如图3-1所示。 任务1 实现网页中文本的添加与设置