Верстка

Мой блог на WordPress. Часть 2. — Верстка шаблона WordPress

Joomla или WordPress

В первой части этой статьи я рассказал Вам о том, как создавался этот сайт, почему я решил перенести этот сайт с Joomla на WordPress и как я переделывал дизайн этого сайта.

В этой статье я расскажу, как проходила верстка шаблона для WordPress и перенос контента со старого сайта на новый. Сразу скажу, что при этом возникли некоторые сложности, которые я обнаружил лишь потом, когда сайт уже во всю работал на сервере. Но об этом позже...

Итак, после того, как дизайн был готов, я принялся за верстку шаблона (а точнее темы — в WordPress это называется так).

Читать полностью

8

Как привязать CSS стили к HTML коду интернет страницы

Привязка css к html

Всем доброго времени суток.

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

Но мы не рассмотрели один очень важный вопрос. А именно — как привязать CSS стили к HTML коду страниц нашего сайта.

Этот вопрос на самом деле очень важный. Ведь если мы неправильно привяжем css стили к страницам нашего сайта, то мы не сможем этими стилями пользоваться. Браузер будет просто их игнорировать и мы не увидим результата, который дает использование тех или иных стилей.

Привязать CSS стили к коду страницы можно разными способами и сегодня мы постараемся рассмотреть их все.

Давайте начнем.

Читать полностью

11

Селекторы CSS — как адресовать свойства в каскадных таблицах стилей

Селекторы css

В предыдущей статье мы с Вами познакомились с основами использования каскадных таблиц стилей CSS. Теперь переходим к более детальному рассмотрению css-форматирования.

И самое важное при использовании каскадных таблиц стилей CSS — это правильно адресовать те или иные свойства, чтобы описанные нами стили применялись именно там, где нам нужно, а не где попало.

У начинающих веб-мастеров часто бывает такое, что прописываешь какое-нибудь свойство в таблицах CSS, а оно применяется совсем не там, где нужно.

Это происходит из-за неправильной адресации данного свойства. Сегодня мы научимся устранять эту проблему — научимся правильно адресовать css-стили.

Итак, поехали!

Читать полностью

Комментарии отключены

Введение в CSS или что такое каскадные таблицы стилей css

Css

Начинающему веб-мастеру зачастую ничего не говорят аббревиатуры HTML и CSS. А ведь это основа основ (не путать с «потеря потерь») сайтостроения.

Без применения каскадных таблиц стилей Ваш сайт будет безликим (голый не отформатированный текст). Навряд ли такой сайт привлечет внимание посетителей.

Так что без умения пользоваться таблицами стилей Вам хороший сайт не сделать. Можно конечно выбрать какой-нибудь готовый шаблон, который уже хорошо отформатирован.

Но как правило, в процессе разработки сайта часто приходится добавлять какие-нибудь новые элементы, устанавливать дополнительные плагины, да мало ли что еще... И внешний вид этих элементов сайта часто будет сильно отличаться от основного стилевого оформления Вашего сайта.

Чтобы привести эти элементы в соответствие с дизайном сайта, Вам придется научиться пользоваться каскадными таблицами стилей CSS.

Итак, мы приступаем к изучению CSS.

Читать полностью

2

Введение в HTML

HTML

Сегодня интернет пестрит призывами о том, что сейчас можно сделать сайт самому, не вникая в дебри HTML-кодов, css-стилей, php, mySQL и вообще ничего не зная.

Спешу Вас огорчить — это немного не так. Не зная основ HTML и css, Вы не сможете сделать более-менее качественный сайт.

Поэтому, если Вы решили делать себе (или не себе) сайт, то никуда Вы от HTML не денетесь. Хотя бы основы Вам все-таки придется изучить. Иначе, Вы просто не сможете эффективно справляться с возникающими в процессе разработки сайта трудностями.

Я уже давно хотел написать эту статью, но все как-то не доходили руки. Сейчас я понял, что тянуть дальше уже некуда, ибо все сайтостроение упирается в эту тему.

Поэтому пристегнитесь привязными ремнями приготовьтесь — мы начинаем изучение HTML.

Читать полностью

Комментарии отключены

Плагин Firebug — как пользоваться firebug при создании сайта

Firebug

Большинство начинающих веб-мастеров не делают различий между браузерами. Да и действительно, есть ли какая-нибудь принципиальная разница? Ответ напрашивается сам собой. Разницы быть не должно, ведь Ваш сайт должен одинаково смотреться в любом браузере.

Однако разница есть. И в первую очередь она касается именно веб-мастеров. Потому что при создании и отладке html-кода и css стилей удобнее использовать тот браузер, который сам будет Вам помогать в этом.

А точнее не сам браузер, а дополнение к нему.

Итак, встречайте, сегодня я Вам расскажу о таком незаменимом плагине для Mozilla Firefox, как Firebug.

Читать полностью

Комментарии отключены