中文Dreamweaver MX案例教程　教学课件 杜金 等 第1章 Dreamweaver MX概述.ppt

第*页 接上 如果需要链接的文件都放在本机磁盘上，则这种链接叫本地链接，它不必链接网络，只要本地的机器上有一个编辑器和浏览器就足够了。 如果需要链接的文件在网络上，则需要网络链接。网络链接需要知道网址（URL）。 第*页 实现同一个文件中的链接 在一个较长的HTML网页中，为了能够快速地转移到本文的其他内容处浏览，可以在该网页文件中建立同一个文件中的链接。 在文件的前面需要列出链接的标题热字，它们相当于文章的目录。同时将这些热字与相应的锚名（即定位名）建立链接。所谓“锚”是指网页中能被链接到的一个特定位置。建立链接时，要在锚名前加一个“# ”符号，其格式是： A HREF=#锚名标题名字/A 为被链接的内容起一个名字，该名字叫锚名。其格式是：A　NAME=#锚名 第*页 接上 锚名的定义要放在相应标题对应的那一段内容的前面。 如果被链接的不是本文件，而是其他网页文件，同时又不是全部内容被链接，而是只链接一部分内容，则在被链接文件中也应该设置锚名，就像同一个文件中设置的锚名一样。如链接到YW.HTM的YW1处（锚名为YW1），其格式为：A HREF=YW.HTM # YW1天坛/A 第*页 使用图像或动画的链接 用图像或动画的链接，就是在单击图像或动画后，即可调出与之链接的网页文件或本网页中的一段内容。 建立图像或动画的链接方法是在链接标记A……/A中间加入一个IMG SRC标记，其格式如下：A HREF=被链接的网页文件名IMG SRC=图像或动画的文件名/A 用图像或动画建立链接的实例如下。实例中被链接的网页文件名是：TH1.HTML和TH2.HTML，链接的图像名字是PICTURE\14.JPG，链接的动画名字是PICTURE\15.JPG。在Dreamweaver MX的代码编辑模式下输入HTML语言，编辑完成后保存为th9.htm网页文档，在浏览器中的显示结果。 第*页 用图像或动画链接的HTML语言 第*页 建立图像或动画的链接 第*页 设置框架的HTML程序实例 设置框架 修饰框架 设置窗口举例 如何实现窗口间的链接 第*页 设置框架 一个有多框架（即多窗口）的网页，可以在不同的框架（或叫窗口）内加载不同的HTML文件。 设置框架需要使用标记FRAMESET……/FRAMESET来取代BODY……/BODY标记。FRAMESET标记有两个属性： ROWS=n1,n2,n3……：纵向设置框架；COLS=n1,n2,n3……：横向设置框架。其中，n1,n2,n3为开设的框架占整个页面的百分数。 第*页 修饰框架 SRC=URL属性：用来链接一个HTML文件，如果没有该属性，则窗口内无内容。 NAME=窗口名称 属性：给窗口命名。 MARGINWIDTH=n属性：用来控制窗口内的内容与窗口左右边缘的间距。n为像素个数，默认值为1。 MARGINHEIGHT=n属性：用来控制窗口内的内容与窗口上下边缘的间距。n为像素个数，默认值为1。 SCROLLING=yes、no或auto属性：用来确定窗口是否加滚动条。选yes时，为要滚动条；选no时，为不要滚动条；选auto时，为根据内容是否可以完全在窗口内全部显示出来，来决定是否要滚动条。默认为auto 。 NORESIZE属性：如果设置了此属性，则窗口不可被用户用鼠标调整大小；如果没设置此属性，则窗口可以被用户用鼠标调整大小。 第*页 设置窗口举例 开设纵向窗口：纵向开设三个窗口，各占25%、35%和40%，各窗口内分别加载HTML文件为TH1.htm、TH2.htm和TH4.htm 。在浏览器中观察该网页的结果。 第*页 开设纵向窗口 第*页 接上 开设横向窗口：横向开设三个窗口，各占30%、30%和40%，各窗口内分别加载HTML文件为TH1.htm、TH3.htm和TH4.htm 。 同时开设横向和纵向窗口：纵向开设两个窗口，各占30%和70%，上边的窗口横向开设两个窗口，各占20%和80%，下边的窗口横向开设两个窗口，各占50%和50%。分别加载HTML文件为TH1.htm、TH2.htm、TH3.htm和TH4.htm。 第*页 开设横向窗口 第*页 同时开设横向和纵向窗口 第*页 如何实现窗口间的链接 在A标记中使用：使用的格式如下： A HREF=URL TARGET=窗口的名字 ）在BASE标记中使用：如果链接的文件均在一个窗口内显示，则可以使用BASE标记。BASE标记的格式如下： BASE TARGET=window-name 第*页 第4节 用Dreamweaver MX制作第一个网页 案例效果 技术分析 操作步骤 知识进阶 思考练习 第*页 案例效果 “跟我学HTML”网页在浏览器中的显示效果。单击该网页中的