5、1Dreamweaver 8 创建链接关系

合集下载

Dreamweaver 8入门

– – 11第2章 Dreamweaver 8入门Dreamweaver8是美国Adobe 公司最新开发的优秀的网页制作工具，可以方便、快捷地制作出充满丰富动感的网页。

本章主要介绍Dreamweaver8的工作环境，网页制作的基本方法：包括文本、图像和动画的插入，超级链接的创建，表格、层和框架以及表单的使用等。

2.1 Dreamweaver 8的工作环境2.1.1 选择工作区布局安装完Dreamweaver 8后，第一次启动时，会弹出一个“工作区设置”的对话框，如图2-1所示，让用户选择一种工作区布局，包括“设计器”和“编码器”两个选项，它们分别面向设计者和代码编写者。

图2-1 “工作区设置”对话框本书是在设计者布局中进行介绍的，建议用户选择“设计器”选项进入，进入后会出现如图2-2所示的工作区布局。

图2.2 设计者工作区布局Dreamweaver 8入门– – 122.1.2 软件起始页的用法启动Dreamweaver 8之后，进入起始页，如图2-2所示，点击向右的箭头，可将右边的面板隐藏起来。

也可以点击向下的箭头，将属性面板隐藏起来。

起始页面分为左中右3栏，左侧一栏显示最近曾经打开过的文档；中栏是创建新的项目，可以创建Html 的文档，也可以创建一些动态文档，比如ASP VBScript 、JavaScript 、PHP 等，也可以直接创建站点；右侧是从范例创建，这里提供了Dreamweaver 8已经做好的基础范例，比如已经做好的框架集和一些入门页面等等。

当Dreamweaver 本身无法完成一些功能的时候，可以用Dreamweaver Exchange 从网上下载一些插件来实现。

左下角是Dreamweaver 8的一些学习资料，可以帮助大家更好的学习Dreamweaver 8这个软件。

如果计算机联网的话，右下角的信息是不断变化的，显示一些最新的信息。

如果不想使用这个起始页，而是手工打开一些文档的话，可以将起始页关闭。

《网站规划与设计》期末复习题

《网站规划与设计》期末复习题一、单项选择题1.在Dreamweaver 8中，下面对象中可以添加热点的是（）。

A．文字B．图像C．层D．动画2．关于在Dreamweaver中插入Flash文本，说法错误的是（）。

A.可以设置Flash文本的动态效果，如淡入淡出等B.通过插入Flash文本，用户可以直接创建一个Flash文本对象的动画C.可以设置Flash文本的字体、字号、文本颜色、鼠标转滚颜色等属性D.可以为Flash文本设置链接3．如果要使用CSS将文本样式定义为粗体，需要设置（）文本属性。

A.font-familyB.font-styleC.font-weightD.font-size4．为链接定义目标窗口时，_blank表示的是（）。

A.在上一级窗口中打开B.在新窗口中打开C.在同一个帧或窗口中打开D.在浏览器的整个窗口中打开，忽略任何框架5．使用Dreamweaver8 创建网站的叙述，不正确的是（）。

A．站点的命名最好用英文或英文和数字组合B.网页文件应按照分类分别存入不同文件夹C.必须首先创建站点，网页文件才能够创建D.静态文件的默认扩展名为.htm或.html6．添加背景音乐的HTML标签是（）。

A.<bgsound>B.<bgmusic>C.<bgm>D.<music>7．如下所示的这段CSS样式代码，定义的样式效果是（）。

a:link {color: #ff0000;}a:visited {color: #00ff00;}a:hover {color: #0000ff;}a:active {color: #000000;}其中#ff0000为红色，#00000为黑色，#0000ff为蓝色，#00ff00为绿色A.默认链接色是绿色，访问过链接是蓝色，鼠标上滚链接是黑色，活动链接是红色B.默认链接色是蓝色，访问过链接是黑色，鼠标上滚链接是红色，活动链接是绿色C.默认链接色是黑色，访问过链接是红色，鼠标上滚链接是绿色，活动链接是蓝色D.默认链接色是红色，访问过链接是绿色，鼠标上滚链接是蓝色，活动链接是黑色8．下列按钮中（）可以使页面实现自动跳转的效果。

Dreamweaver理论知识

三理论知识（一）Dreamweaver 8 基础1.网页相关知识（1）www站点我们可以将WWW看作Internet上的一个大型图书馆，“WWW站点”、“Web站点”或网站就像图书馆里的一本本书，而Web页或网页则是书中的某一页，主页是一个站点的起始页，相当于书的封面或目录。

每个web页都拥有一个被称为“统一资源定位器”（URL）的唯一地址。

（2）统一资源定位器URL（Uniform Resource Locator）URL提供了互联网上资源的准确位置，它描述WWW浏览器请求和显示某个特定资源所需的全部信息，包括传输协议，如HTTP，提供WWW服务的主机名、HTML文档在远程主机上的路径及文件名，以及客户与远程主机连接时使用的端口号。

例如：:80/product/default.html，其中http为传输协议，为使用的远程主机名，80为使用的端口号，product/default.html为HTML文档的路经和文件名。

综合起来简单说，就是我们上网时看到的网站的地址。

我们后面作网页的超链接时所说的URL地址。

（3）超级链接我们网页与网页之间要联系起来，就要通过超级链接来实现。

不管是在内部实现的链接还是接到WWW网上，都需要超链接作桥梁。

（4）静态网页和动态网页静态网页是相对于动态网页而言的，是指没有后台数据库、不含程序和不可交互的网页。

静态网页，动态网页主要根据网页制作的语言来区分，静态网页使用HTML（超文本标记语言）语言，网页地址的后缀一般为.htm、.html、.shtml、.xml等形式；而动态网页一般使用HTML＋ASP或HTML＋PHP或HTML＋JSP 等语言，网页地址的后缀为.aspx.asp、.jsp、.php、.perl、.cgi等形式。

静态网页与动态网页之间区别的重要标志是程序是否在服务器端运行。

在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、、CGI等。

《Dreamweaver网页设计》-第5章

站点根目录相对路径站点根目录相对路径是指从站点的根文件夹到文档的路径。当在处理使用多个服务器的 Web 站点，或者在使用承载有多个不同站点的服务器时，则可能考虑使用这种类型的路径。不过，如果您不太熟悉此类型的路径，最好使用上面提到的相对路径。站点根目录相对路径以一个正斜杠“/”开始，该正斜杠表示站点根文件夹。比如，/inf/info.html 是文件的站点根目录相对路径，该文件位于站点根文件夹的inf子文件夹中。在某些 Web 站点中，需要经常在不同文件夹之间移动 HTML 文件，在这种情况下，站点根目录相对路径通常是指定链接的最佳方法。当移动含有根目录相对链接的文档时，不需要更改这些链接；当移动该HTML文件后，其相关文件链接依然有效。但是，如果移动或重命名根目录相对链接所链接的文档，即使文档彼此之间的相对路径没有改变，仍必须更新这些链接。例如，如果移动某个文件夹，则指向该文件夹中文件的所有根目录相对链接都必须更新。
当要链接到与当前文档处于同一文件夹中的文档时，只需输入文件名。比如要从 aboutus.htm 链接到 yewu.htm （两个文件在同一文件夹“bm”中，且目录深度相同），则其相对路径为yewu.htm。当要链接到当前文档所在文件夹的子文件夹文档时，先要有子文件夹名称，然后跟符号“/”，在加文件名。比如要从 index.html 链接到 yewu.htm（两个文件在同一文件夹 “eshop”中，index.html处于父目录中，而yewu.htm处于子目录bm中），则其相对路径为bm/yewu.htm。反过来，当要链接到当前文档所在文件夹的父文件夹的文档时，在文档名前要加“../”。比如要从yewu.htm链接到 index.html（两个文件在同一文件夹“eshop”中， index.html处于父目录中，而yewu.htm处于子目录bm中），则其相对路径为../ index.html。当要链接到非同一目录的文档时，要先加“../”，后加文件夹名再加链接到的文件名。比如要从 tupian.htm 链接到 aboutus.htm（两个文件在不同的目录中，tupian.htm在 “album”目录中，aboutus.htm在“bm”目录中），则其相对路径为../bm/ aboutus.htm。

dreamweaver8使用教程

第一天的内容可能让你觉得枯燥乏味，不过，“工欲善其事，必先利其器”，让我们一起来了解Dreamweaver8的操作环境，完成站点的创建。

一、Dreamweaver8 的操作环境在首次启动Dreamweaver8时会出现一个“工作区设置”对话框，在对话框左侧是Dreamweaver8的设计视图，右侧是Dreamweave 8的代码视图。

Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。

我们选择面向设计者的设计视图布局。

在Dreamweave 8 中首先将显示一个起始页，可以勾选这个窗口下面的“不在显示此对话框”来隐藏它。

在这个页面中包括“打开最近项目”、“创建新项目”“从范例创建”3个方便实用的项目，建议大家保留。

新建或打开一个文档，进入Dreamweaver8的标准工作界面。

Dreamweaver8的标准工作界面包括：标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。

1、标题显示栏启动Macromedia Dreamweave 8后，标题栏将显示文字Macromedia Dreamweave 8.0，新建或打开一个文档后，在后面还会显示该文档所在的位置和文件名称。

2、菜单栏Dreamweave 8的菜单共有10个，即文件、编辑、视图、插入、修改、文本、命令、站点、窗口和帮助。

其中，编辑菜单里提供了对Dreamweaver菜单中[首选参数]的访问。

文件：用来管理文件。

例如新建，打开，保存，另存为，导入，输出打印等。

编辑：用来编辑文本。

例如剪切，复制，粘贴，查找，替换和参数设置等。

查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。

插入：用来插入各种元素，例如图片、多媒体组件，表格、框架及超级链接等。

修改：具有对页面元素修改的功能，例如在表格中插入表格，拆分、合并单元格，对其对象等。

文本：用来对文本操作，例如设置文本格式等。

第4章建立超链接

“Internet属性属性” 图4-6 “Internet属性”对话框
4.1.4 特定目标的链接在制作网页时，在制作网页时，可能会出现网页内容过长或者是网页内容繁杂混乱的情况，过长或者是网页内容繁杂混乱的情况，这样当用户浏览网页时就会很不方便。样当用户浏览网页时就会很不方便。要解决这个问题，决这个问题，可以使用超链接的手段在网页开头的地方制作一个向导链接，页开头的地方制作一个向导链接，直接链接到特定的目标，这个目标成为“锚记” 接到特定的目标，这个目标成为“锚记”。
• • • • •
图4 - 5
超链接文字的颜色设置
【例4-3】超链接颜色设置示例】 <html> <head> <title>链接颜色的变化链接颜色的变化</title> 链接颜色的变化 </head> <body text=blue alink=red vlink=yellow link=green> 注意<a 颜色</a>的变化注意 href=1.html>颜色颜色的变化 </body> </html>
【例4-4】锚记应用示例】
<html> <head> <title>特定链接特定链接</title> 特定链接 </head> <body> <h1>古诗鉴赏古诗鉴赏</h1><p> 古诗鉴赏 <h3>单击 href=#春宫怨春宫怨单击<a 春宫怨>春宫怨单击春宫怨春宫怨</a></h3><p> <h3>单击 href=#登科居登科居单击<a 登科居>登科居单击登科居登科居</a></h3><p> <h3>单击 href=#五十言怀诗五十言怀诗单击<a 五十言怀诗>五十言怀诗单击五十言怀诗五十言怀诗</a></h3><p> <a name=春宫怨春宫怨><h2>春宫怨春宫怨</h2></a> 春宫怨春宫怨昨夜风开露井桃，昨夜风开露井桃，<p> 未央前殿月轮高。未央前殿月轮高。<p> 平阳歌舞新承宠，平阳歌舞新承宠，<p> 帘外春寒赐锦袍。帘外春寒赐锦袍。<p> <br><br><br>

Dreamweaver8教程

Dreamweaver8教程1、Flash透明化：插入Flash动画后，点击Flash图画，在属性中选择“参数”，在参数对话框左侧参数处填“wmode”，在右侧值的对应处填“transparent”，再点击“确定”即可。

2、设置滚动字幕：把光标插入点放在需要插入滚动字幕的地方，点击插入面板的“标签选择器”图标，选择“HTML标签”下的“页标签”中的“marquee”。

再转到代码视图，选择“窗口”——>“标签检查器”，在属性中单击未分类前面的“+”，可以在“标签检查器”中设置标签的各种用法。

点击“behavior”设置项右边的下拉箭头，选择滚动字幕内容的运动方式（“alternate”指内容在相反两个方向滚动，“scroll”指内容在同一方向滚动，“slide”指内容接触到字幕边框就停止滚动），direction属性设置字幕内容的滚动方向（down 向下滚动，left向左滚动，right向右滚动，up向上滚动），scrollamount属性设置字幕滚动的速度，scrolldelay属性设置字幕内容滚动时停顿的时间（单位毫秒），width属性设置字幕宽度，style属性设置字幕内容的样式，loop属性设置字幕内容滚动次数（默认或-1为无限）；在“行为”面板中，onMouseOver事件设置鼠标移动到滚动字幕时的动作（常设置为停止滚动），onMouseOut事件设置鼠标离开滚动字幕时的动作（常设置为开始滚动）。

（例:向上滚动字幕代码<marquee behavior=”scroll”direction=”up”width=”200”height=”150”loop=”-1”scrollamount=”1”scrolldelay=”1”style=”front:12px;”onMouseOver=”this.stop();” onMouseOut=”this.start();”>滚动字幕内容</marquee>3、插入关键字：（关键字用来帮助搜索引擎寻找网页的）选“插入”、“HTML”、“文件头标签”、“关键字”，在空白处输入关键字（多个关键字之间用逗号隔开）。

dreamweaver8网页设计第六章使用超链接和行为

1．“弹出信息”行为弹出信息”
有时候，我们在打开某个网页或单击网页中的某个元素时可以看到弹出信息框。应用“弹出信息” 行为可以轻松实现该功能，本节我们就来看看 “弹出信息”行为的应用。
2．“设置状态栏文本”行为设置状态栏文本”
所谓“状态栏文本”，就是在网页运行时浏览器下方的状态栏中显示的文本。好多个人网站都设置了状态栏文本，以表达网站主人的心声。本节我们来看看如何为网页设置状态栏文本。
6.1.3 设置图片链接和下载链接
所谓图片链接，就是在单击网页中的某个小图片时在新窗口中打开一幅大图片；下载链接是指单击某个超链接时会打开一个“文件下载”对话框（或自动启动下载工具），通过在该对话框中单击“打开”或“保存”按钮，可以打开或下载文件。
6.1.4 设置电子邮件链接
很多网站上留有电子邮件地址，单击该地址可打开“Outlook Express”的“新邮件”窗口，这是一种特殊类型的链接，又叫电子邮件链接。
综合实例2 综合实例2—为“SM”网站主页添加伴随窗 SM” 口
本例将在综合实例1中制作好的“index.html”网页文档的基础上，为网站主页添加伴随窗口。
“行为”面板是应用行为所不可缺少的工具，本节来认识一下“行为”面板。选择“窗口”>“行为”菜单，或按【Shift+F4】组合键，即可打开 “行为”面板。
6.2.3 应用行为
如果要对某个对象应用行为，需要先选中该对象，然后单击“行为”面板上方的“添加行为”按钮，在打开的行为列表中选择动作，并在打开的窗口中设置效果，最后指定设定的动作在什么情况下发生，也就是指定事件。
3．“打开浏览器窗口”行为打开浏览器窗口”
应用“打开浏览器窗口”行为，可实现单击目标文字或图片打开固定大小窗口的效果。许多站点都使用这种方式来弹出重要的通知、广告信息等页面。

dreamweaver8网页设计教程

d re a m w e a v e r8网页设计教程本页仅作为文档封面，使用时可以删除This document is for reference only-rar21year.March《dreamweaver8网页设计》目录第一章遨游DREAMWEAVER8精彩世界错误!未定义书签。

第二章创建与规划站点错误!未定义书签。

第三章文本及其格式化错误!未定义书签。

第四章表格错误!未定义书签。

第五章图像错误!未定义书签。

第六章框架错误!未定义书签。

第七章页面布局视图的使用错误!未定义书签。

第八章链接错误!未定义书签。

第九章层与时间轴错误!未定义书签。

第十章表单错误!未定义书签。

第十一章行为错误!未定义书签。

第十二章制作动态页面错误!未定义书签。

第十三章代码片断、库项目和模板错误!未定义书签。

第十四章网页的制作错误!未定义书签。

第十五章网站的测试与上传错误!未定义书签。

第十六章使用FIREWORKS 8处理网页图像错误!未定义书签。

第一章遨游Dreamweaver8精彩世界课题：Dreamweaver8简介及创建文档一、教学基本内容1、Dreamweaver8 的工作界面2、建立html文档二、课型：新授课三、课时：2个课时四、教学重点与难点重点：熟悉Dreamweaver8工作界面中各个工具的作用难点：1、各个面板的调用2、建立一个HTML的网页3、插处图像五、教学目的1 、对Dreamweaver这个制作网页的工具及网页有一定的认识，激发学生学习网页设计的兴趣2、一定要学会建立一个空白网页3、会对页面有一个简单的设置六、教学过程1、引入（1）为什么要用Dreamweaver而不用FrontpageDreamweaver是Macromedia公司的出品，它以程序小、运行速度快、所制作网页代码少这些优点，赢得了网页制作人员的喜爱。

（2）相关工具的介绍因为这是第一节网页制作课，所以首先要简单介绍下制作网页的一些相关工具，比如与Dreamweaver合称为网页三剑客的Flash和Fireworks。

dreamwear教程

WEB服务器(IIS)的安装和配置
1、查看是否已安装WEB服务器（IIS） 2、如果没安装，则【控制面板】【添加/删除程序】【windows组件】 3、配置IIS
创建首页面并保存
两种方法（index.htm）：方法一：方法一： 1、“文件” “新建” “基本页” 2、“文件” “保存” 或CTRL+S
向页面添加内容--插入图像向页面添加内容插入图像
3、通过拖动在表格三：在“文件”面板（“窗口”>“文件”）中，找到 body_main_footer.gif 文件，将该文件拖到最后一个表格的插入点。 4、通过“资源”面板在表格二的中间列：“属性”检查器，“居中对齐” ；“顶端” ；按一次 Enter 键，创建更多空间；在“资源”面板中，选择 street_sign.jpg 文件；拖动street_sign.jpg 或者单击“插入” 。
播放 Flash 文件
2、测试Flash 文件选中Flash 内容占位符；在“属性”检查器（“窗口”>“属性”）中单击“播放”；单击“停止”可以结束 Flash 文件播放
插入 Flash 视频
在表格二，第2列，图片的上方位置： (1)菜单“插入”>“媒体”>“Flash 视频” ； (2)在“插入 Flash 视频”对话框中 “视频类型” 选择“渐进式下载视频” ; (3) 【文件】选择cafe_townsend_home.flv ；【外观】选择Halo Skin 2 ； “宽度”180和“高度”135 (4) “检测大小”,确定 FLV 文件的准确宽度和高度。 (5) “包括外观”是 FLV 文件的宽度和高度与所选外观的宽度和高度的加和。 (5)限制高宽比限制高宽比保持 Flash 视频组件的宽度和高度之间的高宽比不变限制高宽比 (6)自动播放自动播放指定在 Web 页面打开时是否播放视频。自动播放 (7)自动重新播放自动重新播放指定播放控件在视频播放完之后是否返回起始位置。自动重新播放

第8章网页制作工具Dreamweaver 8

图8-14 站点参数设置
8.2 站点管理
所谓站点，可以看做是一系列文档的组合，这些文档之所谓站点，可以看做是一系列文档的组合，间通过各种链接关联起来，可能拥有相似的属性，例如，间通过各种链接关联起来，可能拥有相似的属性，例如，描述相关的主体，采用相似的设计，或者实现相同的目的等，述相关的主体，采用相似的设计，或者实现相同的目的等，也可能只是毫无意义的链接。利用浏览器，也可能只是毫无意义的链接。利用浏览器，就可以从一个文档跳转到另一个文档，实现对整个网站的浏览。档跳转到另一个文档，实现对整个网站的浏览。 8.2.1 本地站点和远端站点严格地说，站点也是一种文档的磁盘组织形式，严格地说，站点也是一种文档的磁盘组织形式，它同样是由文档和文档所在的文件夹组成的。是由文档和文档所在的文件夹组成的。设计良好的网站通常具有科学的结构，利用不同的文件夹，具有科学的结构，利用不同的文件夹，将不同的网页内容分门别类地保存，这是设计网站的必要前提。结构良好的网站，门别类地保存，这是设计网站的必要前提。结构良好的网站，不仅便于管理，也便于更新。不仅便于管理，也便于更新。
图8-12 常规参数设置中更改工作区
8.1 Dreamweaver简介 Dreamweaver简介
8.1.2 Dreamweaver 8的参数设置 8的参数设置 2．新建文档参数设置新建文档参数设置用于建立默认的新文档类型和首选参数。新建文档参数设置用于建立默认的新文档类型和首选参数。选择“分类”列表中的“新建文档”选项，选择“分类”列表中的“新建文档”选项，对话框右侧显示出相关的属性，如图8-13所示。的属性，如图8 13所示。所示
图8-5 文档工具栏的常用命令和选项
8.1 Dreamweaver简介 Dreamweaver简介

Dreamweaver8教程(三)

Dreamweaver8.0创建模板在我们制作网站的过程中，为了统一风格，很多页面会用到相同的布局、图片和文字元素。

为了避免大量的重复劳动，可以使用Dreamweaver8提供的模板功能，将具有相同版面结构的页面制作为模板，将相同的元素（如导航栏）制作为库项目，并存放在库中可以随时调用。

一、创建模板模板的创建有三种方式。

1、直接创建模板选择“窗口/资源”命令，打开“资源”面板，切换到模板子面板，如下图所示。

单击模板面板上的“扩展”按钮，在弹出菜单中选择“新建模板”这是在浏览窗口出现一个未命名的模板文件，给模板命名。

然后单击“编辑”按钮，打开模板进行编辑。

编辑完成后，保存模板，完成模板建立。

2、将普通网页另存为模板打开一个已经制作完成的网页，删除网页中不需要的部分，保留几个网页共同需要的区域。

选择“文件/另存为模板”命令将网页另存为模板。

在弹出的“另存模板”对话框中，“站点”下拉列表框用来设置模板保存的站点，课选择一个选项。

“现存的模板”选框显示了当前站点的所有模板。

“另存为”文本框用来设置模板的命名。

单击“另存模板”对话框中的“保存”按钮，就把当前网页转换为了模板，同时将模板另存到选择的站点。

单击“保存”按钮，保存模板。

系统将自动在根目录下创建Template文件夹，并将创建的模板文件保存在该文件夹中。

在保存模板时，如果模板中没有定义任何可编辑区域，系统将显示警告信息。

我们可以先单击“确定”，以后再定义可编辑区域。

3、从文件菜单新建模板选择“文件/新建”命令，打开“新建文档”对话框，然后再类别中选择“模板页”，并选取相关的模板类型，直接单击“创建”按钮即可。

Dreamweaver8.0定义可编辑区域模板创建好后，要在模板中建立可编辑区，只有在可编辑区里，我们才可以编辑网页内容。

可以将网页上任意选中的区域设置为可编辑区域，但是最好是基于HTML代码的，这样在制作的时候更加清楚。

在文档窗口中，选中需要设置为可编辑区域的部分，单击常用快捷栏的“模板”按钮，在弹出菜单中选择“可编辑区域”项。

创建链接

任务五、创建链接链接是网页最终的组成部分之一。

链接也叫超链接。

超链接是网页中最重要、最根本的元素之一。

超链接能够使多个孤立的网页之间产生一定的联系，从而使单独的网页形成一个有机的整体。

通过设置超链接可以控制链接元素的形式和颜色等的变化，实现在同一页面中不同位置的跳转、功能的激活等。

各个网页链接在一起后，才能真正构成一个网站。

5.1 认识超链接1、什么是超链接所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。

而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。

当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。

按照链接路径的不同，超链接可以分为以下3种。

（1）内部链接内部链接就是链接站点内部的文件，用户需要在“链接”文本框中输入文档的相对路径，一般使用“指向文件”和“浏览文件”的方式来创建，如图4-**所示。

图1内部链接（2）外部链接外部链接是相对于本地链接而言的，不同的是外部链接的链接目标文件不在站点内，而在远程的服务器上，所以只需在链接栏内输入要链接的网址就可以了，如图4-**所示。

图2外部链接（3）脚本链接脚本链接通过脚本来控制链接结果。

一般而言，其脚本语言为JavaScript。

常用的有javascript: window.close()、javascript: alert(“…”)等，如图4-**所示。

图3脚本链接按照使用对象的不同，超链接又可以分为以下6种。

（1）文本超链接建立一个文本超链接的方法非常简单，首先选中要建立超链接的文本，然后在“属性”面板的“链接”框中输入要跳转的目标网页的路径及名称即可。

（2）图像超链接图像超链接的创建方法和文本超链接的创建方法基本一致，选中图像，在“属性”面板中输入链接地址即可。

较大的图片中如果要实现多个链接可以使用“热点”帮助实现。

Dreamweaver8课后习题答案

填空：1.网页可以分为（静态）网页和（动态）网页。

2.在Dreamweaver8中可以创建（本地站点），（远程站点）和（测试站点）3种站点。

3.Dreamweaver8的工作界面有（设计器）工作界面和（编码器）工作界面。

4.默认情况下，在界面中打开4个面板组，分别是（“应用程序”面板组）、（“文件”面板组）、（CSS面板组）和（“标签”面板组）。

5.在“页面属性”对话框中可以对5大类页面属性进行设置，分别是（外观）、（链接）、（标题）、（标题/编码）和（跟踪图像）。

6.常见的网页元素包括（文本）、（图片）和（多媒体）。

7.在输入文本是，可以按（Enter）键分段换行，按（Shift+Enter）键则不分段换行。

8.网页中最常见的图片格式有（GIF）、（JPEG）和（PNG）。

9.可以在两种视图下使用表格布局网页，分别是（布局）视图和（标准）视图。

10.设置表格宽度可以使用两种单位，分别是（像素）和（百分比）。

11.在网页的HTML代码中（<table>）标签标识表格、（<tr>）标签标识一行单元格、（<td>）标签标识一个单元格。

12.框架集由（<frameset>）标签标识，框架由（<frame>）标签标识。

13.在Dreamweaver 8中可以创建（预定义）框架集和（自定义）框架集。

14.框架集的边框有3个设置选项，分别是（边框）、（边框颜色）和（边框宽度）。

15.表单的提交方式有（默认）、（GET）和（POST）。

16.要使一组单选按钮是互斥的，必须（将同一组中的单选按钮的名字都设为相同的）。

17.按钮的“属性”面板提供了按钮的3种动作，分别是（提交表单）、（重设表单）和（无）。

18.层具有（可移动）、（可重叠）和（可隐藏）的特点。

19.层的可见性有4个选项，分别是（default）、（inherit）、（visible）和（hidden）。

Dreamweaver_8入门经典教程

Contents: Dreamweaver 8入门经典教程二、Dreamweaver 8 本地站点的搭建与管理Dreamweaver 8 页面的总体设置我们已经描绘了小屋的蓝图，从现在开始，为我们的小屋添砖加瓦吧。

打开01.html，制作一个图文混排的简单页面。

一、页面的总体设置1、设置页面的头内容头内容再浏览器中是不可见的，但是却携带着网页的重要信息，如关键字、描述文字等，还可以实现一些非常重要的功能，如自动刷新功能。

鼠标左键单击插入工具栏最左边按钮旁的下拉小三角，在弹出菜单中选择“HTML”项，出现“文件头”按钮，点开下拉菜单，就可以进行头内容的设置了。

设置标题，网页标题可以是中文、英文或符号，显示在浏览器的标题栏中。

我们直接在设计窗口上方的标题栏内输入或更改，就可以完成网页标题的编辑了。

插入关键字，关键字用来协助网络上的搜索引擎寻找网页。

要想让更多的人看见你的网站，这项要好好填哦^_^单击上图所示的“关键字”项，弹出“关键字”对话框，填入关键字即可。

插入META，META标记用于记录当前网页的相关信息，如编码，作者，版权等，也可以用来给服务器提供信息。

单击上图所示的“META”项，弹出“META”对话框，在“属性”栏选择“名称”属性，在“值”文本框中输入相应的值，可以定义相应的信息。

2、设置页面属性单击“属性栏”中的“页面属性”按钮，打开的“页面属性”对话框。

设置外观，“外观”是设置页面的一些基本属性。

我们可以定义页面中的默认文本字体、文本字号、文本颜色、背景颜色和背景图像等。

我们设置页面的所有边距为0。

设置链接，“链接”选项内是一些与页面的链接效果有关的设置。

“链接颜色”定义超链接文本默认状态下的字体颜色，“变换图像链接”定义鼠标放在链接上时文本的颜色，“已访问链接”定义访问过的链接的颜色，“活动链接”定义活动链接的颜色。