English.html 13.2 KB
Newer Older
7
Modify  
7wc98#14 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4"
      lang="en">
<head>
    <meta charset="UTF-8">
    <title>学习资源</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../static/css/oppo.css">
    <script type="text/javascript" src="../../static/js/jquery-1.11.3.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var speed = 800;//滚动速度
            var h=document.body.clientHeight;
            //回到顶部
            $("#toTop").click(function () {

                $('html,body').animate({

                        scrollTop: '0px'
                    },
                    speed);
            });
            //回到底部
            var windowHeight = parseInt($("body").css("height"));//整个页面的高度
            $("#toBottom").click(function () {
                //alert(h);
                $('html,body').animate({
                        scrollTop: h+'px'
                    },
                    speed);
            });
        });
    </script>
    <style>
        #scroll {
            position:fixed; top:300px; right:100px;
        }
        .scrollItem {
            width:20px; height:70px;border:#e1e1e1 1px solid; cursor:pointer; text-align:center; padding-top:10px;
        }
        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 16px;
            color: #000;
            margin: 0;
            padding: 0;
        }
    </style>
</head>
<body>
<!--页面顶部-->
<div id="top">
    <div class="container"></div>
</div>
<!-- 页面的头部 -->
<div id="header">
    <div class="container">
        <div class="header_left left">
            <div class="xlwb"></div>
            <div class="txwb"></div>
            <div class="tel">150-1436-6986</div>
        </div>
        <ul>
            <li>
                <form th:action="@{/logout}" method="post">
                    <input type="submit" class="btn btn-link" th:value="安全退出">
                </form>
            </li>
        </ul>
    </div>
</div>
<!-- 页面的导航 -->
<div id="nav">
    <div class="container">
        <div class="logo left">
            <h1>Campus</h1>
        </div>
        <ul>
            <li><a href="/home">Home</a></li>
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="/learn">
                    学习中心<span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="/learn">编程学习</a></li>
                    <li><a href="/toEnglish">英语</a></li>
                    <li><a href="/toMath">数学</a></li>
                    <li class="divider"></li>
                    <li><a href="/toPhilosophy">哲学</a></li>
                </ul>
            </li>
            <li><a href="/news">校内新闻</a></li>
7
commit  
7wc98#14 已提交
97
            <li sec:authorize="hasRole('ROLE_USER')"><a href="/userCenter" style="color: red">用户中心</a></li>
7
Modify  
7wc98#14 已提交
98
            <li sec:authorize="hasRole('ROLE_ADMIN')"><a href="/admin">网站管理</a></li>
7
commit  
7wc98#14 已提交
99
            <li sec:authorize="hasRole('ROLE_ADMIN')"><a href="/userCenter" style="color: red">用户中心</a></li>
7
Modify  
7wc98#14 已提交
100 101 102 103
            <li><a href="/toHelp">帮助中心</a> </li>
        </ul>
    </div>
</div>
7
commit  
7wc98#14 已提交
104
<div class="container" style="margin-bottom: 10%">
7
Modify  
7wc98#14 已提交
105 106 107 108 109
    <div class="row">
        <div class="col-sm-4">
            <p>当前页面是一些进行英语学习时,经常使用到的网站的介绍</p>
            <h3>链接</h3>
            <p>友情连接</p>
7
modify  
7wc98#14 已提交
110
            <ul class="nav nav-pills nav-stacked">
7
modify  
7wc98#14 已提交
111 112 113 114
                <li><a href="http://cgdict.com" target="_blank">词根字典</a></li>
                <li><a href="http://vocabulary.com" target="_blank">vocabulary.com</a></li>
                <li><a href="https://www.51voa.com/" target="_blank">51VOA</a></li>
                <li><a href="https://www.quora.com/" target="_blank">Quora</a></li>
7
modify  
7wc98#14 已提交
115
            </ul>
7
Modify  
7wc98#14 已提交
116 117 118
            <hr class="hidden-sm hidden-md hidden-lg">
        </div>
        <div class="col-sm-8">
7
modify  
7wc98#14 已提交
119 120
            <h2>Vocabulary.com</h2>
            <h5>Find out how strong your vocabulary is and learn new words</h5>
7
Modify  
7wc98#14 已提交
121
            <div class="fakeimg">
7
modify  
7wc98#14 已提交
122
                <img src="../../static/images/campus/vocabulary.jpg" width="300px" height="143px">
7
Modify  
7wc98#14 已提交
123 124
            </div>
            <p>
7
modify  
7wc98#14 已提交
125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148
                这是一个帮助大家背诵单词的网站,单词例句选自权威媒体,单词解释也采用英文。
                你还可以导入自己的词汇表,制定个性化背单词计划。
                <br>
                <b>配合词根字典学习效果更佳!</b>
            </p>
            <br>
            <h2>51VOA</h2>
            <h5>V O A听力下载,慢速英语,常速英语,V O A视频</h5>
            <div class="fakeimg">
                <img src="../../static/images/campus/VOA.jpg" width="300px" height="143px">
            </div>
            <p>
                这是一个练习听力的网站,网站内容包括慢速英语、常速英语、V O A视频等。
                更重要的是,<b>网站的所有资源都是可以免费下载的。</b>
            </p>
            <br>
            <h2>Quora</h2>
            <h5>英语版知乎</h5>
            <div class="fakeimg">
                <img src="../../static/images/campus/Quora.jpg" width="300px" height="143px">
            </div>
            <p>
                英文网络问答社区,社区氛围友好理性,在这里你面对的是来自全球的网友,
                无论是看别人的回答还是自己回答问题,都能极大的锻炼英语能力。
7
Modify  
7wc98#14 已提交
149 150
            </p>
            <br>
7
modify  
7wc98#14 已提交
151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166
            <h2>英语学习经验</h2>
            <p>
                英语最重要的就是词汇、语法和思维。<br>
                <strong>一个英语单词都不认识,一切都免谈</strong>,单词要靠平时的积累,并且结合科学的学习方法进行学习。
                我这里推荐陈正康老师的<strong>"母词"记忆法</strong>,该方法以一个简单的词汇为中心,通过词根词缀、
                近义词、反义词和同义词等,将一系列词汇联系在一起,一记一大串。记单词,<strong>切忌只在单词书中记</strong>
                有效记单词的方法不是简单在同一种环境下重复,<b>而是在不同环境下重复</b>,单词书是一种环境,文章中又是一种环境,
                偶尔在广告中看到也是在不同环境下的重复。
                <br>
                有人说<b>英语是法治的语言,汉语是人治的语言</b>,切实如此,英语的句子都必须按照一定的规则进行编辑,
                主语、谓语、宾语等语素成分必须放在特定的位置,英语的基本句型有七种:<strong>主谓宾、主谓宾补、
            主谓、主系表、主谓直接宾语间接宾语、主谓状、主谓宾状</strong>,其他复杂句都是在这些简单句基础上通过一定的
                连词或者主从结构构造而来。
                <br>
                英语的思维与汉语的思维,区别挺大的。例如,英语多被动,汉语多主动。因此,阅读英语、写英语句子要注意用英语的思维。
            </p>
7
Modify  
7wc98#14 已提交
167 168 169
        </div>
    </div>
</div>
7
modify  
7wc98#14 已提交
170

7
Modify  
7wc98#14 已提交
171 172 173 174
<div id="scroll">
    <div class="scrollItem" id="toTop">顶部</div>
    <div class="scrollItem" id="toBottom">底部</div>
</div>
7
commit  
7wc98#14 已提交
175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314
<link rel="stylesheet" href="../../static/css/footer.css">
<div class="footer-box">
    <div class="footer-container">
        <div class="footer-service clearfix">
            <div class="footer-service-item footer-icon-001">
                <i></i>
                <span>专注于后端开发</span>
            </div>
            <div class="footer-service-item footer-icon-002">
                <i></i>
                <span>扎实编程能力</span>
            </div>
            <div class="footer-service-item footer-icon-003">
                <i></i>
                <span>学习能力强</span>
            </div>
            <div class="footer-service-item footer-icon-004">
                <i></i>
                <span>掌握多门编程语言</span>
            </div>
        </div>
        <div class="footer-line"></div>
        <div class="footer-links clearfix">
            <dl class="footer-article-item">
                <dt>擅长编程语言</dt>
                <dd>
                    <a href="#">Java</a>
                </dd>
                <dd>
                    <a href="#">C/C++</a>
                </dd>
                <dd>
                    <a href="#">Python</a>
                </dd>
            </dl>
            <dl class="footer-article-item">
                <dt>关于开发者</dt>
                <dd>
                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">CSDN博客</a>
                </dd>
                <dd>
                    <a href="#">专注后端</a>
                </dd>
                <dd>
                    <a href="#">兼为前端</a>
                </dd>
                <dd>
                    <a href="#">数据分析</a>
                </dd>
                <dd>
                    <a href="#">专业出身</a>
                </dd>
                <dd>
                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">联系我</a>
                </dd>
            </dl>
            <dl class="footer-article-item">
                <dt>擅长领域</dt>
                <dd>
                    <a href="#">Java Web</a>
                </dd>
                <dd>
                    <a href="#">MFC客户端</a>
                </dd>
                <dd>
                    <a href="#">PyQT5</a>
                </dd>
                <dd>
                    <a href="#">Python 数据分析</a>
                </dd>
                <dd>
                    <a href="#">C/C++ 数据结构</a>
                </dd>
                <dd>
                    <a href="#">Java 后端</a>
                </dd>
            </dl>
            <dl class="footer-article-item">
                <dt>其他</dt>
                <dd>
                    <a href="https://blog.csdn.net/qq_42896653" target="_blank">博客地址</a>
                </dd>
                <dd>
                    <a href=" https://github.com/pyc-ycy">Github</a>
                </dd>
                <dd>
                    <a href="https://gitee.com/pengyoucongcode">Gitee</a>
                </dd>
            </dl>
            <dl class="footer-contact-item">
                <h3>联系我们</h3>
                <p>150-14366986</p>
                <div class="footer-ewm">
                    <img src="images/vm.png" alt="">
                    <p>关注CSDN博客</p>
                </div>
            </dl>
        </div>
        <div class="footer-friend">
            <div class="footer-friend-title">友情链接:</div>
            <ul class="footer-friend-title-list clearfix">
                <li>
                    <a href="http://www.baidu.com" target="_blank">百度一下</a>
                </li>
                <li>
                    <a href="https://www.runoob.com/" target="_blank">菜鸟教程</a>
                </li>
                <li>
                    <a href="https://mvnrepository.com/" target="_blank">Maven中心仓库</a>
                </li>
                <li>
                    <a href="https://www.bilibili.com/" target="_blank">B站</a>
                </li>
                <li>
                    <a href="http://c.biancheng.net/" target="_blank">C语言中文网</a>
                </li>
                <li>
                    <a href="https://www.w3school.com.cn/" target="_blank">W3Cschool</a>
                </li>
                <li>
                    <a href="https://www.runoob.com/linux/linux-tutorial.html" target="_blank">Linux学习</a>
                </li>
                <li>
                    <a href="https://www.runoob.com/bootstrap/bootstrap-tutorial.html" target="_blank">Bootstrap学习</a>
                </li>
                <li>
                    <a href="https://cn.vuejs.org/" target="_blank">Vuejs</a>
                </li>
            </ul>
            <a href="#" class="footer-friend-more">更多 >></a>
        </div>
        <div class="footer-copyright">
            <p>© 2017-2021 (彭友聪) 开发,并保留所有权利&nbsp;&nbsp;&nbsp;常年法律顾问: (深圳)律师事务所</p>
            <p>
                陆丰市河西街道xxxxx&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="#">
                    <img src="images/icon-footer.png" alt="">**网安备 0008899999xxxx号
                </a>
            </p>
        </div>
7
Modify  
7wc98#14 已提交
315 316 317 318 319 320 321
    </div>
</div>
<script type="text/javascript" src="../../static/js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../../static/js/oppo.js"></script>

</body>
</html>