Создаем Wordpress тему из готового HTML макета

Создаем Wordpress тему из готового HTML макета cg-everyday.ru

Здравствуйте! Как я уже и обещал, на этом сайте появилась серия статей про создание готового рабочего веб-макета с нуля – от PSD до HTML и конечно же, CSS. К сожалению, в рунете действительно нет хорошей толковой статьи на эту тему. Я решил заполнить эту нишу и вот – данное руководство перед вами. Тему делать будем из созданного в предыдущих частях макета.
« Комментарии

Похожие анонсы

Создание макета сайта от PSD до HTML и CSS @ 06.10.2010 17:25
Правильное создание рабочего веб-макета включает 3 этапа: разработка дизайна в графическом редакторе, нарезка и верстка в HTML и CSS. Программирование PHP, JavaScript и т. д. я пока не рассматриваю. Этот урок поможет научиться методике создания профессиональных сайтов по данному алгоритму. Мы возьмем в качестве примера создание простенького сайта, включающего в себя шапку с логотипом и слоганом, сайдбар, поле с контентом и футер.
Как верстать сайты? — Подробное руководство @ 10.02.2012 15:41
После переезда на новый домен, решил перенести наиболее удачную статью с блога. Кто – то из вас возможно ее уже читал, а кто - то увидит ее впервые. Как видите из названия анонса, статья посвящена верстке. Здесь вы найдете полное руководство, что называется от А до Я. Как из готового PSD макета можно сверстать HTML сайт.
Верстка макета, подробнее Часть 3 @ 22.11.2011 16:06
Доброго времени суток дорогой читатель Блога RS! Сегодня мы с Вами закончим работу над нашей html страничкой которую мы начали верстать в статье "Верстка макета, подробнее Часть 1". Для того чтобы понять о чем вообще идет речь, Вам стоит почитать предыдущие статьи. Так, что же нам осталось сверстать?
Верстка макета, подробнее Часть 1 @ 16.11.2011 10:01
Здравствуйте дорогой читатель Блога RS! Сегодня мы будем с Вами превращать макет в html страницу. Цель данной статьи закрепить материал изученный в позапрошлой статьи "Простейшая страничка на html". Точнее закрепим лишь часть, а именно тег table. Так же в этой статье я Вам поведую один из элементов CSS а именно background. Он нам пригодится для расположение графики на странице...
Создаем шаблон для WordPress. Шаг 2: нарезка макета @ 17.09.2010 21:01
Создание шаблона для Wordpress - это многоуровневый и сложный процесс. Одним из важних и кропотливых моментов создания шаблона является нарезка макета. Здесь необходима ювелирная точность и внимательность, дабы не ошибиться или не упустить какой-то важный момент дизайна. Как сделал нарезку я в нашем примере я описал в данном посте. Читаем статью и комментируем...
Создаем на дивах макеты для сайта @ 04.09.2010 23:57
Заканчиваем блочную верстку двух-колоночного макета, преобразуем его в трех-колоночный и резиновый макеты. Решаем возникающие проблемы с отображение макета в разных браузерах
Создание тёмного макета для блога @ 26.04.2011 20:23
Сейчас я Вам покажу быстрый и лёгкий способ разработки тёмного макета для блога в Photoshop. Мы будем опираться только на основные инструменты Photoshop, такие как "marquee selection tools" и "layer styles". Результатом будет готовый макет профессионального уровня, который может быть дизайном для вашего блога.
Создание прототипа или макета для сайта @ 04.09.2010 13:59
Важная задача при создании эффективного проекта с малым количеством ошибок — составление макета для будущего сайта. Многие разработчики использую для этих целей простой карандаш, но в век современных технологий существуют программы и сервисы, позволяющие рисовать макеты гораздо быстрее и качественнее.
Верстка макета, подробнее Часть 2 @ 19.11.2011 12:37
Доброго времени суток дорогой читатель Блога RS! Сегодня нам предстоит добавить пару элементов в наш html код который мы начали верстать по макету из прошлой статьи. Элементы css которые мы сегодня будем применять - это position и z-index...
Как «с нуля» кодировать тему WordPress 3.0. @ 19.09.2011 18:34
От автора: вместе с выходом WordPress 3.0 появилась реализация множества новых свойств этой популярной системы управления контентом. В этом учебнике мы покажем вам, как закодировать тему WordPress 3.0 с самого начала, чтобы воспользоваться преимуществами новых свойств, а также создать готовую к блоггингу маленькую тему.

Спонсоры

Авторизация

Имя:
Пароль:
 

Друзья проекта

Лучшие

Активность на сайте