Есть ли стандартный HTML-макет с несколькими стилями CSS?
Когда дело доходит до веб-дизайна, я ужасно не умею создавать что-либо хоть отдаленно красивое. К счастью, есть много бесплатных источники для дизайншаблоны. Однако проблема с этими дизайнами заключается в том, что они охватывают только одну страницу, а не много вариантов использования. Если вы посмотрите на CSS Zen Gardens, у них есть один единственный HTML-файл, и вы можете радикально изменить его стиль, просто изменив файл CSS.
Теперь мне интересно, есть ли стандартный макет HTML (теги и идентификаторы), который охватывает множество вариантов использования и может быть тематически тематически оформлен с помощью различных файлов CSS, таких как Zen Garden. Я представляю себе набор правил того, как вы пишете свой html, и какие поля, списки, меню и стили вы должны использовать. Можно создать набор стандартных тестовых страниц, охватывающих различные варианты использования, и новый файл CSS, при этом он должен поддерживать все разные страницы в удобном виде.
Есть ли какие-нибудь проекты, которые охватывают что-то похожее на то, что я описываю?
Ответы 4
Посмотрите Каркас сетки от YUI. Особенно хорош Конструктор сеток. Кроме того, у них есть набор CSS-файлов сброса, базы и шрифтов, которые дадут вам хорошую основу для дальнейшего развития.
Я использовал Блупринт CSS, как вы увидите, это просто и полезно. В нем также есть несколько скриптов Ruby, которые позволяют вам изменять количество столбцов и расстояние между ними. По умолчанию это 950 пикселей для элемента span-24.
Обычно я просто стараюсь следовать рекомендациям, установленным самим стандартом HTML.
- Заголовки помещаются в теги «h» (то есть один тег H1 для основного заголовка, затем один или несколько тегов H2 под ним и т. д.).
- Произвольный текст группируется по абзацам в тегах P.
- Логически сгруппированные разделы информации помещаются в теги DIV.
- Любой тип списка (даже меню, которое вы в конечном итоге можете захотеть расположить по горизонтали) относится к тегам списка, таким как UL, OL или DL.
- Таблицы информации помещаются в теги TABLE. НЕ используйте теги таблиц для макета.
- Будьте осторожны с атрибутами ID и CLASS. Сохраняйте уникальные идентификаторы и назначайте их элементам, которые, как вы знаете, представляют что-то уникальное на странице, например меню навигации или нижний колонтитул страницы. Присвойте один и тот же класс повторяющимся, но похожим элементам (которые, возможно, вы захотите визуализировать с использованием аналогичного визуального стиля).
Я всегда начинаю с очень простой, вертикальной страницы - просто прокручиваю все, что захочу, в черно-белом режиме. Затем я начинаю добавлять CSS, чтобы убедиться, что биты отформатированы и расположены так, как я хочу.
Взгляните на источник моего домашняя страница, чтобы увидеть пример того, о чем я говорю.
BluePrintCSS был, насколько я знаю, первым фреймворком CSS. Как YUI CSS Framework, он поможет вам справиться с макетом.
Такая структура поможет вам создать несколько CSS для вашего сайта.
BluePrintCSS - довольно зрелый проект, поэтому я рекомендую вам проверить его.
Старый вопрос, но в итоге я использовал именно его. Просто пожелайте там, где есть сайт с темами, основанными на этом.