电子商务简单网页制作
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
简单网页制作
1、HTML基本结构和标记符练习
使用html、title、body标记制作一个有网页标题、网页背景图片（或背景色）、网页背景音乐、网页中有正文文字的简单网页。
此网页做好后存为1.htm文件2、标题、段落、换行和水平线标记符练习
在网页中显示一首唐诗或宋词（内容自己定），要求全部居中。
诗名用一级标题，作者名用四级标题。
用一条满屏的蓝色水平线分隔作者和正文，用<br>标记符断诗的每行，不分段。
此网页做好后存为2.htm文件
3、字体、跑马灯标记符练习
在网页中制作“欢迎你朋友”动态移动文字效果，要求如下：
①字体大小5号字，颜色非黑色即可。
②文字移动方向从左到右出现，在页面中左右来回移动，移动速度为13.
③鼠标放到移动文字上停止移动，离开后文字继续开始移动。
此网页做好后存为3.htm文件
4、图片和超链接标记符练习
在网页中随意插入一张图片（不要太大），并设置为超链接对象，鼠标放上去显示“有超链接”文字提示，通过链接打开2.htm。
此网页做好后存为4.htm文件5、多媒体容器标记符练习
使用<embed>标记显示一个Flash动画，并根据显示效果自行修改动画的长度和高度。
此网页做好后存为5.htm文件
1.htm的代码(将背景音乐图片和文字换成你自己的)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>致我们终将逝去的青春</title>
</head>
<bgsound src="致青春.wav" loop="-1">
<body background="1.jpg">
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"><font size="7" face="楷体">致青春</font></p>
<p style="text-indent: 30px">
流逝的青春，翻转的年轮，如同一粒倔强的昙花种子，明知道绽放只是那一瞬间的美丽，也要执着的冲破泥土，迎着风雨坚强的成长，义无反顾。
<br>
<p style="text-indent: 30px">
当生活的车轮碾过记忆，留下岁月的吻痕时，才知道生活如同大浪淘沙。
淘走了昔日友人的欢笑和共度风雨的艰辛，留下的仅仅是自己和自己那支离破碎的记忆和记忆中若隐若现的对未来的期盼。
<br>
<p style="text-indent: 30px">
离愁别恨人之情，柳暗花明又一村。
似乎生活就是不断的经历别离，不断的将别离的哀伤埋藏在内心深处，在不为人知的角落独自神伤。
又似乎生活就是看友人在自己身边新旧更替，而自己拼命想挽留却无法挽留，因此自己依旧孤独，并开始享受孤独。
<br>
<p style="text-indent: 30px">
心，禁锢在别离和孤独的黑暗中渐渐成熟。
如同泥土下掩盖着的生生不息的昙花种子般倔强的成长着。
当它挣脱禁锢重获新生时，它获得的是昙花一现的美丽。
那绽放的是内心深处不灭的希望，是青春最耀眼的光芒。
<br>
<p style="text-indent: 30px">
给青春谱一曲赞歌，让生活的列车在赞歌里欢快前进，如同指尖溜走的沙，一粒接着一粒，一粒牵着一粒，向前是无边的沙堆，向后是停留指尖的回忆。
</p>
</body>
</html>
2.htm的代码（同样把内容换成自己的）
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>诗词</title>
</head>
<body bgcolor="#B3AFF3">
<h1 align="center">点绛唇</h1>
<h4 align="center">李清照</h4>
<hr color="#00FFFF" size="4">
<p align="center">寂寞深闺，<br>
柔肠一寸愁千缕。
<br>
惜春春去，<br>
几点催花雨。
<br>
<br>
倚遍阑干，<br>
衹是无情绪。
<br>
人何处，<br>
连天芳草，<br>
望断归来路。
<br>
</p>
</body>
</html>
3.htm的代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>1</title>
</head>
<body>
<font size="5" color="#FF00FF">
<marquee scrollmount="13" direction="right" behavior="alternate" bgcolor="#B3AFF3" onMouseOver="this.stop()" onmouseout="this.start()">欢迎你朋友</marquee>
</body>
</html>
4.htm的代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>图片和超链接标记符联系</title>
</head>
<body>
<p><a href="2.htm">
<img border="0" src="1.jpg" width="50%" height="50%" title="有超链接"></a></p>
</body>
</html>
5.htm的代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页1</title>
</head>
<body>
<p>
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-0000" id="obj1" codebase="/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="883" height="741">
<param name="movie" value="胖狗狗饭馆崩溃记3.swf">
<param name="quality" value="High">
<embed src="胖狗狗饭馆崩溃记 3.swf" pluginspage="/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="883" height="741" quality="High"></object>
</p>
</body>
</html>。