当前位置:首页>> >>


_自主学习课程网页.rar

收藏

资源目录
    文档预览:
    编号:20181030004040229    类型:共享资源    大小:21.85MB    格式:RAR    上传时间:2018-10-30
    尺寸:148x200像素    分辨率:72dpi   颜色:RGB    工具:   
    18
    金币
    关 键 词:
    自主 学习 课程 网页
    资源描述:
    《Web 基础实训》课程设计报告蓝铅笔自主学习课程网页姓 名:张心依班 级:1704学 号:2115170080完成时间:2018.7.11淮阴师范学院计算机科学与技术学院2018-7-121 总体设计1.1 功能模块设计系统从功能模块的角度上划分为以下几个功能模块:首页、登录、注册、课程学习,问题反馈五大部分,以下是该系统的功能模块图见下图2-1:图 2-1 系统模块图以下是各个模块具体实现功能介绍:1.首页(1)登录/注册:连接到登录和注册页面(2)导航栏:可浮动,可连接到需要的页面(3)关于我们:介绍该网站的一些信息2.登录(1)手机号:请输入注册时的手机号。(2)密码:请输入注册时的密码,并按登录键。3.注册(1)动态码:根据注册用户输入的手机号码,发送验证码到该手机上来获得注册所需要的动态码。蓝铅笔自主学习课程首页登录注册登录导航关于我们们手机号密码注册动态码验证码课程信息反馈类型课程学习问题反馈浏览器使用系统问题描述上传文件(2)验证码:根据图片填写相应的信息。4.课程学习(1)课程信息:介绍该课程的教学内容和教学方式。5.问题反馈(1)反馈类型:填写该反馈的是电脑或是手机端。(2)使用系统:用户的手机/电脑所使用的系统。(3)浏览器:用户使用的浏览器类型。(4)问题描述:用户对产生的问题进行简单的文本描述(5)上传文件:用户可以上传相应的文件2 系统实现1.1 用户模块的实现本页面为自主学习课程的用户提供注册功能,根据用户填写的手机号获取动态码,再输入验证码,按下一步键可以设置密码的相关信息,然后注册完成。4.1.1 用户注册界面,如图所示:注册页面 #container{}#header{height:132px;background-image:url(images/3.png);background-repeat:no-repeat;background-size: auto 100%;margin-left:-150px;margin:0px auto;}#header img{margin-top:15px;margin-left:350px;}#header_link{float:right;margin-top:0px;margin-right:-100px;font-size:12px;}#header_link a:link{text-decoration:none;}#header_link a:visited{}#main{height:550px;width:1280px;margin:0px auto;}#main_welcome{width:1200px;height:120px;margin:0px auto;background-color:“white“;background-repeat:no-repeat;background-position:0px 0px;}#main_welcome img{margin-top:0px;margin-left:-150px;}#returnTop {left: : 0px;}.returnTop li em {display: inline-block;font-size: 14px;color: #fff;width: 60px;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;text-decoration-skip: objects;}address, cite, dfn, em, i {font-style: normal;}a {color: #212B34;}.returnTop li {line-height: 40px;}.returnTop {z-index: 17;position: fixed;left: 0px;bottom: 140px;width: 114px;}ul, li,p {list-style: none;}#about-subnav{list-style-type:none;margin:0;padding:0;overflow:hidden;}#about-subnav_active{float:left;}a:link,a:visited{display:block;width:120px;font-weight:bold;color:#FFFFFF;background-color:#bebebe;text-align:center;padding:4px;text-decoration:none;text-transform:uppercase;}a:hover,a:active{background-color:#1E90FF;}#main_line{height:1px;width:90%;background-image:url(images/register_dotted.gif);margin:0px auto;}#main_form{width:100%;margin:180px 350px 350px 250px;}#main_form input{width:350px;height:30px;}#container{width:960px;margin:0px auto;}#bottom_btn btn-bgblue btn-large log-button {margin-left:850px;}#footer{margin-left:-150px;}首页绘画教程反馈问题返回顶部登录手机号:动态码: 验证码: 下一步注册页面 #container{}#header{height:132px;background-image:url(images/3.png);background-repeat:no-repeat;background-size: auto 100%;margin-left:-150px;margin:0px auto;}#header img{margin-top:15px;margin-left:350px;}#header_link{float:right;margin-top:30px;margin-right:0px;font-size:12px;}#header_link a:link{text-decoration:none;}#header_link a:visited{}#main{height:650px;width:1280px;margin:0px auto;}#main_welcome{width:1200px;height:120px;margin:0px auto;background-color:“white“;background-repeat:no-repeat;background-position:0px 0px;}#main_welcome img{margin-top:0px;margin-left:-350px;}#main_form{width:100%;margin:330px 250px 350px 250px;}#main_form input{width:350px;height:30px;}#container{width:960px;margin:0px auto;}#footer{margin-left:-150px;width:100%;}登录输入密码: 确认密码:
    展开阅读全文
    1
      金牌文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    0条评论

    还可以输入200字符

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

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