音乐器材出售网站(ie浏览器.rar

收藏

资源目录
    文档预览:
    编号:20181030004001367    类型:共享资源    大小:3.50MB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    18
    金币
    关 键 词:
    音乐 器材 出售 网站 ie 浏览器
    资源描述:
    《Web 基础实训》课程设计报告在线鲜花销售系统设计与实现姓 名:陈冉班 级:1703学 号:2115170002完成时间:2018.7.12淮阴师范学院计算机技术与科学学院2018-7-121 总体设计1.1 功能模块设计系统从功能模块的角度上划分为以下几个功能模块:用户管理、商品管理、订单管理、购物车管理,店家管理五大部分,以下是该系统的功能模块图见下图2-1:图 2-1 网页模块图以下是各个网页具体实现功能介绍:1. 公司简介网页:对音乐乐器销售公司进行详细介绍,有利于消费者更加了解本销售网站的具体情况。页面设有超链接(公司简介) ,可链接到本网页,本网页包含大段文字对该销售公司进行详细的介绍。2. 产品展示网页:本网页设有链接(产品展示) ,消费者在订购产品前,可点击该链接进图该网页,本网页将展示大量的音乐器材,并且同时展示与该音乐器材相对应的类别、用法介绍和价格。3. 产品订购网页:本网页同样设有超链接(产品订购) ,可链接到本网页。本网页将提供消费者信息输入框,以便消费者填写有意向的音乐器材。本网页设有以下输入框:音乐器材销售网站公司简介网页产品展示网页产品订购网页联系方式网页(1) 、产品名称:消费者可在本文本框中输入有意向购买的音乐器材。(2) 、订购数量:消除者可在本文本框中输入购买数量。(3) 、消费者姓名:消费者可在本文本框中输入自己的姓名。(4) 、消费者联系电话:消费者可在本文本框中输入联系电话。(5) 、消费者通行地址:消费者可在本文本框中输入通行地址。(6) 、消费者电子邮箱:消费者可在本文本框中输入可行的电子邮箱。(7) 、消费者额外要求:消费者可在本文本框中输入额外的要求及备注。本网页设有以下按钮:(1) 、重置按钮:消费者点击本按钮即可清楚以上文本框中所有信息。(2) 、确定按钮:消费者点击本按钮即可确认自己的信息。4.联系方式网页:本网页设有超链接(联系方式) ,可链接到该网页,在该网页,消费者可了解销售公司的联系方式。2 网页实现1.公司简介网页的实现公司简介产品展示产品订购联系方式该代码实现了网页头部分有四个超链接,本 别可以链接到四个网 页。企业风貌组织构架经营范围发展历程资质证书>营销网络该段代码实现了网页主体左边的部分,分为 7 个部分。公司简介 height: 600px; background-color: grey; margin:0px auto; background-image: url(img/g.jpg); } #header1{ //width: 800px; height: 75px; //background-color: yellow; background-image: url(img/a.jpg); padding-bottom: 20px; padding-top: 0px; margin-bottom:10px; } #header2{ //width: 800px; height: 40px; background-color: #C0C0C0; background-image: url(img/c.jpg); } #headerpic{ //width: 800px; height: 120px; //background-color: red; background-image:url(img/d.jpg); } #main{ //width: 800px; height: 300; //background-color: ; background-image: url(img/); } #footor{ //width: 800px; height: 65px; background-color: red; } #header2-1{ float: left; margin-left: 70px; margin-top: 10px; background-image: url(img/b.jpg); font-size: 23px; } #header2-2{ float: left; margin-left: 100px; margin-top: 10px; background-image: url(img/b.jpg); font-size: 23px; } #header2-3{ float: left; margin-left: 100px; margin-top: 10px; background-image: url(img/b.jpg); font-size: 23px; } #header2-4{ float: left; margin-left: 100px; margin-top: 10px; background-image: url(img/b.jpg); font-size: 23px; } #header2 a{ text-decoration: none; //margin-top: 20px; } #w1{ width:97px; margin-top: 25px; margin-bottom: 25px; margin-left: 60px; background-image: url(img/f.jpg); } #w2{ width:97px; margin-top: 25px; margin-bottom: 25px; margin-left: 60px; background-image: url(img/f.jpg); } #w3{ width:97px; margin-top: 25px; margin-bottom: 25px; margin-left: 60px; background-image: url(img/f.jpg); } #w4{ width:97px; margin-top: 25px; margin-bottom: 25px; margin-left: 60px; background-image: url(img/f.jpg); } #w5{ width:97px; margin-top: 25px; margin-bottom: 25px; margin-left: 60px; background-image: url(img/f.jpg); } #w6{ width:97px; margin-top: 25px; margin-bottom: 25px; margin-left: 60px; background-image: url(img/f.jpg); } #w7{ width:97px; margin-top: 25px; margin-bottom: 25px; margin-left: 60px; background-image: url(img/f.jpg); } #w{ float: left; width: 230px; height: 100%; background-image: url(img/l.jpg); background-color: orange; } #mainright{ height: 100%; background-image: url(img/g.jpg); padding-top:20px; //background-color: orange; } #footerleft{ float: left; margin-left: 5px; margin-top: 10px; } #footerright{ float:left; margin-left: 250px; margin-top: 20px; } #fl1 a{ float: left; margin-left: 10px; margin-top: 10px; text-decoration: none; } #fl2 a{ float: left; margin-top: 10px; text-decoration: none; } #fl3 a{ float: left; margin-top: 10px; text-decoration: none; } #footor{ margin-top:156px; background-image: url(img/); } 改段代码实现了网页整体和各个部分的背景图片和样式花色效果。2.产品展示网页的实现:公司简介产品展示产品订购联系方式该代码实现了网页头部分有四个超链接,本 别可以链接到四个网 页。
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

    暂无评论,赶快抢占沙发吧。

    关于本文
    本文标题:音乐器材出售网站(ie浏览器.rar
    链接地址:http://www.gold-doc.com/p-255523.html
    收起
    展开