- •Министерство образования Иркутской области
- •Содержание
- •Введение
- •1 Общая часть
- •Понятия электронного учебного пособия
- •1.1.1 Виды электронных учебных пособий
- •2.1 Постановка задачи
- •2.2 Программные средства реализации задачи
- •Обзор программного обеспечения для разработки
- •1.2.1 Выбор среды разработки
- •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
Приложение г Листинг why.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="contentwhy">
<div id="headercontent">
<div id="pagecontentmain">Главные особенности Landing Page</div>
</div>
<div id="header_lower">
<div id="pagecontenttextright"><h2>Целевая страница</h2>
<b>Landing page</b> (лендинг пейдж) это целевая страница, которая показывается пользователю, после того как он перейдет по <b>рекламной ссылке</b></div>
<div id="pagecontenttextleft"><h2>Как сделать хорошую целевую страницу?</h2>
Показывающая результаты <b>целевая страница</b> должна всегда содержать несколько ключевых элементов:
<ul><li>только<b> одну</b> запланированную <b>цель</b> напр. заполнить форму, купить что-либо</li>
<li><b>призыв к действию</b> напр. заполнить форму, купить что-либо</li>
<li><b>простой </b>дизайн</li>
<li>короткие и связные тексты, написанные максимально <b>понято</b></li>
<li>отсутствие <b>отвлекающих</b> элементов в дизайне</li>
<li><b>отсутствие</b> классического меню</li></ul></div>
<div id="pagecontenttextbig">Немного подробнее...</div>
<div id="pagecontenttext">Тенденция роста популярности одностраничных сайтов, предназначенных для представления товаров и услуг определенной компании, очень высока. Он предназначен для непосредственного привлечения клиентов компании напрямую, побуждая их купить товар или воспользоваться услугой компании.</br>
Такой ресурс является чрезвычайно эффективным средством продаж с точки зрения бизнеса. Цель одностраничного сайта заключается в максимально быстром склонении посетителя к совершению нужного действия (приобретения продукта, подписки, выполнения заказа и т.п.). Пользователи, как правило, попадают на такие страницы из другого ресурса (после клика по рекламному баннеру).</br>Что касается дизайна одностраничного сайта, то он должен быть максимально привлекательным. То есть цвета следует выбирать яркие и насыщенные. Кнопки и формы заказа должны быть выделены из общего фона страницы.
</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>
