欢迎来到天天文库
浏览记录
ID:37347272
大小:149.98 KB
页数:6页
时间:2019-05-22
《DREAMWEAVER_8.0_网页制作教案》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、DREAMWEAVER8.0网页制作教案(二)邝翠珊cskuang@gdut.edu.cn39322544-826复习:l网页制作的一些常用功能:定义站点、数据表格的制作(学习表格的插入、合并拆分与嵌套)、利用表格布局网页、页面属性的设置、图片插入、文字的插入、日期的插入、插入电子邮件链接、flash动画插入、插入水平线、练习1、练习上节课的内容:建立站点(包括站点文件)、用表格布局网页、设置页面属性、图片、文字、日期、电子邮件链接、flash动画、水平线等的插入一、交换图象效果的制作:(插入→图像对象→鼠标经过图象) 鼠标经过图象的效
2、果是当鼠标指针经过或者按下按钮的时候,图像或按钮的形状或颜色就会发生变化,如图像变换,发光,或者阴影出现等等。是网页变的生动活泼起来。 看dreamweaver学习网站导航演示:鼠标移动到图片上的时候,图片变成了另外一幅,当鼠标移开后恢复到原来的图象。制作步骤: 1、光标移动到欲插入的位置,点击菜单栏【插入】【图像对象】【鼠标经过图像】打开对话框:【图像名称】鼠标经过图像的名称,名称是自定义的,只要不与同页面另一个鼠标经过图像名称相同即可,也可以不填。【原始图像】页面开始时显示的图像【鼠标经过图像】鼠标经过的时候显示的图像。【替换文本
3、】图像无法正常显示的时候出现的文本注释,也是图像正常显示时鼠标指向链接时的说明,也可以不填。【前往的URL】点击鼠标后链接的目标。【预载鼠标经过图像】浏览网页时两个图片都同时被下载,当鼠标经过时无需从网上下载,而是调用预先下载的图像,减少延迟,使效果平滑流畅。6二、了解简单的HTML:超文本标志语言,简要的介绍网页中使用的超文本标识语言HTML的基本概念和用途通过一个简单的html示例(html.html)了解html的基本构成,介绍html的基本组成部分.如果深入了解可以参考:http://www.shanxiwindow.net/te
4、aching/htmlbook/练习2、试在练习1中建立的网页文件index.html中进行交换图像的练习。三、制作滚动的公告文字在网页上可以方便地设置文字上下左右移动,控制文字移动的标点词,如下格式: 文字在移动 在浏览器中显示时,文字在移动这几个字左右移动。还有一些重要的属性。 dirrction:控制移动方向,可取left,right,up,down四个值; behavior:移动方向,可取scroll(循环移动),slide(只走一圈),altern
5、ate(来回移动); loop:指定循环次数,不输入或-1表示无限循环 height,width:移动区域的高和宽,单位像素 scrollamount:移动的快慢,整数越大则越快 scorlldelay:每移动一步之后的延时,单位毫米 bgcolor:移动区域的背景色 onmouseover=this.stop()鼠标覆盖时停止滚动 onmouseout=this.start()鼠标离开时开始滚动 如下面的代码就是一个常见的实现向上滚动文字的原代码;6、ll"loop="-1"width="170"height="90"scrollamount="1"scrolldelay="1"onMouseOver="this.stop();"onMouseOut="this.start();">请各位老师上课时都把第一次的讲义一起带来。上课地点:实验3号楼5087、授课教案下载:1、2、3该学习站点整站下载8、综合作业要求● 代码中黄色斜体部分为滚动的内容。 练习3、
6、ll"loop="-1"width="170"height="90"scrollamount="1"scrolldelay="1"onMouseOver="this.stop();"onMouseOut="this.start();">请各位老师上课时都把第一次的讲义一起带来。上课地点:实验3号楼508
7、授课教案下载:1、2、3该学习站点整站下载
8、综合作业要求● 代码中黄色斜体部分为滚动的内容。 练习3、
此文档下载收益归作者所有