Adobe Dreamweaver CS5网页制作教程第4章

项目四 应用超链接和行为
任务一 设置超链接（上） 任务二 设置超链接（下） 任务三 设置行为
任务一 设置超链接（上）
任务说明
超链接由源端点和目标端点两部分组成，其中设 置了链接的一端称为源端点，跳转到的页面或对 象称为目标端点。 网站是由一个个网页组成的，而连接这些网页的 桥梁就是超链接。超链接包括很多种，最常用的 是常规超链接，另外还有热点链接、电子邮件链 接等。
任务实施——为“欧妮雅”网站主页设置行为
在学习了设置行为的方法后，下面将应用行为为欧 妮雅网站首页“index.html”添加伴随窗口（具体 操作见视频4-3）。
预备知识
一、设置常规超链接
常规超链接包括内部超链接和外部超链接，内部超 链接是指目标端点位于站点内部的超链接；外部超 链接是指目标端点位于其他网站中，单击它可跳转 到其他网站的超链接。
1．内部超链接
内部超链接的设置非常灵活，在选中要设置超链接 的文本或图像后，可以在属性检查器上的“链接” 编辑框中直接输入要链接对象的相对路径；也可以 通过单击“链接”编辑框右侧的“浏览文件”按 钮 ，在弹出的“选择文件”对话框中选择链接对 象。
三、设置电子邮件链接
使用电子邮件链接可以非常方便地给网站管理者 发送邮件。很多网页下方的信息区都留有电子邮 件地址，单击该地址可打开“Outlook Express” 的“新邮件”窗口，这就是电子邮件链接。
任务实施——为“欧妮雅”网站主页设置超 链接
在学习了常用超链接的设置方法后，下面通过为 “欧妮雅”网站主页设置超链接，来进一步巩固 前面所学（具体操作见视频4-1）。

2．外部超链接
外部超链接的设置一般是在选中对象后，在属性 检查器上的“链接”编辑框中直接输入要链接网 页的网址。

网页效果
活动三：打造自己的个性化站点
活动小结：
在这次活动中我们完完整整的制作了一个个人的网站，
是不是比想象中的容易啊！在本次制作中使用了“高级”
选项卡来建立网站，这比使用向导建立更快捷。 在制作中，网页间的链接是很重要的，作为一个设计者
值得注意的是，你的设计要让使用者能方便的在你的站点
中的任何网页之中进行跳转。
件的特点。
活动一：初识网页
活动小结：
网页中使用的最多的元素是文字和图片。图 片的一般格式为jpg或gif文件。flash的使用能使网 页增加动感。 动态网页能对用户提交的信息作出及时的反 馈，使网页更具人性化。 Dreamweave有着可视化的操作界面，特别在 与flash和fireworks的相互配合，成为网页创意组 件中最重要的一员。
活动三：制作 “我的第一张网页”
制作完成后的 效果图
活动三：制作 “我的第一张网页”
活动小结：
制作网页的基本流程可以分为：建立
站点->创建网页->插入网页元素->编辑网
页元素->保存网页->预览效果。
第一章实验：制作“我的个人介 绍”
实验要求：
一、建立站点目录mysitelx，并将站点指定至站点目录。 二、制作网页“我的个人介绍”，在网页中加入背景图片、文字、 水平线、图片和超级链接。 三、通过记事本打开网页，修改现有的HTML代码，比较前后效果。
活动四：编辑我的站点
教学目标：
掌握编辑站点的方法。
知识要点：
网站地图，管理网站文件、链接检查、添加和 删除站点。
活动四理功能 （2）站点视觉地图 （3）添加和删除站点
视图工具栏
“管理站点”对话框

《边做边学——Dreamweaver CS5网页设计案例教程》教学大纲课程介绍：本课程是一门实践性和概念性都很强的面向实际应用的课程。

Dreamweaver CS5是由Adobe公司开发的网页设计与制作软件。

Adobe公司在Dreamweaver这一软件的版本上不断升级，是为了使广大从事网页制作和网页设计工作的用户拥有性能更完善的得力工具，同时也是为了使刚刚步入设计领域的初学者能够拥有更加优秀的学习软件。

本书内容的讲解均以课堂实训案例为主线，通过案例的操作，使学生快速熟悉案例设计理念和软件功能，提高学生的软件使用技巧和实际应用能力，为今后的专业学习或深入的设计打下基础。

培训目标：初识Dreamweaver CS5的工作界面和网站的建设基础掌握文本与文档的编辑方法熟练掌握插入图像和多媒体的方法和技巧掌握网页超链接的方法熟练掌握表格的使用方法熟练掌握框架的使用方法掌握使用层的方法掌握层叠样式表（CSS）样式掌握模板和库的使用方法掌握使用表单与行为的使用方法掌握网页代码的编写和修改的方法掌握综合设计实训案例的制作方法和技巧学习时间：53学时。

培训内容：一、初识Dreamweaver CS51.掌握Dreamweaver CS5的工作界面；2.掌握创建网页框架的方法；3.熟练掌握对站点的打开、修改、复制、删除、导入、导出等操作；4.掌握网页文件头的设置；二、文本与文档1、通过制作果蔬网，熟练掌握输入文本、编辑文本和文档的方法；2、通过制作电器城网店，熟练掌握文本属性的设置、文本样式的设置和段落文本的制作方法；3、通过制作艺术摄影网页，了解水平线、网格和标尺的使用方法；三、图像和多媒体1、通过制作建筑工程网页，熟练掌握插入图像并设置图像属性的方法；2、通过制作野生动物园网页，掌握调整图文混排效果的方法和创建网页相册的方法；3、通过制作女性化妆品网页，熟练掌握在网页中插入多媒体的方法。

四、超链接1、通过制作实木地板网页，了解超链接的概念与路径知识，熟练掌握创建文本和文本超链接的方法；2、通过制作口腔护理网页，掌握图像超链接的创建方法，创建命名锚记超链接的方法以及了解创建热点链接的方法。

4.1 案例制作：个人信息调查表
4.1. 案例制作：个人信息调查表
操作步骤： 6）在表格的第4行年月日前，分别单击“插入”面板组“表单”选项下的“列表/菜单” 按钮 ，分别选中插入的列表菜单，在属性面板中将“类型”设为“列表”，列表名称分 别是year、month、day，单击属性面板的“列表值”按钮，在“列表值”对话框中添加 “项目标签”和“值”的内容，单击按钮 和按钮 可以添加或删除列表内容，最后 单击“确定”按钮，如图所示。
4.1 案例制作：个人信息调查表
4.1. 案例制作：个人信息调查表
操作步骤： 5）光标移到第3行文字右侧插入单选按钮组按钮 。在弹出的对话框中进行设定，如图46所示。插入的按钮组是垂直排列的。只需将光标移到单选按钮前面向前删除，则单选 按钮则排列成一行。选中单选按钮及文字，在属性面板的“目标规则”中选择“t2”。
4.2 新知解析
9. 文件域属性面板设置项目：
❖ “文件域名称”：指定该文件域对象的名称。 ❖ “字符宽度”：指定希望该域最多可显示的字符数。 ❖ “最多字符数”：指定域中最多可容纳的字符数。如果用户通过浏览来定位文件，则 文件名和路径可超过指定的“最多字符数”的值。但是，如果用户尝试键入文件名和路 径，则文件域仅允许键入“最多字符数”值所指定的字符数。
4.2 新知解析
8. 图像域属性面板设置项目：
❖ “图像区域”：为该按钮指定一个名称。 ❖ “源文件”：指定要为该按钮使用的图像。 ❖ “替代”：用于输入描述性文本，一旦图像在浏览器中载入失败，将显示这些文本。 ❖ “对齐”：设置对象的对齐属性。 ❖ “编辑图像”：启动默认的图像编辑器并打开该图像文件进行编辑。
4.3 实战演练：网络写作注册信息表
4.2 新知解析