Существует ли стандартный HTML-макет с несколькими доступными стилями CSS?
https://stackoverflow.com/questions/43400
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Когда дело доходит до веб-дизайна, у меня ужасно получается создавать что-либо хотя бы отдаленно привлекательное.К счастью, есть много бесплатных источники для Дизайн шаблоны.Однако проблема с этими проектами заключается в том, что они охватывают всего одну страницу и не содержат большого количества вариантов использования.Если вы взглянете на CSS Дзен - Сады, у них есть 1 единственный HTML-файл, и они могут радикально изменить его стиль, просто изменив CSS-файл.
Теперь мне интересно, существует ли стандартный HTML-макет (теги и идентификаторы), который охватывает множество вариантов использования и может быть в общем виде оформлен различными CSS-файлами, такими как Zen Garden.То, что я представляю себе, - это набор правил, определяющих, как вы пишете свой html-код, и какие поля, списки, меню и стили вы должны использовать.Можно создать набор стандартных тестовых страниц, охватывающих различные области применения, и новый CSS-файл, который при этом должен поддерживать все различные страницы в удобном виде.
Есть ли какие-либо проекты, которые охватывают что-либо похожее на то, что я описываю?
Решение
Я использовал Bluprint CSS - печать, это просто и полезно, как вы увидите.В нем также есть несколько ruby-скриптов, которые позволяют изменять количество столбцов и расстояние между ними.По умолчанию это 950 пикселей для элемента размером 24 дюйма.
Другие советы
Посмотрите на Структура сеток от ЮИ.Особенно удивительным является Построитель сетки.Кроме того, у них есть набор CSS-файлов reset, base и font, которые дадут вам хорошую основу для построения.
Обычно я просто стараюсь следовать рекомендациям, установленным самим стандартом HTML.
- Заголовки идут в тегах "h" (таким образом, один тег H1 для основного заголовка, затем один или несколько тегов H2 под ним и т.д.).
- Свободный текст группируется в абзацы в тегах P.
- Логически сгруппированные разделы информации представлены в тегах DIV.
- Любой вид списка (даже меню, которые вы в конечном итоге захотите разместить горизонтально) принадлежит таким тегам списка, как UL, OL или DL.
- Таблицы с информацией представлены в табличных тегах.НЕ используйте теги таблиц для верстки.
- Будьте умны со своим идентификатором и атрибутами КЛАССА.Сохраняйте уникальные идентификаторы и присваивайте их элементам, которые, как вы знаете, представляют что-то уникальное на странице, например меню навигации или нижний колонтитул страницы.Присвойте один и тот же класс повторяющимся, но похожим элементам (которые вы, возможно, захотите отобразить в похожем визуальном стиле).
Я всегда начинаю с очень простой вертикальной страницы - просто выделяю все, что мне нужно, черным по белому.Затем я начинаю добавлять CSS, чтобы убедиться, что биты отформатированы и расположены так, как я хочу.
Взгляните на источник моего домашняя страница вот пример того, о чем я говорю.
План действий насколько я знаю, это был первый CSS-фреймворк.Как фреймворк YUI CSS, он поможет вам справиться с версткой.
Такой фреймворк поможет вам создать несколько CSS для вашего сайта.
BluePrintCSS - довольно зрелый проект, поэтому я рекомендую вам ознакомиться с ним.
