Сентябрь 12, 2008
Обучение. Верстка.
На момент этой статьи у меня уже шесть учеников. По горячим следам буду описывать прохождения и грабли по каждому из пунктов, чтоб облегчить себе и ученикам жизнь в будущем.
Первый пункт из моей программы
1. HTML, CSS. Разработчик должен без проблем уметь верстать, быть в курсе большого числа аспектов (семантическая верстка, спрайты, кроссбраузерность, фаербаг итд).
1.1. Понимание основ типографики, юзабилити, дизайна (ководства для начала хватит)
Я даю ученику сверстать простую страничку, он мне ее присылает и я говорю, что неправильно. Уже сейчас могу сказать типичные ошибки учеников при верстке:
1. Не видят расстояний, размеров шрифтов, цветов. Детали, которые для тренированного глаза сразу видны.
Бороться с этим очень легко. Ставим Фаербаг, PixelPerfect и плагин линейка
2. Семантичность. Для списков надо использовать тег <ul><li>. Для заголовков тег h. Для позиционирования элементов не использовать тег br. Для надписи над инпутом использовать тег label.
Короче говоря, надо знать для чего какой тег использовать.
3. Селекторы делаем class, а не по id. Возможно тут и поспорить. Но такое решение гораздо более масштабируемо.
4. Забывают посмотреть в ИЕ или ФФ.
5. CSS инлайн, а надо в отдельном файле.
6. Не знают ничего о свойствах margin и padding, которые управляют расстояними между элементами.
7. Используют в цсс свойства, о назначении которых не знают.
То, что может помочь.
