Этапы создания лендинга с помощью HTML5 и CSS3

Содержание

Введение 3

Глава 1. Теоретические основы разработки лендинга 5

1.1. Понятие и назначение лендинга 5

1.2. Структура оформления лендинга 7

1.3. Правовое регулирование веб-сайта в Интернете 14

Выводы по 1 главе 17

Глава 2. Этапы создания лендинга с помощью HTML5 и CSS3 18

2.1. Основные этапы создания лендинга 18

2.2. Поэтапная вёрстка web-страниц 24

2.3. Публикация лендинга в Интернете 25

Выводы по 2 главе 28

Заключение 29

Список использованных источников 32

Приложение. Лендинг для абитуриентов колледжа, созданный с помощью HTML5 и CSS3 (скриншоты страниц сайта) 35

Введение 

Современный интернет-маркетинг включает в себя множество приемов и методов для повышения эффективности продаж. Существует ряд способов обратить на свою компанию внимание в интернете, привлечь новых пользователей и прорекламировать свой товар. Важный инструмент, с помощью которого достигается сразу несколько целей, – так называемая посадочная страница, или лендинг пейдж. Практически каждая компания, серьезно занимающаяся продвижением в интернете, уделяет большое внимание созданию и развитию лендинговых страниц. С их помощью можно достичь отличных результатов сразу по нескольким направлениям.

Объект исследования: язык HTML5 и каскадные таблицы стилей CSS3.

Предмет исследования: разработка лендинга для абитуриентов колледжа с помощью HTML5 и CSS3.

Цель исследования: разработать лендинг для абитуриентов колледжа при помощи языка гипертекстовой разметки документов HTML5 и каскадных таблиц стилей CSS3.

Задачи исследования:

1. Изучить и проанализировать учебно-методическую и специальную литературу по теме исследования, материалы Интернет-сайтов.

2. Изучить теоретические основы разработки лендинга.

3. Изучить этапы создания лендинга с помощью языка гипертекстовой разметки документов HTML5 и каскадных таблиц стилей CSS3.

4. Разработать лендинг для абитуриентов колледжа с помощью языка гипертекстовой разметки документов HTML5 и каскадных таблиц стилей CSS3.

Методы исследования: изучение литературы, анализ, синтез, обобщение, классификация.

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

Глава 1. Теоретические основы разработки лендинга 

1. Понятие и назначение лендинга 

Лендинг — это одностраничный сайт (всего 1 страница), ориентированный на продвижение конкретного типа товара или услуги. [6] Основная задача такого ресурса — побудить посетителя к выполнению целевого действия.

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

• От обычного сайта и сайта-визитки лендинг отличается особой структурой. Он является концентратом маркетинговых хитростей.

Посадочная страница состоит из определенных блоков с исчерпывающей, но при этом лаконичной информацией. На landing page нет отвлекающих факторов. Посетителю дается всего два сценария поведения — либо совершить целевое действие, либо не делать этого.

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

Базовые понятия о лендинге [14]:

• Это одностраничный сайт (всего 1 страница). У пользователя нет возможности углубляться в разделы и подразделы.
• Лендинг является концентратом маркетинговых хитростей. Каждый блок играет определенную роль и стоит на определенном месте.
• Посадочная страница используется для продвижения 1 конкретного вида товаров и услуги.
• Лендинг размещается в интернете (как обычный сайт). Человек может попасть на него, кликнув по ссылке.
• Попадая на лендинг, клиент находит именно то, что ищет. Точное соответствие запросу обеспечивается благодаря узкой специфике ресурса.

Цели и задачи лендинга. [6]

Основная цель создания лендинга — побуждение потенциального клиента к выполнению целевого (требуемого) действия. В большинстве случаев это сводится к сбору контактных данных заказчиков (почта, телефон) с целью их последующей передачи в отдел продаж.