Здравствуйте, вот и долгожданное продолжение уроков по вёрстке. В связи с загруженным графиком не всегда есть возможность писать статьи. В предыдущем уроке, в котором мы начали верстать красивый шаблон, я упустил важный момент, а именно архив с исходниками макета в PSD. Вот собственно макет. Обычно вёрстка начинается с фона. Но посмотри те ка на фон сайта? Просто вырезать его с PSD и задать свойство background для body не выход. Потому, что на макете 3 фона: [...]

Здравствуйте. Этот урок имеет практический характер, так как в нём мы будем учиться верстать красивые, блочные, валидные, кроссбраузерные шаблоны. Так как это будет не один урок, а серия уроков, предоставлю план этого мини-курса: Подготовка Верстаем основу Верстаем всё остальное Кроссбраузерность, валидность, семантика Смотрим глубже Внедряем фичи Что нам нужно для вёрстки шаблона? Так как мы не дизайнеры, то нам нужен PSD макет сайта для дальнейшей его вёрстки. Поискав в Google мне понравился вот такой вариант: [...]

Всем привет! Как и договаривались, буду писать об вёрстке xhtml/css шаблонов. Возможно Вы не знаете, что такое «вёрстка» и какие обязанности «верстальщика». Вёрстка веб-страниц — процесс создания веб-страниц в текстовом редакторе, на основе предоставленных дизайнером макетов в формате PSD или CDR. Результат работы, это собственно веб-страница. Верстальщик — человек, который занимается вёрсткой веб-страниц. В задачи верстальщика входят: создание каркаса веб-страницы с помощью соответствующего языка разметки. Таковыми могут быть, например, HTML, XHTML, XML. оформление ранее созданного каркаса страницы [...]

Здравствуйте читатели. Хочу предложить Вам курс по вёрстке сайтов с нуля. Я предполагаю что Вы уже знакомы с html и css. Если нет, то учите, в сети материала на эту тему много. План курса: Вёрстка xhtml/css: Что такое DOCTYPE? Валидность, кроссбраузерность, семантика, оптимизация. Фиксированная вёрстка Резиновая вёрстка Блочная или табличная вёрстка, что выбрать? Хаки, заставляем отображать сайт одинаково во всех браузерах. Практика. Верстаем красивый шаблон. Вёрстка под Joomla: С чего начать? Файлы шаблона. Системные теги [...]

Здравствуйте! Недавно я обновил свой сайт, сделав его адаптированным под мобильные устройства. Как-то мне пришлось зайти на свой сайт до этого обновления с Nokia 5130, было неудобно и сайт долго грузился. После было решено сделать мобильную версию. Что я использовал? Я использовал плагин для WordPress MobilePress. Скачайте данный плагин, зайдите в админку WordPress, далее в раздел Плагины->Добавить новый, вверхнем меню ищите ссылку «Загрузить». В открывшемся окне появиться форма для загрузки. Или, зайдите в админку WordPress, [...]

Здравствуйте! Недавно писал статью, Как поставить свои кнопки поделиться?. В этой статье я рассказывал, как сделать оформление кнопок нестандартным. Используя Яндекс.API и html/css можно этого добиться, но что если нет времени разбираться с этими технологиями, а иконки срочно нужны? Ну что же, есть решение. Сначала был написан плагин для WordPress 3.0+, теперь есть плагин для Joomla 1.5, и модуль для DLE 9.4.

Здравствуйте читатели моего блога! Недавно мне поступил заказ на вёрстку сайта под WordPress. Собственно вот сайт: http://diablo-3.ws/. Одно из требований вёрстки, использование кнопок «поделиться», но оформление точно такое же, как на макете. Сверстал шаблон быстро, но когда остались кнопки, я начал ломать голову в поисках решений. Времени читать документацию по API всех соц. сетей, которые нужны, не было. Тут я вспомнил, что есть сервис от Яндекса, и решил использовать его. Но как же вставить свои [...]

Здравствуйте, дорогие читатели! Этой статьей я начну развивать свой блог, и делится с вами — знаниями, которые накопились за годы моей практики. Блог будет рассчитан на новичков, у которых есть желание сделать свой сайт, но они пока что не знаю как. На данный момент есть много различных блогов, книг, курсов, тренингов которые обучают людей сайто-строению. Я же хочу научить Вас не только «как создать сайт?», но и научить таким образом, что бы Вы понимали всё, от [...]