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

уроки создания и вёрстки сайтаХотите научиться создавать оригинальные,красивые и качественные сайты?
Если да то… дело остаётся за малым — начать изучать урок на практике. Что мы будем изучать в предложенном курсе?1-Пошаговые уроки в хорошем качестве, вёрстка сайта блок за блоком 2-От PSD макета сайта, до настройки на хостинге 3-PDF инструкции, доп.материалы и шпаргалки 4-Создание формы обратной связи (формы заказа) на PHP 5-Оперативная помощь и поддержка на форуме клиентов + PDF отчёт «Психология цвета в веб-дизайне» Пример сайта, который будем верстать

 

От макета на бумаге до сайта на хостинге

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

Для начала мы ознакомимся с исходником PSD «фотошоп»

Из которого будем начинать верстать и продумаем до мелочей макет будущего сайта.
Как его лучше сверстать. Сразу определимся с размерами, блоками и отступами.

Верстка шапки для будущего сайта.

Научимся вырезать изображения из фотошопа и потом вставлять их на сайт. Также научимся работать с плагином FireBug, который существенно облегчает вёрстку любого проекта.

Создание горизонтального меню с пунктами

Которые будут вести на другие страницы сайта. Также узнаем про некоторые особенности вёрстки.

Верстка блока с преимуществами,который будет отображаться только на главной странице.

Создадим кнопку «Заказать», и применим для неё линейный градиент из CSS3. Вместо блока с преимуществами можно вставить любой слайдер или карусель.

Создание основного блока с текстом и боковой колонкой

Применим обтекание float на живом примере. Также создадим блоки в сайдбаре, вставим блок с контактами и социальными кнопками.

Ещё посмотрим, как применять относительное позиционирование — сделаем смещённую ленточку.

6) Верстка подвала сайта «футер»
и проверяем то что у нас получилось. Дополнительно дублируем верхнее меню в футере — для удобства пользователей.

7) Создание формы для заказа и разберёмся с типами полей,
в т.ч. с новыми типами из CSS3 (выпадающие списки, радиокнопки, textarea и т.д.).

8) Перенос сайта на хостинг (по FTP)
и настроим PHP обработчик для формы заказа.

Также будет пояснение как работает PHP и обработчик формы.

Вот так наглядно выглядит меню курса:

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

Что произойдет после того как вы пройдёте практические уроки?
Вы почувствуете уверенность в своих силах, потому что знание HTML и CSS — открывает много новых возможностей.
Вы не будете застревать на мелочах: как сменить фон, как создать кнопку, как изменить шрифт и т.д. Вы сможете самостоятельно создать целый сайт! И не нужно никого будет просить о помощи.
Вы сможете создавать сайты и не бояться брать их создание на заказ.
Вы узнаете много нюансов, о которых даже не догадывались
Кроме этого сразу во время просмотра видео уроков, вы можете создавать свой собственный сайт.
А при возникновении трудностей вы всегда можете обратиться на форум клиентов.
HTML и CSS вы изучаете один раз, а знания остаются с вами на всю жизнь.




Подписка на новости сайта

Оцените статью
( Пока оценок нет )
Если вам понравилась статья , то поделитесь пожалуйста с друзьями!
Уникальные партнерские программы