Курсы по созданию сайтов - обучение верстке HTML-5, CSS-3. Практика на реальном хостинге. Получите профессию верстальщик за 11 недель! Установка болванки. Подключение динамических путей. Верстка одностраничника (landing page). Подключение эффектов parallax js. Очевидно, что эти два "одностраничника", являются не чем иным . Для тех кто сам любит пошаманить в photoshop над иконками в сборке есть, так сказать, "болванка" - пустая металлическая иконка, . Одной из самых известных программ является «Одностраничник под ключ 2.0» от. И с этого html я делаю такую болванку.b-pages

Как вы начинаете вёрстку сайта? Раз все начали с нуля, а именно с PSD макета, тоже начну с этого момента. Оцениваю макет, составляю для себя базовую разметку, определяюсь какие главные блоки присутствую, и что должно происходить если их нет. Оценив какие блоки необходимы, и прикинув структуру сайта иду csstemplater. HTML/CSS шаблон, если это конечно не LP3. Создаю директорию c названием сайта в openserver, в ней создаю директорию HTML , а внутри по шаблонуpsd- что бы не потерялись, мало ли когда нужно дорисовать что то.

Сайт-одностраничник по продаже каких-либо услуг (не важно каких, .

Закидываю скачанный шаблон по папкам, вырезаю оттуда reset- ы, так как уже имеется отредактированный и перенесенный в less. Создаю main. Настраиваю компилятор Less в PHP шторме для текущего проекта, что бы компилировался только файл main. В основном использую getuikit.

Открываю и смотрю PSD шаблон сайта на наличии не стандартных шрифтов, если шрифты есть в www. Дальше используя Emmet создаю базовую разметку если это LP(header/footer/slider и т. Верстаю до конца все, что есть в макетах. ЗЫ: Файлики что сделал не минимизирую, только по желанию заказчика, ибо все нормальные фремворки и CMS умеют объединять css и js файлы в 1, попутно минимизируя на лету. Кованые Элементы В Автокаде.

Заказчику отдаю все что сделал включая исходники.