Как начать создавать CSS для заданного (динамически генерируемого) HTML? - PullRequest
2 голосов
/ 10 октября 2008

Разделитель ион макета и контента - это область CSS и HTML - до сих пор хорошо понятая. Теперь о сепараторе ing ...

Я ищу подсказки и рекомендации, чтобы начать работу с заданием "скина" или "темы" для системы управления контентом.

Справочная информация:

Мы начинаем использовать Portal Server / систему управления контентом и начинаем изменять внешний вид в соответствии с нашими потребностями.

Наш дизайнер до сих пор в основном работал с полным контролем над HTML и CSS, настраивая любой из них, чтобы получить макет pixelperfect. С принятием cms существует много предварительно созданного HTML (очень семантического, почти без таблиц :), который необходимо обработать с помощью CSS и изображений. Хотя можно изменить фрагменты HTML, я бы предпочел сделать это только в крайнем случае.

Поскольку это создает проблему «как начать», мой вопрос касается любых советов о том, как действовать, или статей, которые могут помочь в управлении или организации этой задачи - например, лучшие практики в проектировании, как разделить эту задачу или какой инструмент использовать.

Кажется плохой практикой просто сохранять динамически сгенерированную страницу на диск и вносить изменения локально. Это было бы неплохо для файлов CSS, но изменения в HTML-элементах должны быть адаптированы к фрагментам, из которых они созданы. Я хотел бы не пускать это в область дизайнеров, если это возможно. Также пугающая мысль о Dreamweaver (или любом другом подобном инструменте), вносящем неявные изменения в структуру HTML.

Для любопытных: упомянутый CMS / Portalserver Liferay , но вопрос действительно не зависит от языка и инструмента.

Редактировать: FireBug (как предположил Джош) великолепен для того, чтобы на лету пытаться вносить изменения в css. Есть ли что-то еще - либо в области инструментов, либо в процессе и самоорганизации?

Ответы [ 3 ]

1 голос
/ 13 октября 2008

Если вы ищете практические примеры разделения стиля и контента, я бы предложил CSS Zen Garden . Просматривая HTML и CSS, вы вдохновляете и просвещаете и должны помочь с тем, что вы пытаетесь сделать.

Мой совет № 1 - сделать все как можно более семантическим и использовать множество классов и идентификаторов для подключения ваших стилей.

1 голос
/ 10 октября 2008

Обычно, всякий раз, когда я нахожусь в такой ситуации, я открываю страницу в FireFox, проверяю различные элементы с помощью FireBug и точно вижу, какие css применяются к ним. Тогда я просто изменю существующий CSS, пока не получу то, что мне нравится. Вы даже можете поиграть в firebug и изменить CSS, не «сохраняя» эти изменения.

0 голосов
/ 13 октября 2008

Посмотрите на CSS Tidy , мы обычно используем это для очистки CSS и реорганизации для разработки и производства. Тем не менее, я лично предпочитаю писать HTML / CSS вручную, прежде чем использовать это. Я думаю, это просто вопрос личных предпочтений.

...