Евгений!
Я боюсь обобщать, расскажу как было у меня.
Помню, захотел сделать домашнюю страничку. В результатах поиска между Народом и Дримвивером выбрал последний. Установил, потыкался полчаса без результата. Хотелось картинки ставить в любое место, как угодно перемещать и растягивать блоки, рисовать — ничего не получалось. Потом я догадался сохранить какую‑нибудь страничку в браузере и открыть её Дримвивером. Что‑то начало проясняться.
Наглядевшись на чужие сайты, я вернулся к попыткам сделать свой. Из исходного кода на нижней панельке я уловил связь между разметкой и стилями, но поверхностно. Бывало, писал что‑то вроде:
.intro {
horizontal-align: center;
font-size: very-big;
}
После своего сайтика я не постеснялся пообещать другу музыканту, что сделаю сайт и ему.
Я не читал книг «ЦСС для чайников». Всегда шёл от задач, которые казались не по зубам, гуглил, брал нахрапом. После двух лет маринования в собственном соку я попробовал устроиться в бюро. На собеседовании не смог ответить, какой селектор — #id или .class — специфичнее. Но меня взяли. Без зарплаты.
В бюро меня продолжили выкидывать из лодки. Помню свой шок, когда Артём сказал, что анимацию Государственных символов и караоке‑плеер гимна тоже придётся делать мне. Так я начал изучение Яваскрипта.
Еженедельные советы мне тоже казались не по зубам, но благодаря им я подтянулся в теории, начал читать спецификации.
Мне кажется, для начала достаточно создать файл some.html, открыть его сразу в текстовом редакторе и в браузере, отредактировать файл:
<style>
.angry {
color: red;
}
</style>
<p class="angry">Красный текст.</p>
Обновить браузер. Вернуться в редактор, red заменить на blue, после точки с запятой добавить font-size: 100px. Обновить браузер.
И дальше завертится. Или нет.
Это был мой последний совет. Удачи вам!
Это был совет о разработке веб‑интерфейсов. Хотите узнать всё об умной вёрстке, правильных скриптах, грациозной деградации, трюках и работе технолога с дизайнером? Присылайте вопросы.