网页制作 曾兰芳 教育技术学院 zenglf2003@163.com.

Presentation on theme: "网页制作 曾兰芳 教育技术学院 zenglf2003@163.com."— Presentation transcript:

1 网页制作 曾兰芳 教育技术学院

2 内容要点 行为的使用 层的使用 建立站点内的超链接 模板的使用

3 一、行为 行为是由事件和动作构成。例如，用户把鼠标移动至对象上（事件），这个对象会发生预定义的变化（动作）。

4 当鼠标移动到图片上时，播放声音。 当鼠标经过时，弹出消息框 当打开网页时，显示窗口 选中某段文字或某图片
在行为面板中，+下选择弹出消息，输入相应的文字，确认即可。 当打开网页时，显示窗口 打开网页 在行为面板中，+下选择“打开浏览器窗口”，设置要显示在小窗口中的页面，确认即可。

5 插入循环播放的背景音乐 利用插入菜单，在网页中插入音乐。 选择该音乐，在属性面板上点击“参数” 设定参数为hidden，值为true
再设定参数为loop，值为true <bgsound src=“…" loop=-1>

6 滚动文字和滚动图片 把鼠标放在需要设置滚动特效的地方 单击‘常用’/‘标签’工具/‘页元素’/‘marquee’ 在属性面板中设置具体的值
在代码视图中，<marquee></marquee>之间，输入文字或插入图片（也可以输入或插入以后，把位置挪到代码之间） scrollamount表示运动速度,值是正整数,默认为6 scrolldelay表示停顿时间,值是正整数,默认为0,单位似乎是毫秒。 Scrolldelay表示延迟时间。 Behavior表示运动方式，其中，alternate表示来回走，scroll表示一圈一圈绕着走，Slide表示只走一次。 Align表示对齐方式，有top、bottom、middle等方式。 Direction表示方向，有left、right、down、up等方式。 Hspace表示水平空白多大空间，vspace表示垂直空白多大空间。例如可以设置200像素看效果

7 Marquee语句中的几个重要参数 scrollamount表示运动速度,值是正整数,默认为6 scrolldelay表示停顿时间,值是正整数,默认为0,单位似乎是毫秒。 Scrolldelay表示延迟时间。 Behavior表示运动方式，其中，alternate表示来回走，scroll表示一圈一圈绕着走，Slide表示只走一次。 Align表示对齐方式，有top、bottom、middle等方式。 Direction表示方向，有left、right、down、up等方式。 Width表示滚动字幕宽度，height表示滚动字幕高度。 Hspace表示水平空白多大空间，vspace表示垂直空白多大空间。

8 二、层的使用 层是一种 HTML 页面元素，您可以将它定位在页面上的任意位置。层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容。 利用层来布局的时候，图文混排比较方便。 和表格结合起来使用 便于形成动画效果

9 制作幻灯片（层的应用） 添加层layer 1、layer2、layer3
在每一层中插入图片，注意调整图片大小一致（注意要把鼠标放到层中，然后插入，否则无效） 设置层的属性（主要是为了让各个层的位置是一致的） 设置时间轴

10 卡通动画网页（层的应用） 建立层，在层中插入要运动的图片 建立时间轴，改变第一帧和最后一帧图片的位置
在中间位置建立关键帧，改变位置，形成弧形 Ok! 要注意在建立层的时间轴之前需要确定动画层的最初位置

11 三、超链接 文字超链接 图片超链接 锚点超链接：先定义锚点，再做超链接 电子邮件超链接（常用工具栏或者插入菜单中的命令） 超链接的删除

12 四、模板 模板的功能就是网页的布局和内容分离开来，在布局设计好之后我们可以将其存储为模板，这样相同布局的页面就可以通过模板来创建了，会大幅度减少我们的工作量，提高工作效率

13 模板 制作模板和制作普通网页的方法是相同的，只不过制作模板时不需要把页面的所有部分都完成，只需要制作出导航栏、标题栏等网页的公用部分。

14 确定模板上的可编辑区域 在模板页上，有两种区域： 当把某个区域或者某段文本设置为可编辑状态之后，从该模板创建的文档才能够被更改。
锁定区域：不能编辑（默认状态下，都是锁定区域） 可编辑区域：可以编辑 当把某个区域或者某段文本设置为可编辑状态之后，从该模板创建的文档才能够被更改。 方法是：‘插入’/‘模板对象’/‘可编辑区域’

15 利用模板页创建网页 制作好模板后，就可以在制作网页的时候是用模板来创建网页。具体方法是： “文件”/”新建” 选择“模板”选项卡，如图
选择要使用的模板 创建

16 如何设置表格内的内容滚动 利用标签，如<div style="height:464px ; overflow-y:scroll"></div> Height表示高度 Overflow-y:scroll表示垂直方向滚动

17 用模板制作网页的最大好处是：当修改模板的时候，使用该模板创建的所有网页都可以自动更新，不用再对每一个网页进行手动更新，这样就大大提高了网页维护的效率。
比如：共同图片的改变、页面超链接的改变。

18 Iframe的使用：在指定位置插入框架 例如：<iframe src=“../kjy.html” width=“774” height=“464” name=“body” frameborder=“0” marginheight=“0” marginwidth=“0” scrolling=“auto”></iframe>中： Iframe和/iframe：定义iframe的始末。 Src：为iframe的源文件路径 Width/height：指定iframe的宽度和高度 Name：iframe的名称 Frameborder：指定iframe的边框厚度 Marginwidth/marginheight：指定iframe的边距 Scrolling：设置滚动条的可见属性，一般设为“auto”，根据iframe所插入的文本长度自动显示滚动条。 基于moban备份1，在moban备份1中，已经设置好了按钮到页面的链接。