


版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、石比地迸人琴(电子商务技术基础(二)实验报告课程名称:电子商务技术基础(二)授课教师:开课时间:2017/2018学年 第一学期学 号:姓 名:2017年11月实验1:网页上有一个“提交”按钮,当点击提交按钮时弹出信息“大家好,我是*,学号是* ”。( 25分)VDOCTYPEhtml PUBLIC "-/W3C/DTD XHTML 1.0Tran sitio nal/EN""./TR/xhtml1 /DTD/xhtml1-tra nsitio nal.dtd"><html xml ns="./1999/xh
2、tml"><head> <meta http-equiv="C onten t-Type" conten t="text/html; charset=utf-8" /><title>无标题文档</title></head><script Ian guage="javascript">fun ctio n y()alert("大家好,我是 xxx,学号:xxxxx") </script><body > &l
3、t;input type="button" value=" 确定 " onclick="y()" /></body></html>实验 2: 在网页上显示以下信息“欢迎您,尊敬的会员,今天是* 年, *月*日*分*秒!”(25 分)<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Date 对
4、象的应用 </title></head><script language="javascript">var date=new Date();var year=date.getFullYear();var month=date.getMonth();month=month+1;var day=date.getDate();var hours=date.getHours();var minutes=date.getMinutes();var seconds=date.getSeconds();var milliseconds=date.get
5、Milliseconds();document.write(” 欢迎您,尊敬的会员,今天是:"+year+"年"+month+"月"+day+"日"+"");document.write(""+hours+"时"+minutes+"分"+seconds+"秒")</script> <body></body></html>就观翅,眺啲会貝,今天是,:加冇年口用日1哪寸腐分辽秒实验3
6、:利用表格布局,设计一个主页,利用 CSS对字体与 图片样式进行设置样式,如下图所示。 (25分)<!DOCTYPEhtml PUBLIC "-/W3C/DTD XHTML 1.0Tran siti on al/EN""./TR/xhtml1/DTD/xhtml1-tra nsiti on al.dtd"><html xml ns="./1999/xhtml"><head><meta http-equiv="C onten t-Type" conte
7、n t="text/html; charset=utf-8" /><title> 个人主页 </title><script type="text/javascript">fun ctio n MM_popupMsg(msg) /v1.0alert(msg);</script></head><style type="text/css">body, htmlmarg in: Opx; paddi ng:Opx;text-alig n:ce nter;#conta
8、inerposition: relative;margin: 0 auto;padding:0px;width:1000px;text-align: left;#navigation font-family: Arial;width: 1000px;height: 1px;background-image: url(2.jpg);text-align: center;#navigation ul list-style-type:none;margin:0px;padding:0px;#navigation li float:left;#navigation li adisplay: block
9、;text-decoration: none;padding-right: 162.8px;border: 1px double #999999;text-align: center;#navigation li a:link, #navigation li a:visitedbackground-color: #666;color: #CCC;#navigation li a:hoverbackground-color: #FFFFFF;color: #666666;.img float: left;padding-right: 10px;padding-bottom: 10px;bodyb
10、ackground-color: #FFFFFF;#n width: 200px;font-family: Arial;margin-top: 0px;float: left;#n ul list-style-type:none;margin:0px;padding:0px;#n li border-bottom:1px solid #ED9F9F;#n li adisplay:block; padding:5px 5px 5px 0.5em; text-decoration:none;border-left:12px solid #333; border-right:1px solid #C
11、60;#n li a:link, #n li a:visited background-color:#666; color:#FFF;#n li a:hoverbackground-color:#999;color:#09F;.d5 float: right;width: 800px; margin-top: -340px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: -100px;padding-left: 0px; border-bottom-style: dotted;.d width: 199px;
12、.d4 float: right;width: 800px;margin-top: -553px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: -95px;padding-left: 0px;border-bottom-style: dotted;-> </style> </script> </head> <body><div id="container"> <div><img src="wan
13、gzhang/timg.jpg" width="1000" height="150" /></div><div id="navigation"><ul><li><a href="#" target="new"> 首页 </a></li><li><a href="#" target="new"> 音乐 </a></li
14、><li><a href="#" target="new"> 绘画 </a></li> <li><a href="#" target="new"> 简历 </a></li><li><a href="#" target="new"> 关于我 </a></li></ul> </div><div clas
15、s="d"><div id="n" class="d">height=""<img src="wangzhang/c1a7986c8bc89a444b02878dbba7f52b_500_312.jpg" width="" /><ul><li><a href="#" target="new"> 个人图册 </a></li><li><
16、;a href="#" target="new"> 我的浏览 </a></li><li><a href="#"> 个人随笔 </a></li><li><a href="#"> 我的圈子 </a></li><li><a href="#"target="new"> 给我留言 </a></li></ul&
17、gt;<img src="wangzhang/d7036c9a17f5fda2-c55f0198e861b714-1e0d704dc180e1b9f224baf7559dab5f.jp g" width="" height="" /></div></div><div class="d4"></div><table width="266.1" border="0" ><tr><td>
18、<img src="wangzhang/psb.jpg" width="260" height="280" /></td><td><img src="file:/C|/Users/Administrator/Desktop/p4.jpg" width="260" height="280" /></td><td><img src="p5.jpg" width="260&q
19、uot; height="280" /></td></tr><tr><td><img src="p5.jpg" width="260" height="280" /></td><td><img src="p1.jpg" width="260" height="280" /></td><td><img src="fil
20、e:/C|/Users/Administrator/Desktop/p4.jpg" width="260" height="280" /></td></tr></table></div></div></body></html>CSS 对实验 4: 设计一个 XML 文档,存储一首唐诗,运用 其样式进行设置,并加入一个背景图片。 ( 25 分) charset "utf-8"contentwidth: 360px;height: 490px;position: absolute;left: 30px;top: 30px;background-
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论