Каковы шаблоны проектирования для HTML и CSS? - PullRequest
4 голосов
/ 10 мая 2010

Я знаю, что это очень сложный вопрос, но я только начал с Ruby on Rails, и все еще имею большой путь с CSS и HTML. Есть много книг о шаблонах CSS и HTML, но я хотел бы знать, что действительно применяется к реальным веб-страницам. Например, как лучше всего создать простую веб-страницу с боковым меню, логотипом сверху и текстом ниже? Хорошо, это кажется глупым, но есть много способов сделать это, или нет?

Итак, как я могу выучить эти паттерны и каковы реальные паттерны?

Буду признателен за предложения книг, статей и т. Д.

Ответы [ 5 ]

3 голосов
/ 10 мая 2010

На самом деле в html и css нет шаблонов в oo смысле.

Я считаю этот урок очень полезным: Дизайн и код вашего первого сайта

На сайте nettuts есть много хороших бесплатных учебников.

Очень хорошая книга для начала:

Head First HTML с CSS и XHTML

3 голосов
/ 10 мая 2010

Вы можете найти несколько хороших шаблонов CSS здесь:

http://www.csszengarden.com/

2 голосов
/ 10 мая 2010

Это варьируется от разработчика к разработчику. Так что я просто скажу вам, что я делаю!

Я на самом деле следую очень распространенному шаблону - отделите ЛЮБОЙ макет от содержимого!

В HTML идет ...

  • Текст
  • <div/> контейнеры с идентификаторами для размещения

А в CSS идет ...

  • Макет для идентификаторов и классов <div/> макеты контейнеров
  • Цвета, Фоновые изображения
  • Шрифты

Позволяет быстро изменить весь дизайн страницы, даже не касаясь HTML! И это уменьшает как трафик вашего сервера, так и время загрузки на клиентских страницах, потому что файл CSS можно кэшировать, так как он не меняется так сильно, как HTML!

Опубликованный CSS Zengarden nate является очень хорошим примером этого паттерна. Тот же немодифицированный HTML-код с десятками CSS-файлов совершенно другого вида!

Этот шаблон также позволяет отображать тот же неизмененный HTML-код с автоматически выбранными файлами CSS на больших дисплеях, на небольших нетбуках и на мобильных устройствах. Не может быть лучше, если вы спросите меня!

1 голос
/ 28 мая 2010

Возможно, вы захотите проверить некоторые библиотеки CSS.

Лично мне не нравится их использовать, потому что у меня есть способы, которые мне нравятся, и иногда они недостаточно гибки для того, что я хочу делать. Но так как вы только начинаете, они могут помочь вам получить что-то, что выглядит действительно хорошо, без необходимости беспокоиться об ошибках отбрасывания с плавающей точкой, обвале полей или любых других причудах CSS, которые легко ударить, но трудно распознать, если вы этого не сделали видел их раньше.

Примером может служить Сетка CSS пользовательского интерфейса Yahoo (YUI) CSS , которая поможет вам настроить различные типы макетов сетки. Чтобы найти больше, я искал бы "css framework" или "css library".

Еще одним ресурсом YUI, который, на мой взгляд, был бы очень полезен для вас, была бы их библиотека шаблонов проектирования , которая документирует различные способы отображения общих элементов интерфейса и дает вам ресурсы для их реализации. Это может помочь сделать ваш интерфейс более привычным для пользователей и избавить вас от ощущения, что вам нужно перепроектировать выпадающий список или что-то в этом роде.

0 голосов
/ 10 мая 2010

Практическое правило должно заключаться в том, чтобы весь дизайн в CSS и HTML был просто HTML без призывов к дизайну. Таким образом, как указано выше, вы можете быстро изменить дизайн.

Хорошей ссылкой на то, как это работает, является сайт Zengarden CSS по адресу: http://www.csszengarden.com/

Это сайт, который я часто использовал, когда узнал все тонкости CSS-дизайна.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...