Евгений!

Я боюсь обобщать, расскажу как было у меня.

Помню, захотел сделать домашнюю страничку. В результатах поиска между Народом и Дримвивером выбрал последний. Установил, потыкался полчаса без результата. Хотелось картинки ставить в любое место, как угодно перемещать и растягивать блоки, рисовать — ничего не получалось. Потом я догадался сохранить какую‑нибудь страничку в браузере и открыть её Дримвивером. Что‑то начало проясняться.

Наглядевшись на чужие сайты, я вернулся к попыткам сделать свой. Из исходного кода на нижней панельке я уловил связь между разметкой и стилями, но поверхностно. Бывало, писал что‑то вроде:

.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. Обновить браузер.

И дальше завертится. Или нет.

Это был мой последний совет. Удачи вам!

Это был совет о разработке веб‑интерфейсов. Хотите узнать всё об умной вёрстке, правильных скриптах, грациозной деградации, трюках и работе технолога с дизайнером? Присылайте вопросы.

Веб‑разработкаНоситель: сайт
Отправить
Поделиться
Запинить

Рекомендуем другие советы