网站建设项目教程-71课件.pptVIP

任务7.1　显示网站公告 学习目标： 　 　　学习网站公告的显示方法，让 　 浏览者很容易就看到网站的公告。 一、引入新课： 浏览index.asp，看看公告是如何显示的。 二、制作公告显示部分： 　　在职业技术学校的网站中，我将公告放在首页index.asp 　 的右侧，以从下往上的滚动方式显示的。设计操作过程如下。 1、在规划首页时将主体的右侧预留出来。 　　2、在规划区域中插入一个3行1列的表来放置公告的有 　 关内容。 　　3、在第一行中添加本栏目的标题文字或图片，在第三 　 行中插入一个小图片。 　　4、绑定公告数据表记录集gg，按日期降序排列，才能 　 保证公告内容总是必威体育精装版的。 　　5、在第二行中再插入一个4行1列的表，用以规划公告　的显示格式。 　　6、将记录集gg中的字段分别插入到4行1列的表中，并 　 设置好标题、正文等文字字段的文本格式。 7、这样网站总是显示必威体育精装版的一条公告信息。 三、滚动的设置： 　　滚动显示公告的方法是静态网页中就学过的，在这里再 　 说说设计它的大概过程。 1、选中滚动的对象。这里选中中间的那个表格。 　　2、单击编辑窗口左上角中的“代码”按钮，转到代码 　 视图方式，在当前选中的代码(表示当前表格的代码)前输入 　 字符“marquee”，当前选中代码后输入字符 　 “/marquee”(只比前一个字符串多一根斜线)。 　　3、回到“设计”视图方式，再次选中表格，然后用键　盘上的左或右方向键移动一下光标，在控制面板的“标签”　面板的“属性”选项卡中就会显示“marquee标签”的属性。 4、设置几个必要的属性。 水平对齐方式：居中(align：middle) 滚动方式：连续滚动(behavior：scroll) 滚动方向：从下往上(direction：up) 　　滚动区域高度：340像素(height：340，这个值根据你的 　 实际来设定) 滚动速度：1(scrollamount：1) 　　滚动区域宽度：200像素(width：200，这个值根据你的 　 实际来设定) 四、小结： 　　为何公告显示的总是必威体育精装版的内容呢？因为绑定公告记录 　 集时，是按日期的降序来排列的，第一条记录就是必威体育精装版的记 　 录。没有设置重复区域的时候，就只显示第一条记录的内容。 五、课后练习： 自行设计一个公告的显示网页，要求它上下来回滚动显示。 　　在代码视图中再加两个属性变成：marquee 　 onmouseover= this.stop() onmouseout=this.start()， 　 当鼠标悬停时滚动暂停，鼠标移出时滚动继续。 其余属性保持默认就行。 实习24：设计制作网站公告的显示页面 　　一、绑定公告记录集，按日期降序排列。 　 　　二、用表格将公告区域分成上、中、下三个部分，简单 　 编辑好上、下两部分。 　 　　三、在中间再用表格规划公告正文的显示区域。将记录 　 中的字段插入到单元格中。 　 　　四、选中中间部分的那个表格，在代码视图方式中为表 　 格添加marquee这个滚动标签。 　 　　五、设置marquee的属性。 　 　　六、预览测试。