精华内容
下载资源
问答
  • Web前端开发技术作业

    千次阅读 2019-09-11 20:43:39
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...meta ...

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>教育信息化十三五规划报告</title>
    </head>

    <body>
        <h1 align="center"><b>2016-2021年教育信息化行业深度分析及"十三五"发展规划指导报告</b></h1>
        <hr size='2'color="purple" />
        <br />
        <br />
        <pre>
            细分报告:    教育信息化市场研究报告    教育信息化市场评估报告
                        教育信息化深度研究报告    教育信息化市场分析报告
                            教育信息化投资规划报告    教育信息化发展前景报告 
                            教育信息化项目调研报告    教育信息化投资前景报告
        </pre>
        <br />
        <hr size='1'color="orange" />
        <h1 align="left">
            <b>
                报告导读
            </b>
        </h1>
        <p> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 本报告从国际教育信息化发展、国内教育信息化政策环境及发展、研发动态、进出口情况、重点生产企
        业、存在的问题及对策等多方面多角度阐述了教育信息化市场的发展,并在此基础上对教育信息化的发展
        前景做出了科学的预测,最后对教育信息化投资潜力进行了分析。 </p>
        <br />
        <br />
        <h1 align="left">
            <b>
                郑重声明
            </b>
        </h1>
        <p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 本报告由中国报告大厅出版发行,报告著作权归字博智业所有。本报告是宇博智业的研究与统
        计成果,有偿提供给购买报告的客户使用。未获得字博智业书面授权,任何网站或媒体不得转载或引用,否则宇博智业有权依法    追究其法律责            任,如需订阅研究报告,请直接联系本网站,以便获得全程优质完善服务。</p>
        <br />
        <br />
        <br />
        <br />
        <hr size='1'color="orange" />
        <p align="center">
            Copyrignt&copy;&nbsp中国报告大厅&nbsp京ICP备11010647号-2京公网安备11010502024380
        </p>
        
    </body>
    </html>

     

     


     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无序列表实现新闻显示</title>
        <style type="text/css">
            #p1{background:#999;margin-top:20px;margin-left:20px;}
            #div2{
                
                border:dashed 1px;
                }
        </style>
            
    </head>

    <body>
    <div id=div2>
        <h2 id="p1">
            科研发展
        </h2>
        <p>
            <b>
            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp高校资讯&nbsp科技前沿&nbsp成果展示&nbsp学术会议
            </b>
        </p>
        <ul type="disc">
        <li>国防科技大学员问鼎2013国际数模竞赛最高奖</li>
        <p></p>
        <li>同济大学教授阮仪三获2014亨利·霍普·里德奖</li>
        <p></p>
        <li>中科大徐春叶教授获2014年国际材料科学奖</li>
        <p></p>
        <li>北京和睦家医院肺癌诊疗会诊中心成立</li>
        <p></p>
        <li>兰州大学博士生获全国优秀博士学位论文提名</li>
        </ul>
        </div>
    </body>
    </html>

    展开全文
  • Web前端开发技术课程大作业,期末考试

    千次阅读 多人点赞 2020-07-27 22:11:19
    Web前端开发技术课程大作业,期末考试作业要求最终界面部分代码呈现index.htmllogin.htmlindex.csslogin.cssswithpic.js完整代码素材下载 作业要求 网站前端程序不仅要能够把用户要求的内容呈现出来,还要满足布局...

    作业要求

    网站前端程序不仅要能够把用户要求的内容呈现出来,还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。
    为此,本次作业的要求主要有:
    (1)登录功能。登陆是对用户的验证,防止非法用户登陆和使用。
    (2)注册功能。注册是对新用户的加入设定的,可以增加游戏用户。
    (3)导航功能。提供完整的系统导航功能,帮助用户快速定位到需要浏览的区域。
    (3)广告轮播。广告轮播实现了重要客户的主要产品核心位置展示功能。
    (4)搜索入口。搜索功能提供客户搜索定位功能,可以帮助客户快速找到需要的产品。
    

    最终界面

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    部分代码呈现

    index.html

    <!doctype html>
    <html lang="en">
    
    <head>
        <title>英雄联盟</title>
        <meta charset="UTF-8">
        <meta name="keywords" content="LOL,腾讯游戏,英雄联盟" />
        <meta name="description" content="LOL,腾讯游戏,英雄联盟" />
    
        <link href="css/index.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="js/qiehuan.js"></script>
        <script type="text/javascript" src="js/switchpic.js"></script>
    </head>
    
    <body onload="init();">
        <div id="topNavBar">
            <input type="text" value="">
            <input type="button" value="搜索" id="where">
            <a href="logon.html" class="nav_on">注册</a> &nbsp;
            <a href="login.html" class="nav_on">登录</a>
        </div>
        <div id="container" class="">
            <div id="header" class="">
                <img src="img/lol_logo.jpg" alt="">
            </div>
            <div id="menu_out">
                <div id="menu_in">
                    <div id="menu">
                        <ul id="nav">
                            <li><a class="nav_on" id="mynav0" onmouseover="javascript:qiehuan(0)" href="#" target="framebody"><span>游戏资料</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(1)" id="mynav1" class="nav_off"><span>游戏商城</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(2)" id="mynav2" class="nav_off"><span>游戏合作</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(3)" id="mynav3" class="nav_off"><span>社区互动</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(4)" id="mynav4" class="nav_off"><span>赛事官网</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(5)" id="mynav5" class="nav_off"><span>自助系统</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(6)" id="mynav6" class="nav_off"><span>游戏视频</span></a></li>
                            <li class="menu_line"></li>
                            <li><a href="#" onmouseover="javascript:qiehuan(7)" id="mynav7" class="nav_off"><span>填写问卷</span></a></li>
                            <li class="menu_line"></li>
                            <li><a class="nav_off" id="mynav8" onmouseover="javascript:qiehuan(8)" href="#"><span>关于网站</span></a></li>
                        </ul>
                        <div id="menu_con">
                            <div id="qh_con0" style="display: block">
                                <ul>
                                    <li><a href="#"><span>游戏下载</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>游戏指引</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="./web_first.html" target="block"><span>资料库</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>云顶之弈</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>攻略中心</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con1" style="display: none">
                                <ul>
                                    <li><a href="#"><span>点卷充值</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>道具城</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>周边商城</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con2" style="display: none">
                                <ul>
                                    <li><a href="#"><span>LOL桌游</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>LOL信用卡</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>网吧特权</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>电竞小说</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con3" style="display: none">
                                <ul>
                                    <li><a href="#"><span>官方社区</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>视频中心</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>官方论坛</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>官方微信</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>官方微博</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con4" style="display: none">
                                <ul>
                                    <li><a href="#"><span>LPL职业联赛</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>LDL发展联赛</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>全球总决赛</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>全明星赛</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>季中杯</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>德玛西亚杯</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>全国高校联赛</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con5" style="display: none">
                                <ul>
                                    <li><a href="#"><span>转区系统</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>封号查询</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>账号注销</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>信誉分系统</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con6" style="display: none">
                                <ul>
                                    <li><a href="#"><span>推荐视频</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>官方视频</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>娱乐视频</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>赛事视频</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>云顶之弈视频</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>教学视频</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con7" style="display: none">
                                <ul>
                                    <li><a href="web_question.html" target="block"><span>填写问卷</span></a></li>
                                </ul>
                            </div>
                            <div id="qh_con8" style="display: none">
                                <ul>
                                    <li><a href="#"><span>联系客服</span></a></li>
                                    <li class="menu_line2"></li>
                                    <li><a href="#"><span>网站作者</span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="main">
                <div id="top" class="">
                    <a href="#"><img id="pic" src="img/example1.jpg" border="0" alt="" onmouseover="pause();" onmouseout="reStart();"></a>
                </div>
    
                <div id="down" class="">
                    <iframe name="framebody" src="web_first.html"></iframe>
                </div>
            </div>
            <div class="bottom">
                <ul>
                    <li><strong>友情链接:</strong>
                        <select size="1" name="d1" onchange="window.open(this.options[this.selectedindex].value)">
                            <option>
                                知名游戏厂家&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </option>
                            <option value="https://game.qq.com/portal2010/about.htm">腾讯游戏</option>
                            <option value="https://www.activisionblizzard.com/">动视暴雪</option>
                            <option value="https://www.microsoft.com/zh-cn/">微软游戏工作室</option>
                            <option value="https://www.apple.com.cn/">苹果</option>
                            <option value="https://www.sony.com.cn/">索尼</option>
                        </select>
                        <select size="1" name="d1" onchange="window.open(this.options[this.selectedindex].value)">
                            <option>
                                优秀游戏连接&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </option>
                            <option value="https://pubg.qq.com/">绝地求生</option>
                            <option value="https://dnf.qq.com/">地下城与勇士</option>
                            <option value="http://www.m3guo.com/v2/">梦三国</option>
                            <option value="https://wow.blizzard.cn/landing">魔兽世界</option>
                            <option value="https://xyq.163.com/">梦幻西游</option>
                            <option value="https://wuxia.qq.com/">天涯明月刀</option>
                        </select>
                    </li>
                    <li>
                        腾讯游戏&nbsp;·&nbsp;英雄联盟&nbsp;&nbsp;LOL 1998-2020&copy;保留所有权利,未经允许不得复制、镜像</li>
                </ul>
            </div>
        </div>
    </body>
    
    </html>
    

    login.html

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>登陆界面</title>
        <link href="css/login.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <div class="dowebok">
            <div class="logo"></div>
            <div class="form-item">
                <input id="username" type="text" autocomplete="off" placeholder="账号">
            </div>
            <div class="form-item">
                <input id="password" type="password" autocomplete="off" placeholder="登录密码">
            </div>
            <div class="form-item">
                <a href="index.html"><button id="submit">登 录</button></a>
            </div>
        </div>
    </body>
    
    </html>
    

    index.css

                @charset "utf-8";
                * {
                    font-size: 12px;
                    font-family: Arial, Helvetica, sans-serif;
                }
                
                body {
                    margin: 0px auto;
                    padding: 0px;
                    text-align: center;
                    position: relative;
                }
                
                #topNavBar {
                    position: absolute;
                    margin-left: 290px;
                    font-size: 20px;
                }
                
                #topNavBar a {
                    font-size: 12px;
                }
                
                #topNavBar a:link {
                    color: white;
                    text-decoration: none;
                }
                
                #topNavBar a:visited {
                    color: white;
                    text-decoration: none;
                }
                
                #topNavBar a:hover {
                    color: white;
                    text-decoration: none;
                }
                
                #topNavBar a:active {
                    color: white;
                    text-decoration: none;
                }
                
                #where {
                    margin-right: 660px;
                }
                
                #container {
                    width: 960px;
                    padding: 0 auto;
                    margin: 0 auto;
                }
                
                img {
                    width: 960px;
                    height: auto;
                }
                
                #menu ul {
                    padding: 0;
                    border: 0;
                    list-style: none;
                    line-height: 150%;
                    margin-top: 0;
                    margin-right: 0;
                    margin-bottom: 0;
                    margin-left: 40px;
                }
                
                #menu li {
                    color: white;
                }
                
                #menu_out {
                    width: 960px;
                    padding-left: 4px;
                    margin-left: auto;
                    margin-right: auto;
                    background: url("../img/menu_left.gif") no-repeat left top;
                    overflow: hidden;
                    /* ����������� */
                }
                
                #menu_in {
                    background: url("../img/menu_right.gif") no-repeat right top;
                    padding-right: 4px;
                }
                
                #menu {
                    background: url("../img/menu_bg.gif") repeat-x;
                    height: 73px;
                    width: 960px;
                }
                
                .menu_line {
                    background: url("../img/menu_line.gif") no-repeat center top;
                    width: 8px;
                }
                
                .menu_line2 {
                    background: url("../img/menu_line2.gif") no-repeat center top;
                    width: 15px;
                }
                
                #nav {
                    padding-left: 20px;
                    width: 960px;
                }
                
                #nav li {
                    float: left;
                    height: 35px;
                }
                
                #nav li a {
                    float: left;
                    display: block;
                    padding-left: 6px;
                    height: 35px;
                    background: url("../img/menu_on_left.gif") no-repeat left top;
                    cursor: pointer;
                    text-decoration: none;
                }
                
                #nav li a span {
                    float: left;
                    padding: 11px 14px 10px 10px;
                    line-height: 14px;
                    background: url("../img/menu_on_right.gif") no-repeat right top;
                    font-size: 14px;
                    font-weight: bold;
                    color: #FFFFFF;
                    text-decoration: none;
                }
                
                #nav li .nav_on {
                    background-position: left 100%;
                }
                
                #nav li .nav_on span {
                    background-position: right 100%;
                    color: #333333;
                    text-decoration: none;
                    padding: 14px 14px 7px 10px;
                }
                
                #menu_con {
                    text-align: left;
                    padding-left: 20px;
                    clear: both;
                }
                
                #menu_con li {
                    float: left;
                    height: 22px;
                    margin-top: 8px;
                }
                
                #menu_con li a {
                    display: block;
                    float: left;
                    background: url("../img/menu_on_left2.gif") no-repeat left top;
                    cursor: pointer;
                    padding-left: 3px;
                }
                
                #menu_con li a span {
                    float: left;
                    padding: 6px 10px 4px 10px;
                    line-height: 12px;
                    background: url("../img/menu_on_right2.gif") no-repeat right top;
                    color: black;
                }
                
                #menu_con li a:hover {
                    text-decoration: none;
                    background: url("../img/menu_on_left2.gif") no-repeat left bottom;
                }
                
                #menu_con li a:hover span {
                    background: url("../img/menu_on_right2.gif") no-repeat right bottom;
                }
                
                #main {
                    width: 960px;
                    height: 300px;
                }
                
                #top {
                    width: 960px;
                    height: auto;
                    border: 1px solid white;
                }
                
                #top img {
                    width: 960px;
                    height: 489px;
                }
                
                #down {
                    width: 960px;
                    height: 500px;
                    margin: 0 auto;
                }
                
                #down iframe {
                    width: 960px;
                    height: 500px;
                    border: 0px;
                    padding: 0px;
                    margin: 0px;
                }
                
                .bottom {
                    clear: both;
                    height: 80px;
                    background: #000000;
                    text-align: center;
                    padding-top: 20px;
                    color: white;
                    font-size: 18px;
                    width: 960px;
                    margin-top: 694px;
                    /* please */
                }
                
                .bottom ul {
                    list-style: none;
                    color: white;
                }
    

    login.css

    * {
        margin: 0;
        padding: 0;
    }
    
    html {
        height: 100%;
    }
    
    body {
        height: 100%;
        background: #fff url(../img/example1.jpg) 50% 50% no-repeat;
        background-size: cover;
    }
    
    .dowebok {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 430px;
        height: 550px;
        margin: -300px 0 0 -215px;
        border: 1px solid #fff;
        border-radius: 20px;
        overflow: hidden;
    }
    
    .logo {
        width: 200px;
        height: 100px;
        margin-top: 130px;
        margin-bottom: 70px;
        margin-left: 130px;
        background: url(../img/logo-public.png) 0 0 no-repeat;
    }
    
    .form-item {
        position: relative;
        width: 360px;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    
    .form-item input {
        width: 288px;
        height: 48px;
        padding-left: 70px;
        border: 1px solid #fff;
        border-radius: 25px;
        font-size: 18px;
        color: #fff;
        background-color: transparent;
        outline: none;
    }
    
    .form-item button {
        width: 360px;
        height: 50px;
        border: 0;
        border-radius: 25px;
        font-size: 18px;
        color: #1f6f4a;
        outline: none;
        cursor: pointer;
        background-color: #fff;
    }
    
    .tip {
        display: none;
        position: absolute;
        left: 20px;
        top: 52px;
        font-size: 14px;
        color: #f50;
    }
    
    .reg-bar {
        width: 360px;
        margin: 20px auto 0;
        font-size: 14px;
        overflow: hidden;
    }
    
    .reg-bar a {
        color: #fff;
        text-decoration: none;
    }
    
    .reg-bar a:hover {
        text-decoration: underline;
    }
    
    .reg-bar .reg {
        float: left;
    }
    
    .reg-bar .forget {
        float: right;
    }
    
    .dowebok ::-webkit-input-placeholder {
        font-size: 18px;
        line-height: 1.4;
        color: #fff;
    }
    
    .dowebok :-moz-placeholder {
        font-size: 18px;
        line-height: 1.4;
        color: #fff;
    }
    
    .dowebok ::-moz-placeholder {
        font-size: 18px;
        line-height: 1.4;
        color: #fff;
    }
    
    .dowebok :-ms-input-placeholder {
        font-size: 18px;
        line-height: 1.4;
        color: #fff;
    }
    
    @media screen and (max-width: 500px) {
        * {
            box-sizing: border-box;
        }
        .dowebok {
            position: static;
            width: auto;
            height: auto;
            margin: 0 30px;
            border: 0;
            border-radius: 0;
        }
        .logo {
            margin: 50px auto;
        }
        .form-item {
            width: auto;
        }
        .form-item input,
        .form-item button,
        .reg-bar {
            width: 100%;
        }
    }
    

    swithpic.js

     /* switchpic.js */
     var CurScreen = 1;
     var MaxScreen = 7;
     var timer = null;
    
     function $(id) { return document.getElementById(id); }
    
     function switchPic() {
         if (CurScreen == MaxScreen) { CurScreen = 1; } else { CurScreen++; }
         $("pic").src = "img/example" + CurScreen + ".jpg";
     }
    
     function reStart() {
         switchPic();
         init();
     }
    
     function pause() {
         clearInterval(timer);
     }
    
     function init() {
         timer = setInterval('switchPic();', 1000);
     }
    

    完整代码素材下载

    完整代码已经上传至我个人的csdn资源中
    可以进入我的个人csdn进行下载期末大作业 我的web.rar文件
    下载链接:期末大作业 我的web.rar

    展开全文
  • web前端开发技术期末大作业 网页规划与制造,做得不深 但是还是满足期末大作业的 分享一下 题目: 此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术(如结合...

    web前端开发技术期末大作业 网页规划与制造,做得不深 但是还是满足期末大作业的 分享一下
    在这里插入图片描述

    题目:
    此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术(如结合使用CSS及表格、DIV、框架等技术),完成各页面的布局设计。

    工具:
    EditPlus

    一、所需文件

    在这里插入图片描述

    二、网页效果(模仿游戏官网)

    A.首页效果
    在这里插入图片描述
    B.游戏介绍
    假装有图


    C.游戏攻略
    在这里插入图片描述
    D.手办商城
    在这里插入图片描述
    E.问卷调查
    假装有图


    F.加入我们
    …懒了
    …哈哈


    三、部分代码

    首页HTML

    <!DOCTYPE html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>主页</title>
       <link rel="stylesheet" href="css/index.css">
       <script src="js/index.js" charset="gb2312"></script>
     </head>
     <body>
     <embed src="audios/attack.mp3" width=0 height=0 type=audio/mpeg loop="-1" autostart="true" volume="0"></embed>			<!-- 音乐 -->
     <div id="container">				<!-- 大框 -->
    	<div id="header">			<!-- 1 头部-->
    		<div id="logo"></div>		<!-- 1左  logo -->
    		<div id="select_search">	<!-- 1右  搜索-->
    			<table height="80px" align="right" >
    				<tr align="right">
    					<td colspan="4">
    						<select id="sel">
    							<option selected>简体中文</option>
    							<option >繁体中文</option>
    							<option >English</option>
    						</select>
    					</td>
    				</tr>
    				<tr align="right">
    					<td><font size="2">关键词:</font></td>
    					<td><input type="text" size="25"></td>
    					<td><input type="image" src="images/搜索.png"></td>
    				</tr>
    			</table>
    		</div>
    		
    	</div>
    	<div id="nav">		<!-- 2  导航栏-->
    		<table>
    			<td id="line.png"><a href="index.html">首页</a></td>
    			<td id="line.png"><a href="game_introduction.html">游戏介绍</a></td>
    			<td id="line.png"><a href="game_tips.html">游戏攻略</a></td>
    			<td id="line.png"><a href="toy.html">手办商城</a></td>
    			<td id="line.png"><a href="survey.html">问卷调查</a></td>
    			<td id="line.png"><a href="join.html">加入我们</a></td>
    			
    		</table>
    	</div>
    	<div id="bao">		<!-- 3  图片轮播-->
    		<div id="photo">
    			<img src="images/a.png" >
    			<img src="images/b.png" >
    			<img src="images/c.png" >
    			<img src="images/e.png" >
    			<img src="images/f.png" >
    		</div>
    	</div >
    	<div id="main">		<!-- 4  左中右-->
    		<div id="left">		<!--  4左   咨询-->
    			<img src="images/游戏资料.png" width="262ox" height="50px">
    			<ul>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_biz=18&tid=518558">打野位置能拿MVP的不传之秘!<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_biz=18&tid=519143">新版梦奇铭文出装玩法全解析<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_biz=18&tid=519427">如何理解斩杀线与控血概念?<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_Biz=18&tid=512793">李白刮痧,操作太难,试试兰陵王<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/v/detail.shtml?G_Biz=18&tid=719852&e_code=pvpweb.dpvlist.r4">“红烧流”庄周<a>&nbsp;2021-05-09</li>
    				<li><a href="https://pvp.qq.com/web201605/newsDetail.shtml?G_Biz=18&tid=362130">你强任你强,墨子东皇加张良<a>&nbsp;2021-05-09</li>
    			</ul>
    		</div>
    		<div id="center">	<!-- 4中  图片滚动-->
    			<marquee onmouseover="this.stop()" onmouseout="this.start()">
    				<img src="images/滚1.png" border="0" width="400px" height="230px">
    				<img src="images/滚2.jpg" border="0" width="400px" height="230px">
    				<img src="images/滚3.jpg" border="0" width="400px" height="230px">
    				<img src="images/滚4.jpg" border="0" width="400px" height="230px">
    				<img src="images/滚5.png" border="0" width="400px" height="230px">
    			</marquee>
    		</div>
    		<div id="right">		<!-- 4右 登录-->
    			<img id="ri" src="images/欢迎登录.png" width="250" height="50px"><br/>
    			<form action="" id="fo">
    				<table align="center" class="register">
    					<tr>
    						<td>用户名</td>
    						<td><input type="text" id="user01" maxlength="11" placeholder="请输入您的用户名" required/></td>
    						<td ><input type="submit" value="登录"></td>
    					</tr>
    
    					<tr id="fot">
    						<td>密码</td>
    						<td><input type="password" id="password01" maxlength="16" placeholder="请输入密码......" required/></td>	<td><input  type="reset"></td>
    					</tr>
    				</table>
    			</form> 
    			<div class="wjmmzczh">
    				<a href="#" >忘记密码</a>
    				<a href="#" id="zc">注册账号</a>
    			</div>
    		</div>
    	</div>	
    	<div id="comment">		<!-- 5 留言区-->
    		<h2 >留言板</h2>
    		<hr size="2px" color="#b5b5b5" width="990px" align="left">
    		<form>
    			<table align="center">
    				<tr>
    					<td>用户名:</td>
    					<td><input type="text"/></td>
    					<td>Wechat:</td>
    					<td><input type="text"/></td>
    					<td>留言时间:</td>
    					<td><input type="text"/></td>
    				</tr>
    				<tr>
    					<td >留言内容:</td>
    					<td colspan="5"><textarea id="txt" cols="100" rows="3" placeholder="评论的时候,请遵纪守法并注意语言文明"></textarea></td>
                  
    				</tr>
    
    				<tr >
    					<td colspan="2"><input type="submit" value="提交留言"></th>
    					<td colspan="2"><input type="reset" value="重置内容"></th>
    				</tr>
    			</table>
    		</form>
    	</div>
    
    	<div id="footer" >		<!-- 6 版权区-->
    		<p class="p1">Copyright&nbsp;&copy;&nbsp;2021&nbsp;<span>i&nbsp;an</span>,All&nbsp;rights&nbsp;reserved.</p>
    		<p class="p2">2021,版权所有&nbsp;&nbsp;85CP备13385453</p>
    	</div>
     </div>
      
     </body>
    </html>
    
    

    首页CSS

    /*index.css*/
    *{
    	
    	font-family:楷体; /*全文字体*/
    }
    #container{
    	margin:0 auto;			/*   内外边距去除,字体大小为12px */
    	padding:0 auto;font-size:12px;
    }
    #header{			/*1 头部*/
    	width:990px;
    	height:80px;
    }
    #logo{	/*  1左上 logo */
    	width:300px;
    	height:80px;
    	float:left;
    	background:#FFFFFF url("../images/王者荣耀logo.png") no-repeat left bottom;
    	
    }
    #select_search{			/*	 1右	  搜索*/
    	width:690px;
    	height:80px;
    	font-size:20px
    	background:#FFFFFF;
    	float:left;
    }
    #nav{				/*		2  导航栏  */
    	clear:both;
    	width:990px;
    	height:40px;
    	font-size:18px;
    	background-image:url("../images/导航背景.png")
    }
    #nav a:hover{
    	color:#Bf0000;
    	text-decoration:none;
    }
    #nav td{
    	width:165px;
    	height:40px;
    	text-align:center;
    	vertical-align:middle; 
    }
    table{
    	line-height:1.5em
    }
    #bao{					/*  3图片轮播  */
    	width: 990px;
    	height: 500px;
    	overflow: hidden;
    }
    #photo {			
    	width: 5940px;
    	animation: switch 15s ease-out infinite;
    }
    #photo > img {
    	float: left;
    	width: 990px;
    	height: 500px;
    }
    @keyframes switch {
    	0%, 5% {
    		margin-left: 0;
    	}
    	20%, 30% {
    		margin-left: -990px;
    	}
    	40%, 55% {
    		margin-left: -1980px;
    	}
    	60%, 75% {
    		margin-left: -2970px;
    	}
    	85%, 100% {
    		margin-left: -3960px;
    	}
    }
    
    #main{				/* 4   */
    	width:990px;
    	height:230px;
    	border-bottom:5px ridge #DEDEDE;
    	float:left;
    	clear:both
    }
    #left{		/*4左*/
    	width:260px;
    	height:230px;
    	background:#EEFFDD;
    	float:left;
    	background-image:url("../images/left背景.png")
    	/*border-right:10px solid #FFFFFF*/
    }
    a:link,a:visited,a:active{
    	text-decoration:none;
    }
    a:link,a:visited,a:active{
    	color:#828282;
    }
    ul{
    	list-style:none;
    	padding-left:10px;
    	line-height:1.8em
    }
    #left li{
    	border-bottom:1px dotted #009900;
    }
    #left a:hover{
    	color:#Bf0000;
    	text-decoration:underline
    }
    #center{		/*4中*/
    	width:480px;
    	height:230px;
    	float:left;
    	/*border-right:5px solid #FFFFFF;*/
    	background-image:url("../images/滚底.png")
    }
    #right{		/*4右  登录部分*/
    	width:250px;
    	height:230px;
    	background:#EEFFDD;
    	float:left;
    	background-image:url("../images/right背景.png")
    }
    .register{
    	flex: 40%;
    	padding-top: 20px; 
    }
    .wjmmzczh{
    	padding-left: 50px;
    	padding-top: 20px;
    }
    #zczh{
    	padding-left: 50px;
    }
    #biaodan{
    	padding-top: 20px;
    }
    h2{
    	font-size:30px;
    	font-family:宋体;
    	font-style:bolder;
    	color:#ffff00;
    	margin:0
    }
    #comment{		/*5  评论区*/
    	clear:both;
    	width:990px;
    	height:210px;
    	background-image:url("../images/留言底.jpg");
    	float:left
    }
    input{ 
    	vertical-align: middle;
    } /*垂直居中*/
    #footer{			/*6 尾部*/
    	clear:both;
    	width:990px;
    	height: 60px;
    	background: #330033;
    	text-align: center;
    	line-height: 10px;
    	float:left
    }
    #footer p{ 
    	color: #ffff00;
    	font-size: 15px;
    	opacity: 0.7; 
    }
    .p1{ 
    	margin: 0;
    	padding: 15px 0 5px 0;
    }
    .p2{ 
    	margin: 0;
    	padding: 5px 0;
    }
    #footer span{
    	color: #aaffff;
    }
    
    

    首页登录表单JS

    window.onload=function(){
        if(document.getElementById("fo") != null){
            document.getElementById("fo").onsubmit=function(){
                var yhm = document.getElementById("user01");
                var mm = document.getElementById("password01");
    
                if(!(/^1\d{10}$/.test(yhm.value))){          /*用正则表达式,检查输入的用户名格式是否为以1开头的11位数*/
                    alert("输入用户名格式错误,请重新输入以1开头的11位数用户名!");
                    return false;
                }
    
                if (mm.value != 12345) {
                    alert("密码输入错误,请重新输入!");
                    return false;
                }
               /* return ture;*/
            }
        }
    }
    
    
    
    

    首页评论区表单JS

    /*留言板块*/
    
    function checkData(){    /*checkData()的JS脚本函数,以便我们在将表单数据提交到服务器前,能对表单中填写的部分数据的合法性进行必要的检验*/
    		var n = document.getElementById("n").value;/*var obj = document.getElementById(页面元素id)*/
    		var x = document.getElementById("x").value;
    		var t = document.getElementById("t").value;
    		var txt = document.getElementById("txt").value;
    		if(!n)
    		{
    			alert("请输入用户名!");
    			return false;
    		}
    		else if(!x)
    		{
    			alert("请输入wechat!");
    			return false;
    		}
    		else if(!t)
    		{
    			alert("请输入留言时间");
    			return false;
    		}
    		else if(!txt)
    		{
    			alert("请输入留言内容");
    			return false;
    		}
    		
    		return true;
    }
    function check(){
    		var r = checkData(); 
    		return r;
    }
    

    在这里插入图片描述

    做得不太好,请多多包涵菜鸟,球球了,
    图片素材来自网络,侵删

    要源码,三连蟹蟹

    要源码,三连蟹蟹

    要源码,三连蟹蟹

    想直接拿就在这里

    资源

    展开全文
  • Web技术作业

    2021-05-05 23:55:06
    一、 大作业任务概述 采用 SSM 框架来实现一个基于 Web 的用户管理系统,要求具有以下功能: (1)提供用户注册,修改个人资料,修改密码,以及登陆,注销等功能, 要实现响应式布局, 当屏幕的分辨 率小于 800px 时,...

    一、 大作业任务概述

    采用 SSM 框架来实现一个基于 Web 的用户管理系统,要求具有以下功能: (1)提供用户注册,修改个人资料,修改密码,以及登陆,注销等功能, 要实现响应式布局, 当屏幕的分辨 率小于 800px 时,左侧的 left 菜单自动隐藏。
    (2)实现用户的信息管理,包括所有用户的信息列表展示,查询,编辑和删除。
    (3)实现文章的信息管理,一个用户可以发表多篇文章。文章管理的首页展示一个 统计信息, 既有列表统计,也有图表显示。点击 进入文章管理进去,可以对所 选用户的文章进行管理, 包括对文章信息的 CRUD 操作。

    二、 系统分析与设计(包括需求分析,总体设计与详细设计,具体体现 MVC 设计模式的应用)

    2.1 需求分析

    2.1.1 标题功能需求

    (1) 登录功能,要求输入正确的账号密码,能进入主界面,错误的账号密码进行错误提示。
    (2) 注册功能,输入姓名,密码,确认密码。要求输入两次密码保持一致。用户注册后直接进入主
    界面,无需重复登录。
    (3) 个人信息管理功能,可以查看自己的个人信息,并修改自己的个人信息。
    (4) 修改密码功能,用户可修改自己的密码。要求输入正确的旧密码才可修改密码。
    (5) 注销功能,确定注销后,直接返回到登录界面。
    (6) 用户管理,点击用户管理后,界面中央显示所有用户信息。
    (7) 编辑用户信息,可选则对应的用户后面的操作,进行编辑用户信息或者删除该用户。
    (8) 用户信息动态查询,可在用户信息列表上方输入框中键入相关信息,下面用户信息列表动态更
    新。
    (9) 新增用户,管理员可新添加一个用户信息。
    (10)文章管理管理系统,点击文章管理后,界面中央将会出现用户文章信息列表,和用户文章的柱
    状图。
    (11)点击某个用户后面的“进入文章管理”会进入该用户的文章管理界面。 (12)用户文章管理界面,可看到对应用户的相关信息,和文章信息。可为用户新增,修改,删除文
    章。
    2.1.2 非功能需求
    (1) 拦截器功能,在没用登录前将拦截用户访问主界面,并返回到登录界面,提示用户进行登录。
    1

    武汉理工大学计算机科学与技术学院《WEB 技术》
    (2) 局部刷新,防止界面跳转造成页面闪烁,故当选中对应功能时,只进行局部刷新。
    (3) 异步通信,无需界面跳转,直接与后台进行网络通信。无需刷新界面,直接动态更新界面。

    2.2 总统设计

    系统采用 MVC 三层架构,前后端相互分离。利用 ajax 进行网络通信,后端将数据封装在 AjaxResult 类中,ajax 自动转为 json 进行数据获取。
    后端实验 springboot 框架,使用 mybatis 连接数据库。 前端使用界面使用 bootstrap 库,js 用到了 jquery 库以及 chart 库。

    2.3 详细设计

    2.3.1 后端设计
    a) 前端控制层,利用@Controller注解标注为controller类。这里仅仅做接收数据和返回数 据。
    b) 数据服务层,利用@Service注解标注为Service类,这里做数据处理,如数据类型转换, 数据比对等等。
    c) 数据库接口层,利用@mapper注解标注此为maybatis的mapper类,这里只负责对数据进 行持久化,即写入数据库。
    d) 实体类层,使用@Component标注为实体类,与数据库中的表进行对应。
    e) 工具层,包含生成id工具和返回结构封装类。
    f) 配置层,包含页面映射配置和拦截器配置。
    2.3.2 前端设计
    (1) 界面设计 界面分成三部分,左边导航,上边头部,以及中间主题。
    (2) 界面内容
    a) 左边导航中包含主页和功能模块,功能模块中包含个人中心,用户管理和文章管理。 b) 顶部包含个人信息,修改密码,以及注销。
    c) 文章管理包含用户文章列表,和用户文章统计图。

    三、 系统开发与实现(包括前端页面实现,CSS样式实现,JavaScript脚 本实现,以及服务器端 SSM 框架的应用,可以贴关键代码和界面截图)

    3.1 服务器端 SSM 框架应用 3.1.1 后端核心代码
    2

    武汉理工大学计算机科学与技术学院《WEB 技术》 (1) 拦截器配置以及页面映射配置如下图 3.1.1 和图 3.1.2,
    (2) 返回结果封装类如下图 3.1.3
    图 3.1.1
    图 3.1.2
    图 3.1.3
    3

    武汉理工大学计算机科学与技术学院《WEB 技术》
    (3) 实体类代码如下图 3.1.4 图 3.1.5 和图 3.1.6(数据库中共计三张表,对应此三个实体类)
    图 3.1.4 图 3.1.5 图 3.1.6 (4) 项目配置如下图 3.1.7
    图 3.1.7
    3.1.2 后端具体实现流程。
    (1) 在 controller 中,每个函数前添加@RequestMapping(),用来处理一个对应的网络请求。当前 端发生网络请求时,会自动被对应函数接收,如携带数据,将通过@RequestParam(),接收。对 于接收到的参数,controller 不做任何处理,在每个 controller 中都会有一个通过自动注入 实现的 service 对象,controller 将数据交付给该对象。
    (2) Service 接收到 controller 对象时,会做出相应的处理,如数据格式的转换,数据判断等。 在新增用户或者注册等操作时,service 也会构造出相关的对象。在数据处理好后,service 会 将数据交给 mapper。
    (3) Mapper 在收到数据后,执行队应的 sql 语句,将数据进行持久化并返回执行结果。或者从数据 库中查询相关数据,并返回。
    (4) Service 接到 mapper 结果后,再次对结果进行处理,然后直接将需要交付给前端的数据封装在 一个 AjaxResult 中,返回给 controller.
    (5) Controller,接收到 service 的数据后,直接返回到前端。
    4

    武汉理工大学计算机科学与技术学院《WEB 技术》

    3.2 前端实现

    3.2.1 前端界面实现
    (1) 登录界面 如下,图 3.2.1 为直接访问主界面后被拦截返回到登录界面,图 3.2.2 为错误账号密 码登录。
    图 3.2.1
    (2) 注册界面如下图 3.2.3
    图 3.2.2
    图 3.2.3
    5

    (5) 用户管理界面如下图 3.2.6
    (6) 新增用户如下图 3.2.7
    武汉理工大学计算机科学与技术学院《WEB 技术》
    (3) 主界面如下图 3.2.4
    (4) 修改个人信息界面如下图 3.2.5
    图 3.2.4
    图 3.2.5
    图 3.2.6
    3.2.7
    6

    武汉理工大学计算机科学与技术学院《WEB 技术》
    (7) 编辑用户如下图 3.2.8
    (8) 文章管理界面如下图 3.2.9
    图 3.2.8
    (9) 用户文章管理如下图 3.2.10
    图 3.2.9
    图 3.2.10
    7

    武汉理工大学计算机科学与技术学院《WEB 技术》 (10)编辑文章如下图 3.2.11
    (11)新增文章如下图 3.2.12
    图 3.2.11
    3.2.1 前后通信实现
    (1) 自定义封装了一个函数如下:
    图 3.2.12
    8

    武汉理工大学计算机科学与技术学院《WEB 技术》
    (2) 当需要向后的发起请求时,直接调用此函数,并传递相关参数即可。实现如下所示:
    (3) 当登录、注册或者刷新界面来实现更新 serssion 时,不使用 ajax 通信,直接进行 form 提交如 下所示。
    3.2.2 动态更新界面实现
    (1) Js 生成表格实现 下面为动态添加文章信息表的行的实现函数。
    9

    (2) Js 进行动态查询实现 下面为用户信息动态查询的实现
    (3) 更新右边主体内容
    武汉理工大学计算机科学与技术学院《WEB 技术》
    (4) 左边导航栏控制如下
    10

    武汉理工大学计算机科学与技术学院《WEB 技术》
    (5) 生成统计图实现如下

    四、 大作业小结(对大作业以及课程的体会)

    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

    展开全文
  • 201711671105 Web开发作业

    千次阅读 2019-03-10 15:50:20
    集成SSH框架的系统从职责上分为四层:表示层、业务逻辑层、数据持久层和域模块层,以帮助开发人员在短期内搭建结构清晰、可复用性好、维护方便的Web应用程序。其中使用Struts作为系统的整体基础架构,负责MVC的分离...
  • Web开发附带了每个网站开发人员都应了解的大量规则和技术。如果你希望网站按其期望的外观和功能运行,则需要熟悉可帮助您实现目标的网络...您可能曾经听说过“ Web开发技术”一词,但是您是否想过它的真正含义? ...
  • 个人博客Blog系统 本人大学生,这是期末JSp的大作业,内有程序源码,数据库,实验报告一并打包 如果你也有JSp的期末大作业 一定适合你
  • Web前端技术课后作业

    万次阅读 2018-09-18 19:46:58
    使用前端技术展现Web系统 点我试试 效果图: 【逻辑题】:假设有一个池塘,里面有无穷多水,现有2个空水壶,容积分别为5升和6升。问题是如何只用这2个水壶从池塘里取得3升的水。 第02章: HTML基本标签 ...
  • java web技术开发大全(最全最新)

    千次下载 热门讨论 2012-10-10 07:21:38
    和已经出版的同类图书相比,《Java Web开发技术大全:JSP+Servlet+Struts+Hibernate+Spring+Ajax》讲解由浅入深,涵盖更多内容,列举了大量典型实例具有超强的实用性,另外,《Java Web开发技术大全:JSP+Servlet+...
  • Web开发技术】Javascript编写的简易计算器

    万次阅读 多人点赞 2011-12-18 11:45:47
    08年9月入学,12年7月毕业,结束了我在软件学院愉快丰富的大学生活。... 用JS编写计算器 Javascript相当只简洁方便,颇有MATLAB之风 ...这是曾经web课上的作业,用js写个简单的计算器 这里关键是定义计算器的函数...
  • Java Web开发后端常用技术汇总

    千次阅读 2018-07-12 13:06:41
    技术名称及官网 Spring Framework Spring容器 http://projects.spring.io/spring-framework/ Spring MVC框架 ...http...
  • 该课题的主要目标是使用JavaWeb开发技术开发一个“星巴克网上商城系统”,该系统不仅需要满足顾客注册、登录、在web端浏览商品、查询线下门店、加入购物车、提交支付订单、查询已支付、未支付订单等的需求,还需要...
  • web 前端 大作业

    2021-04-01 19:25:29
    web 前端 大作业 没有框架 也没有后端数据交互,就是静态页面而已. 只是最简单的html css js https://www.kdocs.cn/l/cuFeWBp7sK5h [金山文档] web 报告.docx 链接:https://pan.baidu.com/s/1TXFK37S9cl1OAHIkHg3uIA...
  • 慕课西安交通大学.WEB编程技术.第四章.JavaScript.课后作业0 目录4 JavaScript4.12 课后作业4.12.1 课堂重点4.12.2 测试与作业5 下一章 0 目录 4 JavaScript 4.12 课后作业 4.12.1 课堂重点 4.12.2 测试与作业 1.用...
  • 最近一直比较忙,没空更新这些,没想到有这么多人参考我的作业。 题目 将网页文件完成后,将.html文件上传。CSS样式采用内嵌样式完成。 浮动定位实现如下内容(见附件 最终效果图): 有外层容器盒子,居中,宽度...
  • 推荐老师评分时按照Chrome进行观看,这学期很感谢老师的悉心教导和耐心解答,这一学期收获颇丰,不仅掌握了知识技能还靠自己学来的网页制作技术,赚了人生中的第一桶金100元。祝愿老师在未来的生活工作中一帆风顺,...
  • 浅谈PHP与Java之Web开发整合技术

    千次阅读 2010-08-18 11:31:00
    淺談PHP與Java之Web開發整合技術 鄭哲聖郑哲圣  前言 PHP為語法簡單的腳本語言,可以做為HTML的嵌入型語言,而且與Apache網頁伺服器搭配的設定容易、效能亦高。前言 PHP为语法简单的脚本语言,可以做为HTML的...
  • 分享思维,改变世界. web网页制作,期末大作业. 所用技术:html css javascript 分享所学所得
  • web前端大作业

    万次阅读 2017-04-12 22:29:40
    1.开发基础百度首页 要求: · 学会配置开发环境 · 学会使用基本的HTML结构搭建骨架 · 基本符合视觉上的要求 · 让整块在页面大致垂直居中 · 页面的点击全部为真实点击 · 并不要求CSS 2.开发课程...
  • 移动端web开发笔记(一)

    万次阅读 多人点赞 2018-07-15 20:33:43
    先搞清楚两个概念,移动端web开发,web app开发1、 移动web开发(pc端的页面用手机浏览器打开)这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天 下。手机...
  • OpenJWeb(v2.61)企业级信息化应用开发平台技术白皮书 OpenJWeb开源组织手机:18600510596王先生QQ:29803446Email:baozhengw@163.com网站: http://www.openjweb.com 编写日期:2013-08-06 目 录 第一章概述.......
  • Web服务脚手架从实际项目中整理升华,可直接扩展开发并应用于真实生产场景。 开源代码:https://github.com/jextop 开发环境 版本 功能 Java 8 ...
  • 实验5
  • .Net Web开发必备

    千次阅读 2017-12-22 16:23:46
    有很多朋友有的因为兴趣,有的因为生计而走向了.Net中,有很多朋友想学,但是又不知道怎么学,学什么,怎么系统的学,为此我以我微薄之力总结归纳写了一篇.Net web开发技术栈,以此帮助那些想学,却不知从何起的朋友...
  • web前端开发初级

    千次阅读 2019-10-24 07:44:01
    Web 页面制作基础 Web 的相关概念 WWWWebsiteURLWeb StandardWeb BrowserWeb Server HTML 基础 标记语言从 HTML 到 XHTMLHTML 的基本结构HTML 的相关基本定义HTML 常用开发工具 HTML 的通用属性 HTML 的全局标准...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,339
精华内容 14,135
关键字:

web开发技术作业