.

【实验目的】

1、掌握设计表格的各种标记及其属性语法； 2、掌握表格行标记的属性及设置方法； 3、掌握表格单元格的各种属性及设置方法； 4、学会利用表格进行Web页面布局设计。 【实验内容】

1、使用表格标记和表格属性完成简易表格的设计；

2、利用表格背景图像和单元格合并属性设置完成日程表页面的设计； 3、使用表格布局模拟真实网站设计简易的电子政务网站； 4、使用CSS样式对表格和单元格内容进行样式定义；

项目1 设计《网络主题研讨会》日程表

1. 使用表格标记和标记属性设计《网络主题研讨会》日程表，如图5-1所示,未应用样式效果如图5-2所示。

图5-1 《网络主题研讨会》日程表

..

.

图5-2 日程表初始页面

2.日程表具体内容如表5-1所示。

表5-1 《网络主题研讨会》日程表

会议时间 会议名称 中国二恶英排放清单研究 优化的PAHs和Dioxin分析仪在环境分析中的应用 2015年10月14日LCMS在持久性有机污染物分析中的研究进展 09:30 - 17:00 质谱技术在持久性有机污染物的分析方法 持久性有机污染物POPs的前处理技术 极地持久性有机污染物研究进展 项目2 设计简化版“江苏教育电子政务网”

1. 设计一个简化版“江苏教育电子政务网”,如图5-3所示；未应用样式的页面效果如图5-4所示。

演讲人 刘文彬 研究员（中国科学院生态研究中心） 孔晔（安捷伦） 朱怀恩（SCIEX） 陈志凌（岛津） 苏丽评（莱伯泰科） 张庆华 研究员（中国科学院生态研究中心）

..

.

图5-4 简化版江苏教育电子政务网初始首页

2.导航菜单的内容如表5-2所示。

表5-2 江苏电子政务网导航菜单链接表

序号 1 2 3 4 5 6

导航名称 新闻资讯 领导讲话 成果展示 行政公文 江苏教育网 江苏教育信息网

对应链接

http://dzzw.jsjyt.edu.cn/col/col7421/index.html http://dzzw.jsjyt.edu.cn/col/col7662/index.html http://dzzw.jsjyt.edu.cn/col/col7426/index.html http://www.jsjyt.gov.cn

http://dzzw.jsjyt.edu.cn/col/col7431/index.html http://www.jse.gov.cn

3．页面的段落内容如下所示：

2014年全省教育电子政务工作座谈会在宁召开

为进一步统一思想、提高认识、振奋精神、明确方向，3月14日，全省教育电子政务工作座谈会在宁召开，来自13个省辖市、3个省管县（市、区）教育门户网站维护保障单位负责人参加了会议，各地就教育电子政务工作开展的情况作了交流，对全省教育门户网站绩效考核指标体系、江苏教育网《视频新闻》栏目筹建和通联站建设管理方案进行深入的研讨。

国务院：运用大数据提高政府服务水平

近日，国务院办公厅印发《关于运用大数据加强对市场主体服务和监管的若干意见》(以下简称《意见》)。 《意见》要求，以社会信用体系建设和政府信息公开、数据开放为抓手，充分运用大数据、云计算等现代信息技术，提高政府服务水平，加强事中事后监管，维护市场正常秩序，促进市场公平竞争，释放市场主体活力，进一步优化发展环境。

4．版权部分的内容如下所示：

江苏省电子政务中心  版权所有

地址：南京市北京西路15号 联系电话：025-63335653

苏ICP备：10205850

实验代码1： \\

..

.

打开HTML文件如下图所示：

图5.1

实验代码2：

..