实验报告五

第页【实验目的】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《网络主题研讨会》日程表会议时间会议名称演讲人2015年10月14日09:30-17:00中国二恶英排放清单研究刘文彬研究员（中国科学院生态研究中心）优化的PAHs和Dioxin分析仪在环境分析中的应用孔晔（安捷伦）LCMS在持久性有机污染物分析中的研究进展朱怀恩（SCIEX）质谱技术在持久性有机污染物的分析方法陈志凌（岛津）持久性有机污染物POPs的前处理技术苏丽评（莱伯泰科）极地持久性有机污染物研究进展张庆华研究员（中国科学院生态研究中心）项目2设计简化版“江苏教育电子政务网”1.设计一个简化版“江苏教育电子政务网”,如图5-3所示；未应用样式的页面效果如图5-4所示。第页图5-4简化版江苏教育电子政务网初始首页2.导航菜单的内容如表5-2所示。表5-2江苏电子政务网导航菜单链接表序号导航名称对应链接1新闻资讯领导讲话成果展示行政公文江苏教育信息网．页面的段落内容如下所示：2014年全省教育电子政务工作座谈会在宁召开为进一步统一思想、提高认识、振奋精神、明确方向，3月14日，全省教育电子政务工作座谈会在宁召开，来自13个省辖市、3个省管县（市、区）教育门户网站维护保障单位负责人参加了会议，各地就教育电子政务工作开展的情况作了交流，对全省教育门户网站绩效考核指标体系、江苏教育网《视频新闻》栏目筹建和通联站建设管理方案进行深入的研讨。国务院：运用大数据提高政府服务水平近日，国务院办公厅印发《关于运用大数据加强对市场主体服务和监管的若干意见》(以下简称《意见》)。《意见》要求，以社会信用体系建设和政府信息公开、数据开放为抓手，充分运用大数据、云计算等现代信息技术，提高政府服务水平，加强事中事后监管，维护市场正常秩序，促进市场公平竞争，释放市场主体活力，进一步优化发展环境。4．版权部分的内容如下所示：江苏省电子政务中心  版权所有地址：南京市北京西路15号联系电话：[phone]苏ICP备：10205850实验代码1：\第页打开HTML文件如下图所示：图5.1实验代码2：!doctypehtmlhtmlheadmetacharset=utf-8title网络主题研讨会日程表/titlestyletype=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:10px20px;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:8pxauto;float:right;display:inline;}*{font-size:13px;}/style/headbodydivid=div0divid=div1h3报告内容/h3/divtableborder=1pxalign=centerwidth=710pxheight=420pxbordercolor=#CACACArules=allcellspacing=0pxtrvalign=middleheight=60pxtdcolspan=3divid=red会议平台不支持WinXP系统，请大家使用Win7或Win8系统，IE或火狐浏览器登陆/divbr/strong报告主题：“持久性有机污染物分析技术”网络主题研讨会/strongahref=#精彩回放/a/td/trtrheight=35pxid=row2th会议时间/thth会议名称/thth演讲人/th/trtrheight=35pxid=td2valign=middletdrowspan=62015年10月14日09:30-17:00/tdtd中国二恶英排放清单研究/tdtdalign=center刘文彬研究员（中国科学院生态研究中心/td/tr第页trvalign=middleid=td1td优化的PAHs和Dioxin分析仪在环境分析中的应用/tdtdalign=center孔晔（安捷伦）/td/trtrvalign=middleid=td2tdLCMS在持久性有机污染物分析中的研究进展/tdtdalign=center朱怀恩（SCIEX）/td/trtrvalign=middleid=td1td质谱技术在持久性有机污染物的分析方法/tdtdalign=center陈志凌（岛津）/td/trtrvalign=middleid=td2td持久性有机污染物POPs的前处理技术/tdtdalign=center苏丽评（莱伯泰科）/td/trtrvalign=middleid=td1td极地持久性有机污染物研究进展/tdtdalign=center张庆华研究员（中国科学院生态研究中心）/td/tr/table/div/body/html实验效果图：第页图5.2实验代码3：!--shiyandaima3--!doctypehtmlhtmllang=enheadmetacharset=utf-8title生活社区/titlestyletype=text/csstd{align:center;valign:center;font-size:24px}#id1{color:white;background:#333300;}#id2{color:white;background:#553300;}#id3{color:white;background:#773300;}#id4{color:white;background:#993300;}#id5{color:white;background:#AA3300;}/style/headbody第页tableborder=5pxwidth=909height=350pxalign=lefttrtdid=id1colspan=21服务区/tdtdwidth=399rowspan=2id=id22行政区/td/trtrtdwidth=240rowspan=2id=id33生活区/tdtdwidth=240id=id44共享区/td/trtrtdid=id5colspan=25娱乐区/td/tr/table/body/html实验效果图：图5.3总结：这次实验我掌握了设计表格的各种标记及其属性语法、表格行标记的属性及设置方法、表格单元格的各种属性及设置方法、学会利用表格进行Web页面布局设计。学会了使用表格标记和表格属性完成简易表格的设计、利用表格背景图像和单元格合并属性设置完成日程表页面的设计、使用表格布局模拟真实网站设计简易的电子政务网站、使用CSS样式对表格和单元格内容进行样式定义并引用。