网页设计第八讲-制作主页上的公告PPT课件.ppt

网页设计 网页设计 计算机应用专业 网页制作 1 班级网站的目录要求 2 班级网站的内容要求 3 第八讲制作网页上的公告 网站上的公告 可以是放在网页上 以滚动的方式呈现 也可以是在打开网站主页时 设定弹出一个公告 一般滚动的公告包含的消息不只一条 而弹出的公告则比较适合于重要或紧急的一则通知 因为弹出的方式更容易引起注意 4 1 使用 行为 添加弹出公告 第八讲制作网页上的公告 制作弹出式公告之前 应该先制作公告对应的网页 在这里 我们把网页命名为info htm 网页的内容和样式参考下图 5 1 使用 行为 添加弹出公告 第八讲制作网页上的公告 点击 窗口 菜单中的 行为 命令 便可以看到行为面板 6 第八讲制作网页上的公告 打开index htm 添加 打开浏览器窗口 行为 添加之前 在网页上不要选中任何对象 表示行为是作用在整个网页上 如果看不到 显示弹出式菜单 选项 可点击 显示事件 中的 IE6 0 7 第八讲制作网页上的公告 设置弹出窗口的大小 选择要打开的网页 设置弹出窗口的外观 没有选中即表示不显示相关的部分 8 第八讲制作网页上的公告 添加完 打开浏览器窗口 之后 我们看到事件默认为 onload 意思是 在网页打开的时候 整个行为的意思是 当网页打开的时候 打开浏览器窗口 而窗口设置显示的是info htm 所以就会看到弹出info htm页 9 第八讲制作网页上的公告 双击 打开浏览器窗口 可修改该行为的设置 修改 弹出公告 10 第八讲制作网页上的公告 单击这里 再点击 删除行为 的按钮即可 删除 弹出公告 删除行为 的按钮 11 第八讲制作网页上的公告 练习 按照前面的例子 给班级网站的主页制作弹出式公告 步骤1 制作通知页info htm 步骤2 打开主页index htm 添加行为 打开浏览器窗口 注意 添加完行为之后 事件默认是 onload 这才说明添加的过程是正确的 12 2 应用marquee添加滚动公告 第八讲制作网页上的公告 有些公告 是出现在主页上 以滚动的形式展示的 比如学院网站上的 通知 公告 这样的公告 一般是使用marquee标签来实现的 网址 13 marquee标签的格式滚动文本其中 出现的地方是要替换成某一个值的 比如 heght 100 width 200 14 marquee的常见属性width height分别用来设定滚动文本块的宽度和高度 以像素为单位direction用来设定滚动方向 可选值有up down left rightscrollamount用来设定每滚动一次 会滚动几行scrolldelay用来设定每次滚动间隔的时间 以秒为单位onmouseover用来设定当鼠标移到滚动文本上时要发生的动作 比如希望滚动停止 可设为 stop onmouseout用来设定当鼠标从滚动文本上移开时要发生的动作 比如希望滚动继续 可设为 start 15 例1 16 例2 17 第八讲制作网页上的公告 练习 按照前面的例子 给班级网站的主页制作滚动公告 步骤1 打开主页index htm 选