当前位置:首页>> >>


SANCTUARY.rar

收藏

资源目录
    文档预览:
    编号:20181030004000911    类型:共享资源    大小:86.97MB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    18
    金币
    关 键 词:
    SANCTUARY
    资源描述:
    课程设计报告《Web 基础实训》课程设计报告SANCTUARY姓 名:方万红 班 级:1703学 号:2115170003完成时间:2018.7.12淮阴师范学院计算机与信息科学学院2018-7-12课程设计报告目录1 总体设计 ...............................................21.1 功能模块设计 ......................................22 网页实现 ...............................................42.1 头部(header): ..................................42.1.1 错误与解决 ....................................42.1.2 源代码: ......................................42.2 尾部(footer): ..................................72.2.1 源代码: ......................................72.3 首页 ..............................................92.3.1 错误与解决 ...................................102.3.2 源代码: .....................................102.4 注册(register) .................................162.4.1 错误与解决 ...................................162.4.2 源代码: .....................................162.5 登录: ...........................................222.5.1 错误与解决 ...................................232.5.2 源代码: .....................................232.6 联系我们(contact) ..............................272.6.1 错误分析与解决 ...............................272.6.2 源代码: .....................................272.7 瓶中信(Meassage in a bottle) ...................32课程设计报告2.7.1 错误与解决 ...................................322.7.2 源代码: .....................................333 总结 ..................................................351总体设计1.1 功能模块设计系统从功能模块的角度上划分为以下几个功能模块:首页、注册、登陆、瓶中信、联系我们五大部分,以下是该系统的功能模块图见下图 2-1:首 页瓶 中 信联 系 我 们登 陆注 册图 2-1 系统模块图在各个网页中,点击图标或者文字直接跳转到相应网页以下是各个模块具体实现功能介绍:1. 首页(homepage)课程设计报告首页包括导航菜单、新闻、LIVE、ending 图和尾部。点击图标或文字可以直接跳转到相应的界面。2. 注册(register)用户通过填写注册账号、会员名以及一些基本信息注册会员,或者,直接通过 Facebook、weibo 直接登陆。3. 登陆(log_in)用户通过提示填写注册时的邮箱或者手机号及密码,直接登陆会员。或者,直接通过 Facebook、weibo 直接登陆。4. 联系我们(contact)对于用户的意见与留言,专门设置了“联系我们”界面,实现了开发商对于用户意见的改进。5. 瓶中信(Meassage in a bottle)瓶中信又分为“我的瓶子” “扔瓶子”和“捡瓶子”功能。我的瓶子:点击图标,弹出界面并显示已捡到和已扔的瓶子;扔瓶子:点击图标,弹出界面写下内容扔出瓶子;捡瓶子:点击图标,捡别的用户扔下的瓶子;点击“SANCTUARY”图标,跳转到首页。2 网页实现为了简化设计,统一网页风格,方便检查错误,首先分别制作了头部和尾部。2.1 头部(header):2.1.1 错误与解决1. 在插入 logo 时,和下标题距离太远。logo 太大,导致覆盖范围较多。课程设计报告改进:调整 logo 大小,并调整 logo 的间距2.1.2 源代码:headerbody{background-color:#F7F7F7;}div{margin:0 auto;text-align:center;letter-spacing: 5px;text-decoration: none;}#header_link{float:right;font-size:14px;font-family: 黑体;margin-top;-100px;}#header_link a:link{text-decoration: none;color:black;}#header_link a:visited{color:grey;}课程设计报告#header_link a:hover{color:blue;}}#header_link a:active{color:red;}#logo{margin-top:10px;margin-left:100px;}#title ul{list-style:none;}#li{font-weight: bold;font-size: 12px;width:52px;list-style:none;float:left;}#title ul li{float:left;margin-top:0px;margin-left:50px;}课程设计报告首页 | 注册 | 登录 | 联系我们SANCTUARYNEWSSOCIALVIDEOSPHOTOSVIPLIVEMALLMessage in A Bottle2.2 尾部(footer)课程设计报告2.2.1 源代码:div{margin:0 auto;text-align:center;}Copyright 仅供娱乐,如有雷同,纯属巧合课程设计报告2.3 图片轮播(cycle)为了避免代码太过复杂,容易混乱。另制作了图片轮播,然后插入到首页2.3.1 错误与与解决1. 没接触过,只能上网查询。2. 图片能显示,但是不能循环播放改进:未进入 jqery2.3.2 源代码jQuery 图片轮换效果课程设计报告*{margin:0px;padding:0px;text-align:center;background-color:#F7F7F7;}#banner{width:320px;height:400px;margin:0px auto;position:relative;/*相对定位,相对于.btn 按钮*/text-align:left;maigin-left:100px;}.pic image {display:block;/*默认有图片不显示*/position:absolute;/*绝对定位.对应的是.pic 这个 div*/top:0px;left:0px;}.pic a{display:none;}.pic{ /*专门显现图片区*/position:relative;/*相对定位.对应.pic img*/width:600px;height:370px;}.btn{width:150px;
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

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

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