26 мая 2008

5 советов верстальщику

Перехватываю эстафету советов верстальщику  и предлагаю свои 5 пунктов, которые могут быть кому то полезными. Довольно много верстальщиков поддержали эту идею и делились своими мыслями. Надеюсь, что не повторился. Итак, мои 5 советов по html/css верстке сайтов.

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

2. Не останавливайся на достигнутом! Читай больше статей про html/css верстку. Броди по блогам верстальщиков, там можно найти много новой и полезной для себя информации. Все знать ты не можешь.

3. Собирай и структурируй свою библиотеку решений по верстке и создавай свои фреймворки. Это поможет сэкономить много времени при верстке.

4. Таблицы используй только для вывода табличных данных. Не слушай тех, кто говорит, что таблицами верстать быстрее и надежнее. Это говорят ленивые верстальщики, которые выучили 5 лет назад табличную верстку (тогда она была актуальной), а сейчас не хотят переучиваться. Грамотная блочная верстка справится с макетами любой сложности!

5. Не напрягай мозг, заучивая новые теги, приемы и технологии верстки. Не обязательно все помнить и держать в голове, важнее знать, где это найти в случае необходимости! Если ты будешь много верстать -  все это само сабой отложится в памяти.

  • 1 Star2 Stars3 Stars4 Stars5 Stars
  • ОднаКнопка

Комментарии

16
Волотко Дмитрий 27 мая | 3:02

Здравые советы.

webmolot 27 мая | 3:17

Рад, что тебе понравились )

Денис 15 июля | 8:06

Не нашел контактов, поэтому пишу в комментарий.
Скажите, как с вами можно связаться? У меня есть вопрос по этому посту. Хотел спросить вашего разрешения на публикацию.

Если удобно — можете написать мне на e-mail, который “не публикуется”, но который я прилежно вписал. :)

webmolot 29 июля | 5:28

Связаться со мной можно по:
ICQ: 446-086-927
e-mail: webmolot@gmail.com
или через форму заказа на сайте

vic 06 января | 23:54

А как создаются эти самые фреймворки? Можно примерчик!
Спасибо!

webmolot 07 января | 2:48

Например, перед вами стоит задача сверстать резиновый макет с 3-мя колонками, где боковые - фиксированные по ширине и тянутся вниз. Вы открываете этот фреймворк и начинаете работу. Завтра задача поменялась, колонки должны все тянуться пропорционально. Загружаете другой фреймворк.

Для каждой, даже самой несложной задачи можно создать свой фреймворк (заготовку), который ускорит работу по решению типовых задач.

Neroto 18 января | 23:45

:))))) хорошо пишешь

Вадим 21 января | 3:12

То есть, фреймуорк - это типа заготовленного шаблона?

webmolot 21 января | 3:31

типа того

Макс 03 февраля | 12:55

Не соглашусь с тем, что фреймворк - это “типа заготовленного шаблона”. Моё мнение, фреймворк - это набор правил вёрстки, набор каких-то классов, которые включаются в каждую вёрстку, набор стандартных решений. Т.е. шаблон может быть частью фреймворка. Примеры фреймворков - blueprintcss, yui css.

webmolot 03 февраля | 17:44

Думаю, не стоит спорить по этому вопросу. Приведу лучше определение из Википедии:

Framework — термин, имеющий размытое значение. Обычно используется в программировании, обозначая «простую концептуальную структуру, используемую для решения сложной, проблемной задачи». Значение этого термина существенно зависит от контекста его использования.

Вовка 08 февраля | 14:34

блин ребята тут у вас прост кладяз инфы
огромнейшее спосибо за советы поклон до земли для мя как для начинающего оч важная инфа

Геннадий Селиверстов 10 октября | 10:53

Супер,а теперь кто-нибудь просто обязан объяснить мне,что такое “верстка”. =)

html шаблоны сайтов 23 ноября | 20:50

По 4 пункту не согласен. иногда есть проекты где без таблиц ну никак. Ни один из готовых 3 column css layout не может себя корректно вести если его содержимое становится больше его самого. И никакие overflow:hidden не помогут. Остается 2 пути: или шаманить с яваскриптом или сделать за 1 минуту на таблице. Время - это деньги и соотвественно лучше выбрать более быстрое решение.

Achilles_sm 27 января | 23:10

Прекрасно работает overflow:hidden… Таблицы — нах. Ты это написал, чтобы ссылку на свой сайт оставить? noindex надо в каментах поставить, чтобы вот такие ахтунги бесплатно не наживались…

Дмитрий 04 февраля | 14:18

Полностью согласен! Нужно находить оптимальное решение для конкретной задачи. Можно и на таблицах сделать, и на блоках.

Написать комментарий



 * - поля, обязательные для заполнения