当前位置:首页>> >>


韩国服装泡泡网.rar

收藏

资源目录
    文档预览:
    编号:20181030004000763    类型:共享资源    大小:745.23KB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    18
    金币
    关 键 词:
    韩国 服装 泡泡
    资源描述:
    《Web 基础实训》课程设计报告韩国泡泡女装网姓名:沈建驰班级:1703学号:2115170024完成时间:7 月 12 号淮阴师范学院计算机科学与技术学院2018-7-121. 总体设计1.1 功能模块设计系统从功能模块的角度上划分为以下几个功能模块:首页、新品上市、女士风尚、品牌理念、联系我们、留言板六大部分,以下是功能模板。如图系统模板图以下是个模块具体实现功能介绍:1. 首页(1) 实现与新品上市及其他网页间的链接(2) 展示 2015 年的火爆产品(3) 通过搜索框模糊搜索产品2. 新品展示(1) 实现与其它网页间的链接(2) 展示 2015 年新品韩国泡泡服装网首页新品上市女士风尚品牌理念联系我们留言板3. 女士风尚(1) 实现与其它页面之间的链接(2) 展示女装的各个单品(3) 点击商品具体查询商品内容4. 品牌理念(1) 实现与其它页面间的链接(2) 向消费者展示泡泡女装网的目标及该女装网地位5. 联系我们(1) 实现与其它页面的链接(2) 通过电话,微博,网址等联系商家(3) 通过扫描二维码了解更多资讯6. 留言板(1) 与首页之间链接(2) 通过产品搜索模糊查找商品(3) 了解在线客服工作时间与客服联系(4) 向商家留言,提建议等2. 系统实现2.1 用户模板的实现本页面为韩国泡泡女装网首页,展示首页内容及与其他页面间的链接产品展示:Html 代码//定义整体框架//实现左右布局首页新品上市女士风尚上衣text-decoration:none;}a:hover{color:white;text-decoration:underline;}对整体文字要求,字体颜色为白色,无下划线,鼠标点击时,浮出白色下划线#container{width:100%;color: white; }#header {width:100%;height:48px; }#main{width:100%;height:900px;float: left;} #left{background:#0f0f0f;width:20%;height:100%;float:left;}#left_up{background: #0f0f0f;height: 20%;float: right;}input{margin-left: 15px;margin-top: 5px;}#left_bottom{background: #424242; height: 690px;width:200px; float: right;}.bar1{background: #a3d0c3;}.bar1 input{border: 2px solid #7ba7ab;border-radius: 5px;background: #F9F0DA;color: #9E9C9C;}.bar1 button {top: 0;right: 0;background: #7BA7AB;border-radius: 0 5px 5px 0;}.bar1 button:before{content: “\f002“;font-family: FontAwesome;font-size: 16px;color: #F9F0DA; }#left_bottom ul li {list-style: none;line-height: 40px;color: white;margin-left: 20px; }#left img{margin-top: 30px;}#right{background:#0f0f0f;width:80%;height: 100%;float:right;}#right img{margin-top: 16px;margin-right: 120px;float: right }#right ul li{list-style: none;color: white;float: right;margin-right: 120px;}#footer{background: #0f0f0f;width: 100%;height: 200px;float: left;}#footer_top{height: 70px;float: left;margin-left: 160px;margin-top: 50px;}Css 代码实现布局,对布局位置进行要求,对布局及框架内内容实现浮动,对插入图片地址控制,左浮动或右浮动,使整体更加美观新品上市品牌理念这两个页面与首页无太大区别,只换掉插图女士风尚Html 代码width:75%; height: 100%; float:left; } #right_top { width: 100%; height: 100px; color: white; margin-left: 430px; margin-top: 100px; font-size: 50px; } #right_mid { height: 400px; width: 100%; float: left; margin-left: 520px; margin-top: 100px; } #right_bottom { width: 100%; height: 200px; } #right_bottom ul li { list-style: none; color: white; margin-top: 10px; margin-left: 200px; } 对加入的二维码位置进行限制与微博与国服装泡泡女装网网址实现超链接留言板Html 代码产品搜索
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

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

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