- •Министерство образования Иркутской области
- •Содержание
- •Введение
- •1 Общая часть
- •Понятия электронного учебного пособия
- •1.1.1 Виды электронных учебных пособий
- •Обзор программного обеспечения для разработки
- •1.2.1 Выбор среды разработки
- •2 Специальная часть
- •2.1 Постановка задачи
- •2.2 Программные средства реализации задачи
- •3 Технологическая часть
- •3.1 Руководство пользователя
- •3.2 Системно-технические требования
- •Заключение
- •Список использованных источников
- •Приложение а Листинг randompage.Js
- •Приложение б Листинг index.Html
- •Приложение в Листинг link.Html
- •Приложение г Листинг why.Html
- •Приложение д Листинг content.Html
- •Приложение ж Листинг stylesheet.Css
- •Приложение з Листинг 1.Html
- •Приложение и Листинг 2.Html
- •Приложение к Листинг 3.Html
- •Приложение л Листинг 4.Html
Приложение д Листинг content.Html
<DOCTYPE html><!--Содержание-->
<html>
<head>
<meta charset="UTF-8"/>
<title>Электронное пособие Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
</head>
<body>
<div id="top_bar"><!--начало верхнего бара-->
<div id="logo_container"> <!--лого на баре-->
<div id="logo_image"></div><!--само лого-->
<div id="bar_block"><!--кнопки с бара -->
<a class="bar_button" href="index.html">На главную</a>
<a class="bar_button">Содержание</a>
<a class="bar_button" href="random.html">Случайная глава</a>
<a class="bar_button" href="link.html">Полезные ссылки</a>
</div><!--кнопки кончились-->
</div> <!--лого на баре,конец-->
</div><!--конец бара-->
<div id="contentcontent"><!--книга-->
<div id="headercontent">
<div id="pagecontentmain"> Содержание пособия</div>
<div id="whyhtml">
<a class="whylink" href="why.html">Главные особенности Landing Page</a></div>
<div id="forpeople">
<a>Для людей с минимальными знаниями HTLM, CSS , JavaScript:</a></div>
<div id="linkhtml">
<a class="whylink" href="1.html">1. "Подводные камни" готовых шаболонов</a></div>
<div id="linkhtml">
<a class="whylink" href="2.html">2. Выбираем наш уникальный шаблон</a></div>
<div id="linkhtml">
<a class="whylink" href="3.html">3. Меняем код под себя</a></div>
<div id="linkhtml">
<a class="whylink" href="4.html">4. Подведём итоги</a></div>
</div>
</div>
<div id="bottom_bar"> <!--нижний бар-->
<div id="main_container">
<div id="header_lower">
<div id="header_content_lowerline">
<a class="bottombutton" href="index.html">Главная</a> | <a class="bottombutton" href="random.html">Случайная глава</a>
</div>
</div>
</div>
</div>
<div id="copyright">Иркутский Авиационный Техникум 2016г.</div>
</body>
</html>
Приложение ж Листинг stylesheet.Css
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Электронное пособие Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
<script src="javas/randompage.js"></script>
</head>
<body>
</body>
</html>
Приложение з Листинг 1.Html
<DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Электронное пособие Landing Page</title>
<link href="css/stylesheet.css" rel="stylesheet"/>
</head>
<body>
<div id="top_bar"><!--начало бара-->
<div id="logo_container"> <!--лого на баре-->
<div id="logo_image"></div><!--само лого-->
<div id="bar_block"><!--кнопки с бара -->
<a class="bar_button" href="index.html">На главную</a>
<a class="bar_button" href="content.html">Содержание</a>
<a class="bar_button" href="random.html">Случайная глава</a>
<a class="bar_button" href="link.html">Полезные ссылки</a>
</div><!--кнопки кончились-->
</div> <!--лого на баре,конец-->
</div><!--конец бара-->
<div id="content1">
<div id="headercontent">
<div id="pagecontentmain">Урок первый</div>
<div id="pagecontentmain2">"Подводные камни" готовых шаболонов</div>
</div>
<div id="header_lower">
<div id="pagecontenttextbig">Зачем нам шаблон?</div>
<div id="pagecontenttext">Начнём с того что Landing Page в большенстве случаев можно навать <b>волшебной палочкой</b> в мире интернет-маркетинга. Предложи клиенту выгоду, расскажи о преимуществах, добавь привлекательную картинку — и всё готово. Магия Landing Page обезоруживает пользователя — он не может и не должен уходить с посадочной страницы, не совершив целевого действия — подписки на рассылку, покупки, передачи вам своих контактов.</br>
<b>Однако это были ожидания,а теперь перейдём к ужасайющей реальности.</b> Пользователи уходят с абсолютно идентичных страниц, <b>порой просматривая их не до конца</b>, игнорируя призывы к действию, скидки и счетчики, которые отсчитывают часы до конца акции. <b>Проблема в том, что маркетологи и веб-агенства используют крайне шаблонные способы создания Landing Page</b> ,а это всё из-за желания "лёгкой наживы" которая ни к чему в итоге не приводит. Типовые, будто скопированные друг с друга посадочные страницы только раздражают пользователя, дают негативный эффект. Как избежать этого? Вернитесь к истокам и используйте для создания Landing Page <b>базовые принципы</b>, а не «проверенные» шаблоны и «реально работающие схемы».
Однако, в данном пособии мы всё делаем скорее <b>для себя лично</b>, а если точне для расширения нашего кругозора</br>Дизайн одностраничного сайта, конечно должен быть максимально привлекательным. То есть цвета следует выбирать яркие и насыщенные. Кнопки и формы заказа должны быть выделены из общего фона страницы.
</div>
<div id="linkhtml">
<a class="whylink" href="2.html">Теперь зная основные ошибки, мы можем перейти к выбору Вашего,уникального шаблона.</a></div>
<div id="pagecontentmain2"></div>
</div>
</div>
</div>
</div>
<div id="bottom_bar">
<div id="main_container"><!--нижний бар-->
<div id="header_lower">
<div id="header_content_lowerline">
<div id="header_content_lowerboxcontent">
</div>
</div>
</div>
<div id="header_lower"> <div id="header_content_lowerline">
<div id="header_content_lowerboxcontent"></div>
</div>
</div>
</div>
</div>
<div id="copyright"> Иркутский Авиационный Техникум 2016г. </div>
</body>
</html>