Кто бы Вы ни были – закоренелый опытный вебмастер или новичок, время от времени приходится сталкиваться с “непонятками” в коде офромления страниц. Просто матерый дизайнер и свежеиспеченный сайтмейкер смотрят на эту проблему немного по-разному. В этой статье я просто хочу поделиться с Вами достоинствами и недостатками современного стиля оформления кода, для примера взяв знакомый и привычный WordPress.
Напомню, что такой шаблон состоит из собственно кода вывода элементов страницы, а так же их шаблона оформления CSS. В сравнении с тем же HTML это бесспорно гигантский шаг вперед, да и глупо сравнивать динамические шаблоны с древним статичным кодом. Но, все-таки у этого древнего и бестолкового стиля были и свои плюсы.
Ни для кого не секрет, что большинство из нас пользуется уже готовыми шаблонами WordPress. Также все мы стараемся изменить их до неузнаваемости – у каждого свой вкус, да и простая смена цветовой гаммы может очень сильно преобразить страницу. Здесь CSS снова дает нам несомненный выигрыш, это действительно очень удобно. Проблемы начинаются лишь тогда, когда мы пытаемся внесть сколь-нибудь серьезные изменения в расположение элементов на странице. С чем это связано? Возьмем к примеру случай, когда нам надо передвинуть какой-либо элемент, изменить его размер… Как правило, при просмотре кодов пятилетней давности, мы увидим четкий порядок элементов, а также точную привязку к размерам и взаимному расположению. Теперь же в моде абсолютное положение (style: absolute) и вездесущий дескриптор <div>. С одной стоны, это дает нам полную свободу при создании шаблона страницы, и позволяет располагать объекты как нам вздумается. Но это же и создает и проблемы при его редактировании. Например, сегодня я битый час пытался изменить высоту серой полосы над шапкой, раз за разом просматривая style.css и пытаясь найти несуществующие параметры. А все было гораздо проще. Изначально шаблон предусматривает “Нормальный” и “Широкий” вид страницы, различия между которыми записаны в wp-layout-large.css и wp-layout-normal.css и сводятся к увеличению/уменьшению размера центральной части страницы. Но именно там (!) я нашел параметр отступа этой части от верхнего края документа. Как он там очутился – я не знаю, ведь различий данного параметра в широком и нормальном виде нет.
И еще к вопросу о четком порядке элементов: если раньше эта полоска оказалась бы выше шапки, то теперь она каким-то образом прописана ниже нее. Смысл этих перестановок мне не понятен.
Вот такое наблюдение я сделал за 7 месяцев работы с движками. Кстати, если Вы посмотрите структуру шаблонов в Joomla, Вы станете относиться к WordPress с еще большим уважением
А Вам приходилось писать сайты на HTML, и что еще Вы можете добавить к статье? С удовольствием прочту Ваши комментарии.
http://s55.radikal.ru/i150/1007/8d/07da7f2b6b96.jpg
1280 x 714 пик., 253 Кб