第一篇:电子商务 网页制作报告
网页制作报告
网页要求:
1.分类显示(四类,每类六张图片)
2.倒计时自动显示
3.打折数据从文件中读取出来,并显示在相应位置
4.勾选所要的商品,提交后。把所选商品信息保存在一个文档(比如txt等等)中
5.需要的文件类型html、js、折扣文件、选中商品的文档、说明整个程序的文档
6.在网页中需要有类似下拉框选项的东西(针对四大类),当点击一个选项类的时候会在 当前位置显示该类。(类似于导航的)选用的软件:Adobe Dreamweaver CS5
制作过程:
1.确定好网页的标题,搜集素材资料
2.选定框架,确定页面的主要风格,字体颜色大小,背景图片,表格边框等。
table {text-align:center}
td {
width:400px}
p.float{float:right;
background:#00CCFF}
p.menu {font-family:Arial, Helvetica, sans-serif;
color:#000000;
background:#FFFFFF;
border:2px solid #999999;
width:10em}
p.menu:hover a {display:block}
p.menu.a {display:none;
border:2px solid #999999;
background:#FFFFFF;
color:#000000;
width:10em;
text-decoration:none}
p.menu a:hover {background-color:#FFFFFF}
A:link{text-decoration:none}
A:visited{text-decoration:none}
A:hover { color:#666666;text-decoration:none}
body {
background-color: #ffffff;
background-image: url(beijin.jpg);
}
3.对标题栏进行居中,字体大小颜色设置,对副标题进行滑动设置
4.对各类图片分类,分成四类并设置其格式
分类:
5将各个商品的标题,图片链接,网址链接录入,并进行标价等说明。如第一幅图:
href=“http://detail.tmall.com/item.htm?id=12360280229&ad_id=&am_id=&cm_id=&pm_id=” >
src=“http://img04.taobaocdn.com/bao/uploaded/i4/T1djuCXl4pXXbiWc79_102723.jpg_310x310.jpg” alt=“无锡酱排骨” width=“326” height=“209”/>
href=“http://detail.tmall.com/item.htm?id=12360280229&ad_id=&am_id=&cm_id=&pm_id=”>
[无锡酱排骨]百年老字号 无锡特产 真正老陆稿荐 无锡酱排骨 275g 开胃美食
¥24元 9折
id=“Image1”src=buy.jpg>
版权声明:此文自动收集于网络,若有来源错误或者侵犯您的合法权益,您可通过邮箱与我们取得联系,我们将及时进行处理。
本文地址:https://www.feisuxs.com/wenku/jingpin/7/2430210.html