简单小程序：登录页面（html）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    /*总体的样式*/
    <style>
    	/*盒子样式*/
        #box{
            width: 350px; //宽
            height: 450px; //高
            border: 1px solid black; //边框
            border-radius: 10px; //边框弧度
            font-family: 黑体; //字体
            letter-spacing:8px; //段间距
            word-spacing: 10px; //字间距
            line-height: 40px; //行高
            font-size: 18px; //字大小
            padding: 20px; //内边框
        }
        /*给'注册'赋予样式*/
        .register{
            width:280px ; //宽
            height: 50px; //高
            background-color: skyblue; //背景颜色
            border-radius: 10px; //边框弧度

        }
        /*将所有边框都改变*/
        *{
            border-radius: 5px; 边框弧度
        }
        /*使用class选择器，赋予number宽高和边框*/
        .number{
            width: 185px; //宽
            height: 27px; //高
            border-width: 1px; //边框宽度

        }
        /*id选择器*/
        #two{
            width: 55px; //宽
            border-width: 1px; 边框宽度
        }
        /*id选择器*/
        #phone{
            width: 103px; //宽
        }
        /*class 选择器*/
        .boxs{
            zoom: 75%; //清除浮动
            color: darkgray; //颜色
        }
        /*class选择器*/
        .box_a{
            width: 50px; //宽
            height: 50px; //高
            background-image: url("../image/04.jpg "); //背景图片
            background-repeat: no-repeat; // 是否平铺
            background-size: 50px 25px; //背景尺寸
            position: relative; //定位 相对定位
            left: 310px; //定位后左移
            bottom: 32px; //定位后下移

        }
    </style>
</head>
<body>
<div id="box">
    <h1>请注册</h1>
<p style="color: darkgray">已有帐号?<a href="https://im.qq.com/index">登录</a></p>
<form action="" method="post">
    <label for="name">用户名</label>
    <input type="text" placeholder="请输入用户名" id="name" class="number"> <br>
    <label for="phone">手机号</label>
    <select name="" id="two" class="number">
    <optgroup>
        <option style="" class="">+86</option>
    </optgroup>
    </select>
    <input type="text" placeholder="请输入手机号" id="phone" class="number"> <br>
    <label for="mima">密 码</label>
    <input type="password" placeholder="请输入密码" id="mima" class="number"> <br>
    <label for="mima">验证码</label>
    <input type="password" placeholder="请输入验证码" id="is" class="number">
    <div class="box_a"></div>
    <div class="boxs">
        <input type="radio" id="" class="accept">阅读并接受协议<br>
    </div>
    <input type="submit" value="注册" class="register" >

    </form>
</div>


</body>
</html>
在这里插入图片描述

绍：

这是一款简洁大气的登录页面，左边是登录表单，使用蓝色和白色搭配；右边是一张图片，可更换成需要的图片。总体简洁大方，适合大部分网站。

演示地址：

https://www.361zy.com/demo/346/

下载地址：

https://cloud.06dn.com/s/an3UL

解压码：

0jWqO3s1

献检索是科研的基本功，阅读文献是科研人员获取科研信息的重要途径。

有读者留言说无法登陆Web of Science数据库，一般来说，学校或是科研机构都是会购买Web of Science使用权限的，因此，我们可以通过学校图书馆来使用该数据库，这种方法也是小编推荐使用的。此外，部分院校或科研院所是可以申请教育邮箱的，如果该院校购买了Web of Science数据库，一般我们也可通过登陆教育邮箱的方法来使用Web of Science数据库。使用方法可以轻易地通过百度或谷歌的方式获取，这里我们就不再赘述。

今天呢，小编为大家分享两种离开校园网使用Web of Science数据库而且不限于Web of Science的方法，有免费的方法，也有需要一定付费的方法，大家可根据自己的需求进行选择。

0180图书馆

①简介

80图书馆是一家增强版的“高校图书馆”。80图书馆不仅仅集成了中国知网、万方、维普、WOS、SD、IEEE、Pubmed、pringerLink、Embase、Reaxys、OVID、Scopus、ProQuest、Wiley等数百个国内外顶级科研文献数据库，更集成了50+所国内外名校图书馆，包括多所世界TOP10名校，一个80图书馆帐号畅享以上所有数据库，您只需轻轻一点鼠标，无论您身处何地都能随时访问这些名校图书馆，自由查阅并下载文献，从此下载科研文献易如反掌、无需求人。

②免费账号

首先，打开网址

（http://www.80lib.com/user/reg），注册一个80图书馆的账号；

注册完成后，登陆账号，可以看到在用户中心有一块“套餐激活”的区域，在框中输入激活码，点击激活，我们就可以获得一些数据库的免费账号；

那么激活码从哪里获取呢？我们可以进入80图书馆的主页，在主页上方的工具栏点击免费试用，可以获得一些80图书馆免费试用的套餐；

我们可以看到免费试用页面会有一些数据库的免费账号激活，包括Web of Science、Pubmed、ScienceDirect、SpringerLink等，这里我们以Web of Science的账号为例，点击“立即获取”来获取账号激活码；

在这里可以获得Web of Science的账号激活码，这里的激活码每天都会更新，每个激活码都能正常激活3天的免费Web of Science入口，我们只需选择未被使用的激活码，粘贴在上面提到的激活框中即可，如果一次未成功，那么可以尝试使用其它的激活码；

激活之后，我们可以在用户中心看到套餐的截止日期。点击“点此访问”即可使用Web of Science；

如果我们是首次注册账号，那么会提示进行邮箱验证，那么只需将发送至邮箱的验证码输入验证框中即可，所以注册账号时，建议使用比较常用的邮箱。

这里可以看到，我们已经可以正常使用Web of Science了！

有的小伙伴可能会担心如果没抢到激活码怎么办？这个也无需担心，在免费试用页面右侧的工具栏，我们可以看到有一个免费WOS的窗口，在这里只需输入邮箱，即可获取免费Web of Science的账号啦~

免费的账号到期后，我们也可以更换邮箱，来获取新的免费账号，对于短期使用Web of Science的小伙伴来说，是一种很不错的方法。此外，我们也可以通过微信公众号发送“免费WOS”或“免费pubmed”的方式来获取免费的WOS的账号或免费Pubmed的账号，公众号的二维码这里就不放了，大家可以在80图书馆首页轻易找到。其他免费数据库的使用也是同样的方法，大家可以尝试一下。

③付费账号

对于文献检索需求比较多的小伙伴来说，可以选择一定的付费，使用起来会更加方便，80图书馆提供了多种套餐可供选择，可以根据自己的需求选择不同的套餐，可以选择按月付费、按年付费或者永久使用。

如英文套餐中就包含了Web of Science、ScienceDirect、SpringerLink、Nature、Science、Wiley、Jstor、ACS、APS、AIP、AGU、AMSE、ASTM、ASCE、AIAA、AMS、EI、IEEE、PNAS等英文数据库，也有专门的医学数据库提供了众多的医学专业常用数据库可供选择。这里我们就不多做介绍，大家可以在官网查看详情。

如果我们需要用到的数据库比较多，建议大家安装“80图书馆助手”浏览器插件，因为大部分的中文数据库入口和少数英文数据库入口需要该插件才能进入，该插件的下载地址如下：http://www.80lib.com/80helper/80helper%20v1.7.zip

此外，80图书馆提供了一个专门的文献下载工具，我们只需进入个人中心，在左侧的工具栏中找到“超级下载（限时免费）”，在检索框中输入文献的DOI号即可下载。

02学霸图书馆

学霸图书馆与80图书馆类似，提供多种数据库入口，官网地址如下：

http://www.xuebalib.com/

相比与80图书馆，学霸图书馆的界面更加简洁一些，使用方法与80图书馆的使用基本类似，这里小编就不再赘述，大家可以进入图书馆首页注册账号进行使用，主要的数据库也是需要付费才能使用。学霸图书馆也是小编一直在用的，很久之前购买的永久会员账号，当时价格还是挺便宜的，现在涨价了许多，大家就根据自己的需求进行选择吧。

在数据库大全中，可以看到学霸图书馆涵盖的数据库还是比较全面的，除了综合类数据库外，还包括生物医学心理学、理工类工业工程、文史经管法律以及其他数据库，完全能够满足我们文献检索的需求。

此外，学霸图书馆也提供了专门用于文献下载的入口，只需在首页点击进入“文献云下载”，即可检索/下载文献。

以上就是小编为大家分享的两种离开校园网使用文献检索数据库的方法啦，在之后的推文中，小编会为大家分享更多的科研干货，敬请期待！

在线咨询

上一篇：CSS样式更改-字体设置Font&边框Border
下一篇：5.HTML格式标签

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

简单小程序：登录页面（html）

绍：

您的项目需求