HTML і CSS з нуля, онлайн

Програма курсу розрахована на тих хто планує опанувати HTML і СSS, зробити перший крок на шляху до професії веб розробника. По завершенню курсу ви зможете самостійно створювати HTML сторінки, адмініструвати CMS системи будь-якої складності.

Також на курсі ви дізнаєтесь:

• Що таке HTML, структура HTML сторінки. Структура елемента
• Анатомія тега. Парні і непарні теги
• Текст, зображення, списки, таблиці та інші елементи сторінки. Навігація по сторінці
• Блокові теги. Валідний код на HTML
• Що таке CSS та у чому його сила
• Підключення таблиці стилів. Види селекторів

1 модуль. Базові принципи роботи з HTML

• Ви познайомитеся з тегами та їх атрибутами, освоїте правила оформлення. 
• Детально розберетеся, що таке вкладеність тегів і як зробити так, щоб ваша розмітка була читабельною та зрозумілою. 
• На наочних прикладах пропрацюєте порядок використання таких тегів як абзац, цитата, посилання, картинка. Навчитеся розставляти акценти у тексті.
• Зрозумієте види та порядок формування списків та таблиць. Розберете різницю між маркованими, нумерованими списками та списками опису, сформуєте розмітку для свого першого багаторівневого списку.
• На наочних прикладах розглянете варіанти оформлення таблиць та способами оформлення зображень.

Практична робота – створити макет резюме для майбутнього сайту візитки, що представляє Вас як фахівця певної галузі.

2 модуль. Базові принципи роботи з CSS

• Дізнаєтесь, що таке селектори. 

• Освоїте CSS-правила: властивість та його значення. 

• На практиці переконаєтесь, як за допомогою CSS можна змінювати розмір шрифту, його зображення, колір.

• Оволодієте навиками комбінування селекторів.

• Зрозумієте поняття селекторів класу, розберете синтаксис та правила їх комбінації. 

• Проаналізуєте CSS-правила, які допоможуть оформити текст і задати його вирівнювання.

• Дізнаєтеся, як змінити маркери у списках та встановити замість стандартного символу оригінальну картинку і не тільки. 

Практична робота – використовуючи запропоновану методику створіть свій унікальний шаблон або повторіть запропонований в роботі варіант.