当前位置:首页>> >>


泡泡女装.rar

收藏

资源目录
    文档预览:
    编号:20181030004001971    类型:共享资源    大小:9.26MB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    18
    金币
    关 键 词:
    泡泡 女装
    资源描述:
    《Web 基础实训》课程设计报告泡泡女装网页制作姓 名:李晋班 级:1703学 号:2115170009完成时间:2018.7.12淮阴师范学院计算机与信息科学学院2018-7-121 总体设计1.1 功能模块设计网页从功能模块的角度上划分为以下几个功能模块:首页、新品上市、女士风尚、品牌理念四大部分,以下是该网页的功能模块图见下图2-1:图 2-1 网页模块图以下是各个模块具体实现功能介绍:1.首页模块(1)专业感+优质感(2)网站整体内容完整,各个功能页面方便浏览和操作(3)提供相应的网站信息和搜索栏2.新品上市模块(1)不定时推出网站企业的新产品和新内容,方便浏览了解3.女士风尚模块(1)提供栏目内容相应的服装信息4.品牌理念模块(1)提供网站企业推行的品牌理念的具体内容5.留言板模块(1)给用户一个反馈和建议的页面2 功能实现泡泡女装网页制作首页模块新品上市模块女士风尚模块品牌理念模块留言板模块2.1 首页模块的实现本页面为泡泡女装网页的首页浏览功能,可以通过搜索得到自己想要的页面信息,也可以点击各个功能模块来实现信息浏览。2.1 首页界面,如图所示:整体代码:div+css#header{height:49px;//background-color:yellow;//border:1px solid}#main{height:920px;background-color:#0f0f0f;}#left{background-color:#0F0F0F;height:920px;width:233px;margin-left:0px;float:left;}#left-top{background-color:#0f0f0f;height:146px;width:233px;margin-top:17px;float:left;}#left-foot{background-color:#242424;height:750px;width:233px;margin-top:7px;float:left;}#left-footone{background-color:#242424;height:100px;width:233px;margin-top:20px;float:left;}#left-foottwo{margin-top:10px;}#left-foottwo ul li{list-style:none;font-size:20px;line-height:45px;}a{padding:10px;color:white;text-decoration:none;}.left-foottwo a:link{color:grey;}a:visited{color:grey;}a:hover{color:grey;}.left-foottwo a:active{color:grey;}a:visited{color:grey;}a:hover{color:grey;}#right{background-color:#0f0f0f;float:right;}#right ul li{list-style:none;color:white;float:right;font-size:10px;font-weight:bold;margin-right:45px;}#footer{height:68px;background-color:#0f0f0f;}#footer ul li {list-style:none;color:grey;font-size:3px;float:left;}#container{margin:0px auto;}首页新品上市女士风尚上衣//background-color:yellow;//border:1px solid}..................2.1.2 主体左边区块分为左上,左下,左下分为左下一和左下二功能实现:左上:插入企业标志图片left-top{background-color:#0f0f0f;height:146px;width:233px;margin-top:17px;float:left;}............左下一:实现搜索框搜索功能#left-footone{background-color:#242424;height:100px;width:233px;margin-top:20px;float:left;}............左下二:实现各个页面之间的相互链接和跳转#left-foottwo{margin-top:10px;}#left-foottwo ul li{list-style:none;font-size:20px;line-height:45px;}a{padding:10px;color:white;text-decoration:none;}.left-foottwo a:link{color:grey;}a:visited{color:grey;}a:hover{color:grey;}.left-foottwo a:active{color:grey;}a:visited{color:grey;}a:hover{color:grey;}......首页新品上市女士风尚上衣float:right;}#right ul li{list-style:none;color:white;float:right;font-size:10px;font-weight:bold;margin-right:45px;}......收藏本站设为首页......2.1.4 尾部区块功能:尾部注释和一些功能的超链接#footer{height:68px;background-color:#0f0f0f;}#footer ul li {list-style:none;color:grey;font-size:3px;float:left;}......首页|品牌理念|联系我们|留言板|裙子|裤子|技术支持:凡科建站|手机版|管理登录
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

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

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