网页制作教案(二)

《网页制作教案(二)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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号楼508

7、
授课教案下载：1、2、3
该学习站点整站下载

8、综合作业要求

●　代码中黄色斜体部分为滚动的内容。　练习3、

当前文档最多预览五页，下载文档查看全文

侵权申诉 举报

此文档下载收益归作者所有

下载文档

当前文档最多预览五页，下载文档查看全文

点击下载本文档

• 版权提示
• 下载文档

举报

温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。

相关文章

更多

• 《网页制作》教案
• 《网页制作》教案
• 网页制作教案
• 网页制作教学教案
• 《网页制作》-教学教案
• 网页制作教案
• 网页制作教学教案
• 网页制作教案
• 网页制作二教案
• 《制作网页》教案(二).docx

相关标签

教案 网页 制作