网页设计第八讲-制作主页上的公告.pptVIP

计算机应用专业《网页制作》 网 页 设 计 第八讲 制作网页上的公告 第八讲 制作网页上的公告 第八讲 制作网页上的公告 第八讲 制作网页上的公告 第八讲 制作网页上的公告 第八讲 制作网页上的公告 第八讲 制作网页上的公告 第八讲 制作网页上的公告 第八讲 制作网页上的公告 第八讲 制作网页上的公告 第八讲 制作网页上的公告 * 网 页 设 计 班级网站的目录要求 班级网站 班级概况 班级动态 下载中心 班级介绍 干部团队 班级新闻 班级公告 课程表 上级文件 班级制度 成绩查询 第一学期 第二学期 第三学期 第四学期 第六学期 第五学期 班级网站的内容要求 提供每个学期的课程表下载。 课程表 可查询各个学期、各门课、各个学生的成绩汇总。 成绩查询 提供一些重要文件的下载。 上级文件 要求每个班级成员注意的一些通知。 班级公告 关于整个班级或某个成员的一些好消息。 班级新闻 介绍班级的一些规章制度，比如上下课时间、晚自习时间、请假制度。 班级制度 列出班干部名单和联系方式。 干部团队 介绍班级的名称、所属系部、入学时间、专业名称、班级人数，以及班级现状。 班级介绍 网站上的公告，可以是放在网页上，以滚动的方式呈现，也可以是在打开网站主页时，设定弹出一个公告。 一般滚动的公告包含的消息不只一条，而弹出的公告则比较适合于重要或紧急的一则通知，因为弹出的方式更容易引起注意。 1、使用“行为”添加弹出公告 制作弹出式公告之前，应该先制作公告对应的网页，在这里，我们把网页命名为info.htm，网页的内容和样式参考下图。 1、使用“行为”添加弹出公告 点击“窗口”菜单中的“行为”命令，便可以看到行为面板。 打开index.htm，添加“打开浏览器窗口”行为，添加之前，在网页上不要选中任何对象，表示行为是作用在整个网页上。 如果看不到“显示弹出式菜单”选项，可点击“显示事件”中的“IE6.0” 设置弹出窗口的大小 选择要打开的网页 设置弹出窗口的外观，没有选中即表示不显示相关的部分 添加完“打开浏览器窗口”之后，我们看到事件默认为“onload”，意思是“在网页打开的时候”，整个行为的意思是：当网页打开的时候，打开浏览器窗口，而窗口设置显示的是info.htm，所以就会看到弹出info.htm页。 双击“打开浏览器窗口”可修改该行为的设置 修改“弹出公告” 单击这里，再点击“删除行为”的按钮即可。 删除“弹出公告” “删除行为”的按钮 【练习】 按照前面的例子，给班级网站的主页制作弹出式公告。 步骤1：制作通知页info.htm。 步骤 2：打开主页index.htm，添加行为“打开浏览器窗口”，注意，添加完行为之后，事件默认是“onload”，这才说明添加的过程是正确的。 2、应用marquee添加滚动公告 有些公告，是出现在主页上，以滚动的形式展示的，比如学院网站上的“通知公告”。这样的公告，一般是使用marquee标签来实现的。（网址：） marquee标签的格式 marquee height=“?” width=“?” direction=“?” scrollamount=“?” scrolldelay=“?” onmouseover=“?” onmouseout=“?” 滚动文本 /marquee 其中，？出现的地方是要替换成某一个值的，比如，heght=“100” width=“200” marquee的常见属性 width、height 分别用来设定滚动文本块的宽度和高度，以像素为单位 direction 用来设定滚动方向，可选值有up、down、left、right scrollamount 用来设定每滚动一次，会滚动几行 scrolldelay 用来设定每次滚动间隔的时间，以秒为单位 onmouseover 用来设定当鼠标移到滚动文本上时要发生的动作，比如希望滚动停止，可设为“stop();” onmouseout 用来设定当鼠标从滚动文本上移开时要发生的动作，比如希望滚动继续，可设为“start();” 【例1】 【例2】