实验报告五

.

【实验目的】

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:

网络主题研讨会日程表

报告内容

会议时间

..

联系客服:779662525#qq.com(#替换为@) 苏ICP备20003344号-4

报告主题:“持久性有机污染物分析技术”网络主题研讨会
会议名称 演讲人
中国二恶英排放清单研究