当前位置:首页>> >>


狗的店宠物用品商店.rar

收藏

资源目录
    文档预览:
    编号:20181030004040454    类型:共享资源    大小:4.33MB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    18
    金币
    关 键 词:
    宠物用品 商店
    资源描述:
    《Web 基础实训》课程设计报告爱心宠物零食店网页设计姓 名:高攀班 级:1704学 号:2115170049完成时间:2018.7.12淮阴师范学院计算机与信息科学学院2018-7-12一、 总体设计1.1 功能模块设计系统从功能模块的角度上划分为以下几个功能模块:用户管理、商品管理、订单管理、购物车管理,店家管理五大部分,以下是该系统的功能模块图见下图2-1: 头部相同超链接相同尾部模板图(1) 网页功能模块图以下是各个网页具体实现功能介绍:1.首页(1)特点:首页页面:含有最详细的网站情况,含有上部搜索框,链接其他页面首页:网站首页,有各种各样的宠物食品,宠物推荐食品,关于宠物零食,有宠物零食、主食、玩具等。首页头部,应用于其他页面。爱心宠物商品销售首 页留言页留言页留言页图(1)(2)最新产品与推荐产品:通过图片展示的形式,对部分宠物零食进行分类展示。2.产品展示:兼并图文,链接于购买网站,只要网络链接就可以让您的宠物享受快乐时光。3.导航栏:(1)产品分类:为宠物产品进行分类,便于宠主选择宠物食物 (2)在线客服;(3)工作时间;(4)联系方式; 4.新闻动态文章列表:列出近期在宠物食品领域发生的大小事件,便于宠主适时选择自己爱宠的食物,变着花样逗它们开心。5.留言板(1)姓名;(2)电子邮件;(3)联系电话;(4)留言内容。5.关于我们:公司管理经营的详细介绍以及其创办宗旨。6.联系我们(1)地图:公司具体位置,通过地图形式标出来,使访问者及顾客能准确找到位置,给予顾客方便,亦提高了公司的行政效率;(2)具体信息:公司注册名称及其具体地址。 二、 网页细节设计1、基本框架网站名称:狗的店“宠物用品商城”运用语言:HTML、CSS分析网站语言:狗的店宠物用品商城首页 这是网站标题,是网站首页名称,给用户大致网站内容提示图(2)2、网页具体细节设计及实现Header 顶部:A. 导航TEMPLATE首页公司动态新闻动态宠物食品宠物玩具联系我们留言板图(3)实现超链接,在背景代码中实实现超链接不同样式的链接。给人以美感与亲和感图(4) 【导航中超链接:未点击、访问后、鼠标悬浮时各种样式】以上实现代码:a{color:white;font-size:20px;text-decoration:none;}a:hover{text-decoration:underline;}#header1 a{background-color:#008080;color:white;float:left;height:5px;}#header1 a:hover{background-color:#439B9B;color:yellow;text-decoration:none;}B. 插入图片图(5)图片的插入适用于在和 中插入图片,其中,以以上页面为例:在顶部插入图片背景:#header{height:70px;width:1340px;background-image:url(images/title.png);}在 body 中插入图片:Main 主体部分:A. 导航图(6) 图(7)产品分类主食主食宠物玩具牵引带项圈零食小吃妙鲜包罐头饼干在线客服客服一客服二工作时间周一至周五:8.00—17.30联系方式陈经理:13000000000B. 插入头部图片与字体样式更改#header{height:70px;width:1340px;background-image:url(images/title.png);padding-top:40px;padding-left:180px;color:white;font-weight:bold;font-size:30px;font-family:楷体;list-style:none;}C. 首页功能设计及实现图(8)最新产品Gobbles 鸡肉罐头 100 克Pet pride 奶酪羊肉条 100gPuffy Pet 草莓奶酪砖爱扑 AIPO 高级犬用罐头商城价:¥53.00商城价:¥23.00商城价:¥12.00商城价:¥20.00推荐产品福罗诗高优质小型犬犬粮 Small Bit加州天然犬羊饭 16.4 公斤日本多格漫自动伸缩带(蓝 L)商城价:¥12.50商城价:¥6.00商城价:¥12.00
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

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

    关于本文
    本文标题:狗的店宠物用品商店.rar
    链接地址:http://www.gold-doc.com/p-255559.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服客服 - 联系我们
    [email protected] 2014-2018 金牌文库网站版权所有
    经营许可证编号:浙ICP备15046084号-3
    收起
    展开