Существует ли стандартный HTML-макет с несколькими стилями CSS?

Question

Когда дело доходит до веб-дизайна, я ужасно готовлю что-нибудь отдаленно красивое. К счастью, существует много бесплатных sources для designtemplates. Однако проблема с этими проектами заключается в том, что они просто охватывают одну страницу, а не много случаев использования. Если вы посмотрите на CSS Zen Gardens, у них есть один единственный HTML-файл и он может радикально изменить его по-разному, просто изменив файл CSS.

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

Есть ли какие-либо проекты, которые покрывают все, что похоже на то, что я описываю?

Answer 1

Я использовал Bluprint CSS, это легко и полезно, как вы увидите. Он также имеет несколько рубиновых скриптов, которые позволяют вам изменять количество столбцов и расстояние между ними. По умолчанию это 950px для элемента span-24.

Answer 2

Проверьте Grids framework от YUI. Особенно удивительным является Grid Builder. Кроме того, они имеют набор файлов сброса, базы и шрифта CSS, которые дадут вам хорошую базовую основу для построения.

Answer 3

Как правило, я стараюсь следовать рекомендациям, установленным самим стандартом HTML.

• Заголовки идут в тегах «h» (поэтому один тег H1 для основного заголовка, затем один или несколько тегов H2 под этим и т. Д.).
• Бесплатный текст сгруппирован в параграфы в тегах P.
• Логически сгруппированные разделы информации идут в тегах DIV.
• Любой список (даже меню, которое вы в конечном итоге можете захотеть по горизонтали) относится к таким тегам, как UL, OL или DL.
• Таблицы информации идут в тегах TABLE. НЕ используйте табличные теги для макета.
• Будьте умны с вашими атрибутами ID и CLASS. Храните идентификаторы уникальными и присваивайте их элементам, которые, как вы знаете, представляют что-то уникальное на странице, например меню навигации или нижний колонтитул страницы. Назначьте тот же класс элементам, которые повторяются, но похожи (которые вы можете визуализировать с похожим визуальным стилем).

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

Посмотрите на источник моего home page для примера того, о чем я говорю.

Answer 4

BluePrintCSS был, из того, что я знаю, первой рамки CSS. Как YUI CSS Framework, это поможет вам справиться с макетом.

Этот вид рамок поможет вам создать несколько CSS для вашего сайта.

BluePrintCSS - довольно зрелый проект, поэтому я рекомендую вам проверить его.