Сайт для изучения иностранных языков

Заказать уникальную курсовую работу
Тип работы: Курсовая работа
Предмет: Веб-программирование
  • 62 62 страницы
  • 21 + 21 источник
  • Добавлена 29.05.2023
1 496 руб.
  • Содержание
  • Часть работы
  • Список литературы
Введение 3
1 Использование веб-ресурсов в обучении иностранному языку 5
1.1 Особенности онлайн обучения иностранному языку 5
1.2 Построение функциональной модели процесса разработки сайта 7
1.3 Техническое задание на создание сайта 16
2 Разработка сайта LangLearning 21
2.1 Инструменты для создания сайтов 21
2.2 Разработка логической и физической структуры сайта 25
2.3 Разработка макетов страниц сайта 27
2.4 Стилевое оформление страниц 30
2.5 Вёрстка страниц сайта 32
2.6 Тестирование сайта #
2.7 Оптимизация и план продвижения сайта #
Заключение #
Список использованных источников #
Приложение А #
Страницы сайта на мобильном устройстве #
Приложение Б #
Листинг программы (фрагмент) #
Фрагмент для ознакомления

Начальный, средний, продвинутый"><link rel="shortcut icon" href="images/logo/favicon.png" type="image/x-icon" /> <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="css/versions.css"> <link rel="stylesheet" href="css/responsive.css"> <link rel="stylesheet" href="css/custom.css"> <script src="js/modernizer.js"></script>

Изучение иностранных языков

Поможем понять, полюбить и заговорить свободно

Добро пожаловать в LangLearning

Более 1,2 миллиарда людей изучают иностранный язык, и большинство делает это, чтобы получить доступ к лучшим возможностям. К сожалению, изучение языков требует больших денежных затрат и для многих остаётся недоступным.

Мы создали LangLearning, чтобы у каждого был шанс совершенно бесплатно осуществить свою мечту и научиться слушать, понимать, говорить и думать на иностранном языке. Мы считаем, что настоящее равенство — это когда не нужно платить больше, чтобы получить лучшее образование

Начать обучение

Язык – это будущее. Новый взгляд на обучение

Методология обучения

Мы уверены, что учить языки с LangLearning может каждый. Наш главный принцип: учиться легче, если это делать весело! Мы используем методологию, помогающую удерживать внимание пользователей, применяем учебные программы, соответствующие международным стандартам.

Сбалансированный подход

Мы позволяем пользователям самостоятельно выявлять языковые закономерности, не фокусируясь на правилах грамматики — примерно так мы изучаем родной язык в детстве. Такой имплицитный (скрытый) подход идеален для построения прочного знания языка.

Исключительный контент

Наряду с обычными фразами типа «トイレはどこですか» «Где находится туалет?», есть необычные предложения, которые легко и забавно запоминаются и побуждают пользователей задумываться о языке, который они изучают.

Общение в реальной жизни

Мы применяем функциональный подход, фокусируясь на конечной цели, ради которой пользователи изучают иностранный. Пользователи осваивают лексику и грамматику, выполняя упражнения на чтение, письмо, восприятие на слух и устную речь в реальных жизненных ситуациях.

Персонализация

Казалось бы, составить индивидуальные учебные планы для всех пользователей очень сложно. Но мы не боимся трудных задач! Алгоритмы машинного обучения работают постоянно, подбирая материалы нужного уровня сложности для каждого пользователя.

Различные методы изучения

Мы предлагаем различные варианты обучения: встречи, интерактивные истории и подкасты. Эти дополнительные форматы помогают пользователям развить навыки общения, а также восприятия иностранного на слух и в виде текста. Все это помогает использовать язык в реальной жизни!

Постоянное улучшение

Мы используем результаты для разработки новых, улучшенных курсов, обновления материалов в соответствии с развитием языка. Мы гарантируем, что предлагаем лучшие методы обучения иностранному.

Упорно. Усердно. Результативно.

Как пользоваться LangLearning?

В разделе «Обучение» необходимо выбрать язык, который Вы хотите изучать, затем выбрать уровень подготовки (начальный, средний, продвинутый) и начать последовательно изучать подразделы курса, в том числе, и аудиоматериалы.

Определить качество обучения можно по результатам тестирования. Для прохождения тестов необходимо авторизироваться.

Вход
<script src="js/all.js"></script> <script src="js/custom.js"></script><script src="js/timeline.min.js"></script><script>timeline(document.querySelectorAll('.timeline'), {forceVerticalMode: 700,mode: 'horizontal',verticalStartPosition: 'left',visibleItems: 4});</script><script src="enter.txt" type="text/javascript"></script> <script type="text/javascript">function T(){var ps = document.getElementById('passw').value;var lg = document.getElementById('logn').value;if ((ps==password) && (lg==login)) {window.close();window.open("test_eng_A.html");}else {alert("Неправильные данные для входа!");}}</script><script>window.addEventListener("DOMContentLoaded", function() {function setCursorPosition(pos, elem) {elem.focus();if (elem.setSelectionRange) elem.setSelectionRange(pos, pos);else if (elem.createTextRange) {var range = elem.createTextRange();range.collapse(true);range.moveEnd("character", pos);range.moveStart("character", pos);range.select() }}function mask(event) {var matrix = "+7 (___) ___ ____", i = 0,def = matrix.replace(/\D/g, ""),val = this.value.replace(/\D/g, "");if (def.length >= val.length) val = def; this.value = matrix.replace(/./g, function(a) {return /[_\d]/.test(a) && i < val.length ? val.charAt(i++) : i >= val.length ? "" : a });if (event.type == "blur") { if (this.value.length == 2) this.value = "" } else setCursorPosition(this.value.length, this)};var input = document.querySelector("#mobile");input.addEventListener("input", mask, false);input.addEventListener("focus", mask, false);input.addEventListener("blur", mask, false);}); </script>Файл style.css (фрагмент)@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');@import url(css/animate.css);@import url(css/animate.min.css);@import url(css/bootstrap-touch-slider.css);@import url(css/flaticon.css);@import url(css/timeline.min.css);@import url(css/prettyPhoto.css);@import url(css/owl.carousel.css);@import url(css/font-awesome.min.css);body {color: #333333;font-size: 16px;font-family: 'Rubik', sans-serif;line-height: 1.80857;}body.demos .section {background: url(images/bg.png) repeat top center #f2f3f5;}body.demos .section-title img {max-width: 280px;display: block;margin: 10px auto;}body.demos .service-widget h3 {border-bottom: 1px solid #ededed;font-size: 18px;padding: 20px 0;background-color: #ffffff;}body.demos .service-widget {margin: 0 0 30px;padding: 30px;background-color: #fff}body.demos .container-fluid {max-width: 1080px}html, body{height: 100%;}a {color: #1f1f1f;text-decoration: none !important;outline: none !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}h1,h2,h3,h4,h5,h6 {letter-spacing: 0;font-weight: normal;position: relative;padding: 0 0 10px 0;font-weight: normal;line-height: 120% !important;color: #1f1f1f;margin: 0}/*------------------------------------------------------------------ "ШАПКА"------------------------------------------------------------------*/.top-navbar .bg-light{background: #ffffff !important;border-bottom:1px solid #fff;}.top-navbar .navbar-light .navbar-nav .nav-link{color: #4c5a7d ;font-size: 16px;}.top-navbar .navbar-light .navbar-nav .nav-item{position: relative;display: inline-block;padding: 15px 0px;margin: 0px 20px;}.top-navbar .navbar-light .navbar-nav .nav-item .nav-link{padding: 6px 0px;position: relative;display: block;line-height: 30px;letter-spacing: 0px;text-transform: uppercase;}/*-- Точкинадпунктомменю --*/.top-navbar .navbar-light .navbar-nav .nav-item::after {position: absolute;content: '';left: 50%;bottom: auto;top: 11px;width: 5px;height: 5px;opacity: 0;margin-left: -3px;background-color: #4babb1;border-radius: 50px; -webkit-transform: translateY(0px);transform: translateY(0px);transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease;}.top-navbar .navbar-light .navbar-nav .nav-item .nav-link::before {position: absolute;content: '';left: 0%;bottom: auto;top: -4px;width: 5px;height: 5px;border-radius: 50px;opacity: 0;margin-left: -10px;background-color: #e7554a; -webkit-transform: translateY(0px);transform: translateY(0px);transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease;}.top-navbar .navbar-light .navbar-nav .nav-item .nav-link::after {position: absolute;content: '';right: 0%;left: auto;bottom: auto;top: -4px;width: 5px;height: 5px;border-radius: 50px;border: none !important;opacity: 0;margin-right: -9px;background-color: #eeaa41;transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; -moz-transition: all 900ms ease;}.top-navbar .navbar-light .navbar-nav .nav-item.active::after{opacity: 1;}.top-navbar .navbar-light .navbar-nav .nav-item.active .nav-link::before {opacity: 1;left: 40%;}.top-navbar .navbar-light .navbar-nav .nav-item.active .nav-link{color: #eea412;font-weight:400;}.top-navbar .navbar-light .navbar-nav .nav-item.active .nav-link::after{opacity: 1;right: 40%;}.top-navbar .navbar-light .navbar-nav .nav-item:hover::after{opacity: 1;}.top-navbar .navbar-light .navbar-nav .nav-item .nav-link:hover::before{opacity: 1;left: 40%;}.top-navbar .navbar-light .navbar-nav .nav-item .nav-link:hover{color: #eea412;}.top-navbar .navbar-light .navbar-nav .nav-item .nav-link:hover::after{opacity: 1;right: 40%;}.dropdown:hover>.dropdown-menu {display: block;}.dropdown>.dropdown-toggle:active {pointer-events: none;}.dropdown:hover>.dropdown-menu .dropdown-item{padding-left: 10px;}.top-navbar.fixed-menu .bg-light {position: fixed;top: 0;width: 100%;z-index: 9999;visibility: visible;transform: translate(0,0) scale(1);transition: .3s;}.top-navbar .bg-light {padding-top: 0px;padding-bottom: 0px;box-shadow: 0 0 18px 0 rgba(0,0,0,.12);}.top-navbar .navbar-light .navbar-nav li .dropdown-menu {box-shadow: 0 2px 12px 0 rgba(0,0,0,.12);border: none;border-radius: 0px;margin: 0px;padding: 10px;}.top-navbar .navbar-light .navbar-nav li .dropdown-menu a:hover{background: #eea412;color: #ffffff;}.navbar-right li a{position: relative;font-size: 18px;display: inline-block;}.navbar-right li a,.navbar-right li a.hover-btn-new::after {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}.navbar-right li a.hover-btn-new::before,.navbar-right li a.hover-btn-new::after {background: #eea412;content: '';position: absolute;z-index: 1;}.navbar-right li a.hover-btn-new:hover span {color: #ffffff;}.navbar-right li a.hover-btn-new::before {height: 100%;left: 0;top: 0;width: 100%;}.navbar-right li a.hover-btn-new::after {background: #ffffff !important;height: 100%;left: 0;top: 0;width: 100%;}.navbar-right li a.hover-btn-new span{position: relative;z-index: 2;color: #333333;}.navbar-right li a.hover-btn-new:hover:after {height: 0;left: 50%;top: 50%;width: 0;}