З чого потрібно почати верстальщику

Якщо ви хочете стати верстальником. ви повинні пройти кілька кроків підготовки до успіху. Якщо ваша мета знайти хорошу і високооплачувану роботу html-верстальника. то вам потрібно гарненько підготуватися до майбутнього співбесіди. У цій статті я розповім що потрібно знати і вміти робити для досягнення вашої мети.

З чого потрібно почати верстальщику

Першим кроком завжди повинно бути ознайомлення з тематикою. Основні елементи верстки - це HTML і CSS. Потрібно про них прочитати пару статей, засвоїти поняття HTML тегів і CSS властивостей і селектор. А також дізнатися про найважливіші з них. Також ви повинні освоїти Photoshop. хоча б основні методи роботи з ним.

У моєму випадку наступним кроком були курси WEB-дизайну. Це не обов'язково, але курси мають свої плюси:

  • вивчення та розуміння основ верстки
  • перший досвід верстки готових макетів. які хтось буде перевіряти

Замість курсів, ви можете простудіювати пару підручників по верстці сайтів. Це вам дасть базові знання про всіх HTML тегах. CSS селекторах і властивості. А практичні завдання підручника допоможуть вам ці знання закріпити на робочих прикладах.

Далі буде корисно зайнятися фрілансом, навіть якщо ви на цьому не заробите. -) В разі фрілансу, у вас буде замовник, який більш дослідно і критично оцінить вашу роботу і вкаже на її недоліки.

Далі ви вже можете шукати роботу. -)

Що потрібно знати для вакансії HTML-верстальника

  • принцип будови HTML сторінки - теги html, head, body і які елементи в них можуть знаходитися
  • основні HTML елементи - table, ol, ul, a, p, div, h1-h6, span і інші, а також для чого саме вони використовуються. Потрібно знати різницю між малими та блоковими елементами.
  • версії HTML і які теги в них присутні
  • блокова верстка і її відмінності та переваги перед табличній
  • HTML5. хоча б основні елементи
  • види селекторів
  • основні властивості CSS - фон, колір, розмір, відступи, шрифт, кордону та інші
  • особливі властивості CSS - float, position і інші. Досвід роботи з ними
  • версії CSS і які властивості до них відносяться
  • які властивості різному працюю в різних браузерах
  • вміння робити блочну структуру сторінки
  • CSS3. багато властивостей з цієї версії вже широко використовуються верстальниками

Photoshop:

  • нарізка макета
  • визначення розмірів
  • отримання кольору
  • вирізання графічних елементів
  • дуже потрібно хоча знати що це і для чого застосовується
  • приховати / показати блок (лайтбокс)
  • анімація - слайдер, скроллер
  • вміння змінити стиль / клас елемента
  • вміння отримати / змінити значення елемента

Загальні знання верстки:

Потрібно розуміти ці поняття і знати як їх досягти при верстці сайту.

Крім усього цього, ви повинні вміти користуватися елементами розробника - переглядати HTML і CSS код. користуватися консоллю.

Дуже бажано вміти верстати шаблони для популярних CMS - Joomla. WordPress. Там дуже багато своїх особливостей, адже шаблон повинен бути динамічний.