魏尊亮

【摘 要】如何做好一个英语学习网站的前端设计？首先应该以需求分析为基础，树立响应式布局的核心理念，运用HTML、CSS、JavaScript技术，结合前端框架Bootstrap和jQuery库，还要用到Sublime Text和Adobe Illustrator等开发工具。这样，一个崭新的英语学习网站的前端设计即可圆满实现。

【Abstract】How to complete the design of the front end of an English learning website？ First of all， we should take the requirement analysis as the basis， set up the core concept of the response layout， use HTML， CSS， JavaScript technology， combine the front frame Bootstrap and jQuery library， and also use Sublime Text and Adobe Illustrator and other development tools. In this way， a brand-new design of the front end of an English learning website can be successfully implemented.

【关键词】前端设计；学习网站；响应式页面设计；Bootstrap

【Keywords】front-end design； learning website， responsive web design， Bootstrap

【中图分类号】P393；G633.41 【文献标志码】A 【文章编号】1673-1069（2018）08-0187-02

1 引言

越来越多网络英语学习者出现，慢慢形成了拥有众多学习用户的学习网站，它们以自己独特的优势，吸引着越来越多的英语学习者投入到这种新型的语言学习环境中去。英语学习网站能够提供给学习者一个良好的平台，使学习者能够自由地共享资源。英语学习网站能够使学习用户根据自己的实际情况，自主掌控其学习进度，这种新型的学习方式刚好是我们所需要的。

英语学习网站资源是传统英语学习所没有的，更重要的是英语学习网站中的资源和信息具有权威性，能够确保学习者在学习英语的过程中获取最有用和最感兴趣的话题和信息，避免英语学习的误区，自我测验的题目和答案都是经过仔细校准的，一方面提高学习者的信心，另一方面也是对在线英语网站的一种发展[1]。

因此，在这样的大背景下，设计并制作针对大学生学习英语的网站，以英语学习的几大主要方面——听、说、读、写为网站主要组成部分，进行资源整合，让英语学习者快捷地在一个网站上接触到多种英语资源，以多种方式进行学习。……