网页制作教案(二).docVIP

DREAMWEAVER 8.0 网页制作教案（二） 邝翠珊 cskuang@ 826 复习： 网页制作的一些常用功能：定义站点、数据表格的制作（学习表格的插入、合并拆分与嵌套）、利用表格布局网页、页面属性的设置、图片插入、文字的插入、日期的插入、插入电子邮件链接、flash动画插入 、插入水平线、 练习1、练习上节课的内容：建立站点（包括站点文件）、用表格布局网页、设置页面属性、图片、文字、日期、电子邮件链接、flash动画、水平线等的插入 交换图象效果的制作： （插入→图像对象→鼠标经过图象） 　　当鼠标指针经过或者按下按钮的时候，图像按钮的形状或颜色就会发生变化，如图像变换，发光，或者阴影出现等等。是网页变的生动活泼起来。 　　演示：鼠标移动到图片上的时候，图片变成了另外一幅，当鼠标移后 制作步骤： 　　1、光标移动到欲插入的位置，点击菜单栏【插入】【图像对象】【鼠标经过图像】打开对话框： 【图像名称】鼠标经过图像的名称，名称是自定义的，只要不与同页面另一个鼠标经过图像名称相同即可【原始图像】页面开始显示的图像【鼠标经过图像】鼠标经过的时候显示的图像。【替换文本】图像无法正常显示的时候出现的文本注释，也是图像正常显示时鼠标指向链接时的说明【前往的URL】点击鼠标后链接的目标。【预载鼠标经过图像】浏览网页时两个图片都同时被下载，当鼠标经过时无需从网上下载，而是调用预先下载的图像，减少延迟，使效果平滑流畅。/teaching/htmlbook/ 练习2、试在练习1中建立的网页文件index.html中进行交换图像的练习。 三、制作滚动的公告文字在网页上可以方便地设置文字上下左右移动，控制文字移动的标点词marquee,如：　　marquee文字在移动/marquee　　在浏览器中显示时，文字在移动这几个字左右移动。marquee还有一些重要的属性。　　dirrction:控制移动方向，可取left,right,up,down四个值；　　behavior:移动方向，可取scroll (循环移动),slide(只走一圈),alternate(来回移动)；　　loop:指定循环次数，不输入-1表示限循环　 height,width:移动区域的高宽，单位像素　　scrollamount:移动的快慢，整数越大则越快　　scorlldelay:每移动一步之后的延时，单位毫米　　　bgcolor:移动区域的背景色　　onmouseover=this.stop() 鼠标覆盖时停止滚动??? onmouseout=this.start() 鼠标离开时开始滚动　　如下面的代码就一个常见的实现向上滚动的原代码； img src=images/todown.gif width=14 height=14 hspace=5请各位老师上课时都把第一次的讲义一起带来。br / img src=images/todown.gif width=14 height=14 hspace=5 /上课地点：实验3号楼508br / img src=images/todown.gif width=14 height=14 hspace=5 /授课教案下载：1、2、3br / img src=images/todown.gif width=14 height=14 hspace=5 /该学习站点整站下载img src=images/zip.gif width=20 height=17 border=0 /BR img src=images/todown.gif width=14 height=14 hspace=5 /综合作业要求img src=images/doc.gif width=17 height=15 border=0 / /marquee ●　代码中黄色斜体部分为滚动的内容。　滚动的公告文字简称链接链接是页面与页面之间一个单向的关联关系。通过点击链接，我们可以从一个页面跳到另一个页面。我们可以在文字、图片建立链接。 E-mail连接：打开填写电子邮件表格的连接。 建立一个填好收件人地址的空白邮件链接，方便网络沟通。 文件链接：链接ppt、word、图片等，以链接的方式提供下载服务。 锚点链接：同一网页或不同网页的指定位置的连接。锚点可以给内容较多的页面进行编号，方便快速访问浏览。图像链接同文字链接一样，是网页中常见的超级链接 图片热区链接：可以为它设定不同的热点区域，当在网页图片上的不同位置按下鼠标左键，此时就会连接至不同的网页。 或file:///F|/web/jingpin.htm 地球，中国，广州 文档相对路径：以当前文档所在