- •Министерство образования Иркутской области
- •Содержание
- •Введение
- •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
Приложение б Листинг index.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">На главную</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="contentmain"><!--сам контент между блоками-->
<div id="header">
<div class="mainline"> Узнайте основы постройки Landing Page </div>
</div>
<div id="header_lower">
<div id="middle_headline">Почему именно Landing Page?</div>
<div id="middle_text">Это один из нагляднийших способов презентовать и показать что-либо,всё лёгкодоступно и понятно на одной странице,и никакой "воды"...</div>
</div>
<div id="header_lower">
<div id="middle_headline">Маркетологи любят Landing Page</div>
<div id="middle_text">Целевые страницы яркие, информативные, привлекающие внимание пользователя и не перегружают его, они располагают его к какому-либо действию (покупка, регистрация и т.д.)
</div>
</div>
</div>
<div id="bottom_bar">
<div id="main_container"><!--нижний бар-->
<div id="header_content_lowerline"><a id="indextocontent" href="content.html">Перейти к изучению</a></div>
</div>
</div>
</div>
<div id="copyright">Иркутский Авиационный Техникум 2016г.</div>
</body>
</html>
Приложение в Листинг link.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">Полезные ссылки</a>
</div><!--кнопки кончились-->
</div> <!--лого на баре,конец-->
</div><!--конец бара-->
<div id="contentmain"><!--книга-->
<div id="headercontent">
<div class="mainline"> Содержание пособия</div>
<div id="whyhtml">
<a class="whylink" href="http://psd-html-css.ru/">Сайт с различными элементами для ваших страниц</a></div>
<div id="linkhtml">
<a class="whylink" href="http://psd-html-css.ru/shablony/html-landing-page">Страница с готовыми шабломами посадочных страниц</a></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>