模块六读者俱乐部欢迎页面制作_第1页
模块六读者俱乐部欢迎页面制作_第2页
模块六读者俱乐部欢迎页面制作_第3页
模块六读者俱乐部欢迎页面制作_第4页
模块六读者俱乐部欢迎页面制作_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、福建信息职业技术学院教案首页课程名称XML实用教程授课日期11年 3月 22日班 级软件技术0911课堂类型理论章节名称实验六读者俱乐部欢迎页面制作目的要求XML的命名空间及其作用。CSS样式表与XML文档的结合方式。XML文档中使用HTML脚本的方法，在网页中用CSS修饰XML元素，使用HTML脚本控制行为的方法。重 难 点分 析重点：在网页中用CSS修饰XML元素，难点：使用HTML脚本控制行为教学方法及授课设想准备读者俱乐部欢迎页面的内容。在制作XML网页之前，需明确网页上的内容。才能进一步规划设计XML文档等。 使用教具及 器 材课件、多媒体教室。作业布置实验报告参考资料XML编程原理

2、与实例教程、XML应用教程读者俱乐部欢迎页面制作1、 实验目的要求和注意事项： 理解XML的命名空间及其作用，能依据给定文章，描述XML文档。 CSS样式表与XML文档的结合方式。 XML文档中使用HTML脚本的方法。 在网页中用CSS修饰XML元素，使用HTML脚本控制行为的方法。2、 实验主要内容制作一个读者俱乐部欢迎页面XML源文档取名为book3-1.xml以及表现XML文档的CSS文件book3-11.css。要求在IE显示。3、实验仪器设备安装有XMLSpy或者.NET 软件的计算机一台4、实验步骤第一小题：第一步，能依据欢迎页面内容，描述XML文档。新建XML文档，在编辑区<

3、;?xml version="1.0" encoding="gb2312" ?><!- 这是欢迎页的XML源文档 ->确定根元素<Welcome > <title>欢迎进入读者俱乐部</title> <content> <WelcomeText>欢迎广大读者踊跃在线注册为读者俱乐部成员，注册后可获得精心制作、每周发送一次的读者导报及各类新书信息，并可参加定期联谊活动和培训讲座。免费注册成为会员，就可以在图书馆论坛参与讨论，交流读书心得，还可以创建个人博客，发表读书日记。另外，应

4、广大读者要求，俱乐部还提供图书销售服务，会员购买图书更可享受我们提供的以下优惠条件： </WelcomeText> <html:ul> <html:li> 一年内只要累计购买图书<number>100.00</number>元，就可以成为<member>普通会员，</member>购书时可获<number>10%</number>优惠； </html:li> <html:li> 一年内只要累计购买图书<number>500.00</number&

5、gt;元，就可以成为<member>银卡会员，</member>购书时可获<number>15%</number>优惠； </html:li><html:li> 一年内累计购买图书<number>1000.00</number>元，就可以成为<member>金卡会员，</member>购书时可获<number>20%</number>优惠； </html:li> </html:ul> <rigister> 赶快<

6、;html:a id="coollink" href="BOOK32.xml">注册</html:a>加入吧！ </rigister> <netlibrary>网络图书馆</netlibrary> </content></Welcome> 打开BooK3-1.xml文档第二步将样式表嵌入至BOOK3-1XML文档方法来实现读者欢迎页面的显示。在BOOK3-1.XML文件的XML声明区加入处理指令和命名空间的声明，并保存.<?xml-stylesheet type=&quo

7、t;text/css"?><Welcome xmlns:HTML="3/Profiles/XHTML-transitional"><HTML:STYLE>样式文档内容填写在此.</ HTML:STYLE>1、确定页面布局布置根元素Welcome,编写代码：Welcomedisplay:block;Welcome display:block;position:absolute;top: 10px;left:70px;width:600px;height:500px;border:2px solid silver;在

8、IE中浏览内容。2、继续页面布局，确定XML文档中的一级节点元素title元素、content元素在页面中的位置。titledisplay:block;position: absolute;top:3%;left:10%;width:80%; font-family:”黑体”;font-style:italic;font-size:24px;font-weight:bold;text-align:center;text-decoration:underline;color:red;cursor:hand;content display:block;position: absolute;top:

9、10%;left:2%; width:96%;height:80%;在IE中浏览内容。布置各部分中的内容。确定title元素、content元素子元素的位置。WelcomeText display:block;position:absolute;top:6%;left:1%;width:98%;height:20%; font-family:”宋体”;font-size:14px;text-indent:24pt;letter-spacing:4pt;html:ul display:block;position:absolute;top:40%;width:90%;html:li font-f

10、amily:”宋体”;font-size:12px;letter-spacing:1pt;list-style-image:inherit;numberfont-size:12px;font-weight:bold;text-decoration:underline;color:red;cursor:n-resize;memberfont-family:"华文行楷"font-size:12px;font-weight:bold;text-decoration:underline;color:red;cursor:help;rigister display:block;pos

11、ition:absolute;top:69%;left:1%;width:90%;height:20%;font-family:"黑体"font-size:14px;text-indent:24pt;letter-spacing:3pt;netlibrary display:block;position:absolute;top:70%;left:65%;width:30%;height:5%;background-color:white;font-family:"宋体"font-size:12px;text-align:center;cursor:ha

12、nd;在IE中浏览内容。并保存为Book3-11.xml对这个文档进行验证（在IE浏览 浏览器中显示）是否与实验中要求一致？2、按如图编写HTML文档：(各城市客户联系信息上海公司名称联系人职位地址电话东南实业王先生销售经理XXX街62号85565678红阳商贸刘小姐销售代表五洲大厦XX号57859781三川实业苏先生市场部经理西园南路XX2号68545782广州公司名称联系人职位地址电话正人资源谢先生物主XXX号65897882垣通贸易黄女士物流部主任东大街XXX号62548884雇员ID订单日期订单状态项目566920050517已订书ID数量订货状态00110已订c50070120050

13、712已订书ID数量订货状态00230已订00320已订五、实验报告 标题：实验题目 实验目的 实验步骤 实验总结与体会六、参考程序示例2.1 <html> <head> <title>嵌套表格显示客户信息</title> </head> <body> <center><h2>各城市客户联系信息</h2></center> <table align="center" border="1"><tr><th a

14、lign="left">上海</th></tr><tr><td><table align="center" border="0"> <tr> <th>公司名称</th> <th>联系人</th> <th>职位</th> <th>地址</th> <th>电话</th> </tr><tr><td>东南实业&l

15、t;/td><td>王先生</td><td>销售经理</td><td>aXXX街62号</td><td>85565678</td></tr><tr><td>红阳商贸</td><td>刘小姐</td><td>销售代表</td><td>五洲大厦XX号</td><td>57859781</td></tr><tr><td>三

16、川实业</td><td>苏先生</td><td>市场部经理</td><td>西园南路XX2号</td><td>68545782</td></tr></table></td></tr><tr><th align="left">广州</th></tr><tr><td><table border="0" align="c

17、enter"><thead> <tr> <th>公司名称</th> <th>联系人</th> <th>职位</th> <th>地址</th> <th>电话</th> </tr></thead><tr><td>正人资源</td><td>谢先生</td><td>物主</td><td>XXX号</td><t

18、d>65897882</td></tr><tr><td>垣通贸易</td><td>黄女士</td><td>物流部主任</td><td>东大街XXX号</td><td>62548884</td></tr></table></td></tr></table> </body></html>2.2, <HTML><HEAD> <T

19、ITLE>表格实例</TITLE></HEAD><BODY><center><b>表格及其嵌套</b></center> <table align="center" border="1"> <tr> <th>客户号</th> <th>订购日期</th> <th>订单状态</th> <th><p align="center">&l

20、t;b>订书项目</b></th> </tr> <tr><td>c0500069</td><td>20050517</td><td>已结帐</td><td><table border="1"> <tr> <th>书号</th> <th>数量</th> <th>处理状态</th></tr> <tr> <td>0

21、01</td> <td>10</td> <td>已处理</td> </tr> </table></td> </tr> <tr><td>c500701</td><td>20050712</td><td>未结算</td><td> <table border="1"> <tr><th>书号</th><th>数量</

22、th><th>处理状态</th> </tr> <tr> <td>002</td> <td>30</td> <td>待处理</td> </tr> <tr><td>003</td><td>20</td><td>已处理</td> </tr> </table></td> </tr> </table></BODY>

23、</HTML>2.3 <HTML> <HEAD> <TITLE>DMO操作数据岛实例</TITLE> </HEAD> <BODY bgcolor="silver"> <H2 class="title">ABC网络公司CEO应聘者成绩查询</H2> 姓名：<INPUT type="text" id="name1"/><br> 居民身份证的号码：<INPUT type="text" id="CardID1" /> <br> 英语口语测试成绩：<INPUT type="text" id="English1"/> <br> 交际能力测试成绩：<INPUT type="text" id="social1" ><br> 理科综合测试成绩：<I

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论