当前位置:首页>> >>


玩具旗舰店.rar

收藏

资源目录
    文档预览:
    编号:20181030004041214    类型:共享资源    大小:2.04MB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    18
    金币
    关 键 词:
    玩具 旗舰
    资源描述:
    玩具旗舰店实验报告1《Web 基础实训》课程设计报告玩具旗舰店姓 名:高悦班 级:1704学 号:2115170050完成时间:2018.7.12淮阴师范学院计算机与信息科学学院2018-7-12玩具旗舰店实验报告21 总体设计1.1功能模块设计网站从功能模块的角度上划分为以下几个功能模块:首页、产品展示、新闻动态、关于我们、留言板五大部分,以下是该网站的功能模块图见下图2-1:图 2-1 网站模块图以下是各个模块具体实现功能介绍:1.首页(1)产品展示、新品上市,六张产品的图片以及对应图片的信息链接(2)玩具知识以及新闻动态,加上文章的链接2.产品展示(1)九张产品的图片以及对应图片的信息链接3.新闻动态(1)文章的链接4.关于我们(1)一张图片以及文字的介绍5.留言板(1)可填写用户名字、邮箱、建议、满意度玩具旗舰店网站首页推荐产品产品展示新品上市产品列表新闻动态文章列表公司介绍关于我们留言板留言板玩具知识新闻动态玩具旗舰店实验报告32 模块实现2.1基础模块的实现1.1.1 首先将网页进行分块,在 container 中总共分为三大块“header、main、footer”分块代码的实现:在“style”中根据需要分别设置高度、宽度、背景色,实现分块的目的1.1.2 设置 header,只需添加背景色和文字#header{height:100px;background-color:#FFA500;line-height:72px;}玩具旗舰店实验报告4TEMPLATE1.1.3 设置 main 的分块1.1.3.1 根据需要,分成五个小快“a,b,c,d,e”,分块代码的实现:首页产品展示新闻动态 每块都需要在 style 中实设置宽度、高度关于我们留言板 每个块都需要有相应的链接来链接到另几个网页例(a):首 页 另外几个以此类推达到网页间相互链接的目的块内背景代码的实现:当浏览该网页时,块内背景呈现橙色,只需改动“background-color: #FFA500”普通背景为图片”xian1.gif”的实现#line1{height:10px;width:80%;background-image:url(xian.gif);}1.1.3.2 设置插入图片的块,同前面代码先分好图片的块,设置好高度、宽度,再进行图片的插入#xiong img{height:383px;width:100%;玩具旗舰店实验报告5padding-top:6px; }1.1.3.3 设置产品分类(chanfen)的块此块要注意不同分类字体的大小、颜色(font-size;color) 、模式(是否有链接)注意换行的字符、链接文字去掉下划线“text-decoration:none”、无序列表标签“”,去掉小圆点“list-style:none”例:填充玩具 泰迪熊动物玩具 气球充气玩具1.1.3.4 设置在线客服的块代码类型与产品分类的块类似,其次需要插入 qq 的小图标, “vertical-align:bottom”的使用在线客服客服一玩具旗舰店实验报告6客服二1.1.4 设置 footer 模块分成三行,需要注意文字的链接,颜色,位置代码:#zuihou{text-align:center;padding-top:8px;color:grey;}#zuihou1 a:link{color:grey;} #zuihou3 a:link{color:grey;}首页|关于我们|联系我们|2015 玩具 版权所有技术支持:凡科建站|手机版|管理登录|玩具旗舰店实验报告72.2首页模块的实现2.2.1 设置“tupian1” “tupian2”这两个模块都起着产品展示的作用,每个图片的下方需要有商品信息的链接,为了达到美观的目的,图片需要相同格式,相同大小,看起来整齐,此处也需要用“float”来实现图片的浮动例:#tupian1{height:330px;width:725px;background-color:white; float:right;}推荐产品猪妈妈width:725px;background-color:white; float:right;}产品列表 玩具旗舰店实验报告9乔治 width:725px;background-color:white; float:right;}文章列表玩具旗舰店实验报告10庆祝我公司网站开通 2011-05-30网易美琪公推扭蛋玩具周游周边 2011-05-30深圳 80 家玩具企业去年退市 2011-05-30
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

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

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