1.  Начало создания сайта

1. Начало создания сайта

Начинаем делать уже настоящий сайт, который можно разместить в сети интернет. 

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

Посмотреть как примерно будет выглядеть Ваш сайт можно тут:

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

Для начала я подготовил все файлы в один архив, скачать его можно тут:

Создайте отдельную папку на своём компьютере и разархивируйте туда этот архив. В основном нам потребуется для редактирования только один файл index.html Я старался как можно подробнее комментировать в тексте кода. На данный момент в меню всего один пункт, по мере постройки сайта мы будем добавлять новые блоки страницы и соответственно кнопки меню для этих блоков. Картинки и фотографии я так же добавлять не буду, Вы сами выбирайте необходимые картинки необходимого размера (В коде размер еартинки указан в имени картинки) копируйте в папку указаную в пути в коде. К примеру:

В коде -  <img src="img/revolution/onepage_slide_1.jpg"  

Это значит картинку надо сохранить в папке "img" в папку "revolution" если в названии картинки нет размера, то смотрите на саму картинку на изображении указаны размеры.

Если у Вас возникнут вопросы по уроку, прошу писать в коментариях. Не забудьте подписаться на новости в подвале сайта, для этого требуется только ввести свой email. Так же подписывайтесь в группу в "VK"