实验报告五[共6页].docVIP

PAGE PAGE / NUMPAGES 【实验目的】 1、掌握设计表格的各种标记及其属性语法； 2、掌握表格行标记的属性及设置方法； 3、掌握表格单元格的各种属性及设置方法； 4、学会利用表格进行Web页面布局设计。 【实验内容】 1、使用表格标记和表格属性完成简易表格的设计； 2、利用表格背景图像和单元格合并属性设置完成日程表页面的设计； 3、使用表格布局模拟真实网站设计简易的电子政务网站； 4、使用CSS样式对表格和单元格内容进行样式定义； 项目1 设计《网络主题研讨会》日程表 使用表格标记和标记属性设计《网络主题研讨会》日程表,如图5-1所示,未应用样式效果如图5-2所示。 图5-1 《网络主题研讨会》日程表 图5-2 日程表初始页面 2.日程表具体内容如表5-1所示。 表5-1 《网络主题研讨会》日程表 会议时间 会议名称 演讲人 2015年10月14日09:30 - 17:00 中国二恶英排放清单研究 刘文彬 研究员（中国科学院生态研究中心） 优化的PAHs和Dioxin分析仪在环境分析中的应用 孔晔（安捷伦） LCMS在持久性有机污染物分析中的研究进展 朱怀恩（SCIEX） 质谱技术在持久性有机污染物的分析方法 陈志凌（岛津） 持久性有机污染物POPs的前处理技术 苏丽评（莱伯泰科） 极地持久性有机污染物研究进展 张庆华 研究员（中国科学院生态研究中心） 项目2 设计简化版“江苏教育电子政务网” 设计一个简化版“江苏教育电子政务网”,如图5-3所示；未应用样式的页面效果如图5-4所示。 图5-4 简化版江苏教育电子政务网初始首页 2.导航菜单的内容如表5-2所示。 表5-2 江苏电子政务网导航菜单链接表 序号 导航名称 对应链接 1 新闻资讯 /col/col7421/index.html 2 领导讲话 /col/col7662/index.html 3 成果展示 /col/col7426/index.html 4 行政公文 5 江苏教育网 /col/col7431/index.html 6 江苏教育信息网 页面的段落内容如下所示： 2014年全省教育电子政务工作座谈会在宁召开 为进一步统一思想、提高认识、振奋精神、明确方向,3月14日,全省教育电子政务工作座谈会在宁召开,来自13个省辖市、3个省管县（市、区）教育门户网站维护保障单位负责人参加了会议,各地就教育电子政务工作开展的情况作了交流,对全省教育门户网站绩效考核指标体系、江苏教育网《视频新闻》栏目筹建和通联站建设管理方案进行深入的研讨。 国务院：运用大数据提高政府服务水平 近日,国务院办公厅印发《关于运用大数据加强对市场主体服务和监管的若干意见》(以下简称《意见》)。 《意见》要求,以社会信用体系建设和政府信息公开、数据开放为抓手,充分运用大数据、云计算等现代信息技术,提高政府服务水平,加强事中事后监管,维护市场正常秩序,促进市场公平竞争,释放市场主体活力,进一步优化发展环境。 4．版权部分的内容如下所示： 江苏省电子政务中心nbsp;nbsp;版权所有 地址：南京市北京西路15号 联系电话：025苏ICP备实验代码1： \ 打开HTML文件如下图所示： 图5.1 实验代码2： !doctype html html head meta charset=utf-8 title网络主题研讨会日程表/title style type=text/css #div0{ background:url(images61-4.png) no-repeat; background-color:#eaeaea; width:720px; height:500px;} #div1{ width:710px; height:60px;} h3{ font-size:18px; color:white; padding:10px 20px; font-family:微软雅黑;} #row1{ background:#e1e1e1;} #row2{ background:#e3e3e3;} #td1{ background:#f0f0f0;} #td2{ background:#fbfbfb;} #red{ color:red;} th{ color:#666666;} a{ background:url(images61-3.png) repeat-x; width:120px; height:24px; text-align:center; padding:8px auto;