Видеокурсы| Все видеокурсы, обучающие видео и видеоуроки Рунета.

Что за видеокурс.

Практические уроки по созданию и вёрстке сайта визитки.

Автор Олег Касьянов.

Что вошло в видеокурс.

Что ждёт вас в этих уроках?

• Сначала мы познакомимся с PSD исходником (фотошоп. из которого будем верстать и продумаем макет будущего сайта. Как его лучше сверстать.
• Сразу определимся с размерами, блоками и отступами.
• Сверстаем шапку для будущего сайта. Научимся вырезать изображения из фотошопа и потом вставлять их на сайт. Также научимся работать с плагином FireBug, который существенно облегчает вёрстку любого проекта.
• Создадим горизонтальное меню с пунктами, которые будут вести на другие страницы сайта. Также узнаем про некоторые особенности вёрстки.
• Сверстаем блок с преимуществами, который будет отображаться только на главной странице.
• Создадим кнопку "Заказать", и применим для неё линейный градиент из CSS3.
• Вместо блока с преимуществами можно вставить любой слайдер или карусель.
• Сверстаем основной блок с текстом и боковой колонкой, применим обтекание float на живом примере.
• Также создадим блоки в сайдбаре, вставлим блок с контактами и социальными кнопками.
• Ещё посмотрим, как применять относительное позиционирование - сделаем смещённую ленточку.
• Верстаем подвал сайта (футер. и проверяем то что у нас получилось.
• Дополнительно дублируем верхнее меню в футере - для удобства пользователей.
• Создаём форму для заказа и разбираемся с типами полей, в т.ч. новые типы из CSS3 (выпадающие списки, радиокнопки, textarea и т.д...
• Переносим сайт на хостинг (по FTP. и настраиваем PHP обработчик для формы заказа.
• Также будет пояснение как работает PHP и обработчик формы.