网页设计DreamweaverCS31-6章(基础篇)重点解析.ppt

活动小结: 在本活动中我们对站点中的链接通过“资源”面板进行了编辑、管理。通过本活动主要让我们对“资源”面板中的一些常用按钮有所熟悉。 活动四：管理站点链接资源 第六章实验：制作“庐山风景”网站 实验要求： 一、建立站点目录mysitelx，并将站点指定至站点目录。 二、绘制布局表格和布局单元格。 三、制作网页“庐山风景”，在网页中加入相应文字及图像。 四、制作网页中的各种链接，其中包括文字链接、图像 链接、锚点链接、邮件链接等。 注意：本实验提供的样例仅供参考，也许你能设计出别具一格的网页 第六章实验：制作“庐山风景”网站 网页效果 活动小结: 在本活动中我们在网页中插入的图像变换效果和图像占位符。图像变换效果和导航条效果有些接近。在具体的操作中可视情况而定。 活动三：在网页中插入图像对象 活动四：使用编辑器编辑网页中的图像 通过设置图像的编辑器，使用内置的 Fireworks 工具编辑图像。 教学目标： 知识要点： 图像编辑器、内置 Fireworks 工具 准备知识： （1）设置图像编辑器 （2）使用内置 Fireworks 工具编辑图像 （3）启动 Fireworks 编辑 PNG 格式的图像源 活动四：使用编辑器编辑网页中的图像 图像编辑程序参数设置 活动引导： 一、设置图像编辑器 二、使用内置 Fireworks 工具编辑 图像 三、启动 Fireworks 编辑图像源 活动四：使用编辑器编辑网页中的图像 活动四：使用编辑器编辑网页中的图像 修改后图像效果 活动小结: 在本活动中我们分别利用了“属性”面板中内置 Fireworks 工具和通过Dreamweaver直接启动Fireworks来编辑图像。在以后的使用中，我们要根据实际情况采用不同的方法。 活动四：使用编辑器编辑网页中的图像 活动五：为站点打造网站相册 网站相册 教学目标： 知识要点： 掌握创建网站相册的方法。 准备知识： 执行“命令”|“创建网站相册”，我们可以轻松地为站点建立相册。在使用这个功能时我们要先建立一个文件夹，作为相册图像及系统自动生成链接有各张图像缩略图的网页存放的地点。当用户在单击该网页中的缩略图时，系统将自动跳转到原始尺寸的图像上。网页中缩略图是通过系统自动启动Fireworks来实现的。换句话说，当我们要使用这个命令前提是我们当前机器里要安装有Fireworks。 活动五：为站点打造网站相册 活动引导: 一、建立相册目录 二、建立网站相册 三、完成首页的热区链接 活动五：为站点打造网站相册 活动五：为站点打造网站相册 网页效果 第五章实验：制作“七彩云南”旅游网站 实验要求： 一、建立站点目录mysitelx，并将站点指定至站点目录。 二、制作网页“七彩云南”，在网页中绘制布局表格和单元 格。 三、在单元格内加入文字、水平线、图像和超级链接。 注意：本实验提供的样例仅供参考，也许你能设计出别具一格的网页 第五章实验：制作“七彩云南”旅游网站 网页效果 第六章 创建超级链接 概要： 超级链接将许许多多毫无关联的网页通过文字、图片、flash等元素联系起来。用户只需轻点鼠标便可访问链接的网页。 本章主要通过四个活动的展开，介绍了解链接的基本概念，其中包括URL地址、绝对路径和相对路径的概念及其区别。详细阐述了几种常见的超级链接的形式，通过活动掌握超级链接的创建方法。其中包括使用多种方法创建超级链接（文本链接、图像链接），并且设置超级链接目标窗口及文本提示；设置邮件链接和设置书签链接；站点链接资源的管理方法。 活动一：用不同的方式链接网页 理解站点和链接的概念其中包括URL、绝对路径和相对路径的概念。熟练掌握在网页中设置文字和图片超级链接的方法。 教学目标： 知识要点： URL、绝对路径和相对路径、超级链接。 准备知识： （1）链接简介 （2）URL地址解析 ①Unix系统中的文件或文件夹名长度不能超过32个字