02_网页设计基础6.2.3--6.3

（2）远程文件夹的访问方法
Dreamweaver CS4提供的在本地和远程文件夹 之间传输文件时可以使用的访问方法：



FTP： 如果使用 FTP 能够连接到 Web 服务器，可使用此设 置。 本地/ 网络： 如果远程文件夹位于网络文件夹或在本地计算 机上时可使用此设置。 RDS （远程开发服务）：对于这种访问方法，远程文件夹必 须位于运行 Adobe®ColdFusion®的计算机上。
FLV视频标签
FLV预览效果
6.2.4. 网页中的超链接
超链接是指页面对象之间的链接关系，只有通 过超链接才可以实现在不同网页，乃至不同网站之 间的跳转。 超链接就是从一个网页指向一个目标的关系， 目标可以是另一个网页，可以是同一网页的不同位 置，还可以是一幅图像、一个文件等。
1. 文本链接
6.2.4 网页中的超链接
“鼠标经过图像”是指在浏览器 中，当鼠标指针移动到图像上时，图 像随即变成另外一幅图像，当鼠标指 针移开时，又会恢复到第一幅图像。 命令：“插入/图像对象/鼠标经过对象”
6.2.3 网页元素的添加与处理 例6：在wy1.html网页中插入“鼠标经过图像”， 图像为huanghe1.jpg和huanghe2.jpg文件。
2. 图像和图像热区链接
（1）图像链接 创建图像超级链接的方法与 建立文本超级链接相似，即选择 图像，然后进行超级链接设置。
6.2.4 网页中的超链接
图像对象
超链接对象
链接目标为新浏 览器窗口
6.2.4 网页中的超链接 （1）图像热区链接 除了指定一整张图像建立超级链 接外，还可以利用图像热点工具，在图 像上指定某个区域建立超级链接，方法 是先绘制图像热点区域，再为该区域建 立链接，从而实现在同一个图像上建立 多个超级链接的目的。 热点工具有：矩形热点工具、椭圆 形热点工具和多边形热点工具。
第6章 网页设计基础
Dreamweaver CS4
6.2.3 网页元素的添加与处理
框架集 表单
基本网页元素：




网页页面属性设置 文本 图像操作 CSS样式 动画、音视频
6.2.3 网页元素的添加与处理 网页页面属性设置 设置网页的标题、背景图像、背景颜 色、文本颜色、链接颜色、页边距等，对 外观进行整体上的控制，以保证页面属性 的一致性。
在对象的“属性”面板的“链接”框内输入 “mailto:”并输入Email地址，如 mailto:aa@。
5. 外部链接
在“属性”面板的“链接”框内直接输入外部 链接地址，如。
返回本节首页
6.2.5 网页的布局
在网页制作中，网页布局的重要性是显而易见的，网页布 局有很多方法，但最基本的方法是利用表格和利用框架进行网 页布局。
单击此按钮， 打开 “页面属性”对话框
1. 文本操作
6.2.3 网页元素的添加与处理
在网页创作中，网页上的信息大多是 通过文字来表达的。文字是最基本的元素 之一，具有准确快捷地传递信息、存储空 间小、易复制、易保存、易打印等优点， 其优势很难被其他元素所取代。 （1）输入文本和空格 （2）文本换行（Enter与Shift+Enter）
6.2.5 网页的布局 （1）创建和保存框架
例15：新建一框架集文件wy3.html，框架为“对齐上缘”，两 个框架文件分别保存为wy3-1.html、和wy3-2.html。
上框架wy3-1.html
主框架wy3-2.html
6.2.5 网页的布局 （2）设置超级链接
例16：在wy3-1.html（即上框架）中设置文本的超级链接。选 择“黄河游”文本，设置超级链接到wy1.html网页，目标为 mainFrame。
定义远程文件夹
选择FTP方式
主机名称
选择远程信息
6.3.1 站点的发布
2. 远程站点的发布
远程文件夹一旦创建 成功，就可以从本地站点向 远程站点上传文件了。在 Dreamweaver中，上传文件 的操作主要通过“文件”面 板来执行。
上传文件按钮
6.3.2
站点的管理
随着站点的发布和站点内容的不断 更新，新增、删除和重命名文件的现象 将不断出现，这将导致文件内部链接的 失效以及本地站点、远程站点内容的不 一致。因此必须及时更新站点的内容。
，“目标 ，单击
4. 多媒体操作
6.2.3 网页元素的添加与处理
（1）插入Flash动画 Flash动画以其文档容量小、效果丰富等 特点深受网页制作者的钟爱。 例 8 ： 将 Flash 文 件 001.swf 插 入 到 新 建 的 网 页 wy2.html中。
6.2.3 网页元素的添加与处理 插入Flash动画（“插入/媒体/SWF”菜单命令）
选择Flash 文件
6.2.3 网页元素的添加与处理 （2）添加音频（“插入/媒体/插件”） 例9：将声音文件ex2.wav添加到网页wy2.html中。 插入音频后，打开“窗口”菜单中的“标签编辑器 ”，可以对音频进行属性设置。
打开标签编辑 器
音频属性设置
6.2.3 网页元素的添加与处理 （3）添加视频(“插入/媒体/FLV”） 例 10 ： 将 视 频 文 件 Musicvedio.flv 添 加 到 网 页 wy2.html中。
3. 站点视图切换
6.3.2 站点的管理
（1）在折叠的“文件”面板中切换站点视图
站点视图下拉框
6.3.2 站点的管理 （2）在展开的“文件”面板中查看站点
远程站点 本地站点
例11：在wy1.html中设置第一行中文本“黄河” 的超级链接，链接文件为“huanghe.html”。
插 入 链 接 对 话 框
6.2.4 网页中的超链接
在“目标”下拉列表中可以选择超级链接的打 开方式。

_blank：在一个新的浏览器中打开。 _parent：在父框架中打开。 _self： 在网页所在的窗口或框架中打 开，此为默认选项。 _top： 在浏览器窗口打开。
6.2.3 网页元素的添加与处理 例2：打开wy1.html，将网页标题设置为“母亲 河”，设置网页的超级链接颜色。
2. 图像操作
6.2.3 网页元素的添加与处理
在网页中插入图像，可以使网页更加美 观，它能装饰网页，表达企业 或个人的情 趣和风格。
6.2.3 网页元素的添加与处理
插入鼠标经过图像
2. 表单对象
（1）文本框
6.2.6 表单的使用
插入表单（表单域）后，可以在其中插入各 种表单对象。
例17：在wy4.html网页中插入表单域，插入文本域并设置属性。
可显示的最多字符数 密码设置
可输入的最多字符数
单行文本域属性设置
6.3

站点的发布与管理
站点的发布 站点的管理
6.3.1 6.3.2
6.3.1 站点的发布
（1）远程文件夹和测试服务器文件夹
远程文件夹一般指Web服务器上存储文件的位 置，这些文件可以用来向互联网用户发布。 如果计划开发动态网页，Dreamweaver 需要测 试服务器的服务以便生成和显示动态内容。在测试 服务器上存放站点内容的文件夹就是测试服务器文 件夹。
6.3.1 站点的发布
6.2.4 网页中的超链接 例12：将wy1.html网页中huanghe.jpg上的黄河区 域建立超级链接，链接到“huanghe.html”文件， 目标位置为“新窗口”。
热区位置
多边形热点工具
矩形热点工具 椭圆形热点工具
3. 锚记链接
6.2.4 网页中的超链接
Dreamweaver提供了锚记链接功能，可创 建跳转到页面的指定位置的链接。当建立一个 锚记后，会在屏幕上显示锚记标记 。 执行菜单“编辑/首选参数”命令，在 “不可见元素”中选取“命名锚记”复选框， “确定”后即可显示锚记。
例14：新建一网页文件wy3-1.html，在网页中插入一个4行×3 列表格，合并第一行单元格，并设置对齐方式居中。
插入表格对话框， 确定行数、列数。
表格宽度可以为绝对 像素单位，或为浏览 器宽度的百分比
3. 框架的创建及使用
6.2.5 网页的布局
框架集由一组框架构成，框架集把浏览器 窗口划分为若干个区域，每个区域定义为一个框 架，在此框架中可以显示不同的网页，从而实现 在同一页面中显示多个网页文档内容。

6.3.1
站点的发布
“站点的发布”是指利用Dreamweaver 将本地站点的网站内容传输到远程站点 这一过程。 远程站点通常位于一台已经开启Web服 务器的计算机上。
6.3.1 站点的发布
1. 远程站点的建立
一般而言，远程站点和本地站点位于两台不同 的计算机上。 在建立远程站点之前必须先搞清楚三个问题： ① 远程站点位于哪一台计算机上 ② 本地站点以什么通信方式访问远程站点 ③ 根据特定的通信方式，本地站点访问远程站点时 需要设置哪些参数
注意：框架中的超级链接，目标可以设置为某个框架 （ mainFrame 、 topFrame 、 leftFrame 、 rightFrame 、 bottomFrame等）。
框架超链接目标
6.2.6 表单的使用
表单是服务者与用户进行交互的通道。通过表单，用户 可以在表单对象中输入或选择相关的信息，然后提交到站点 服务器的数据库，而服务器脚本或应用程序即对这些信息进 行处理，最后服务器回应请求，将信息发送回用户或客户端 页面，从而达到人站交流的目的。
原始图像
鼠标经过图像
3. CSS样式
6.2.3 网页元素的添加与处理
CSS（Cascading Style Sheet）称为“层叠 样式表”，简称为“样式表”。CSS是一组格 式设置规则，用于控制Web页面元素的外观布 局。 使用CSS可以灵活并更好地控制许多文本 属性，包括特定字体、大小、粗体、斜体、下 划线等。