HTML/CSS Start: адаптивна верстка, Git, публікація сайту

Програма курсу "HTML - верстка" (інтенсивний курс)

Заняття 1 "Введення та основні поняття"

•      Основні відомості про мови розмітки: HTML, XML, XHTML.
•      Еволюція мов розмітки. Цілі та завдання мови HTML.
•      Що таке WEB-сервер, web-сайт, web-сторінка і чим вони відрізняються.
•      Структура HTML-документа. Поняття елементів та атрибутів
•      Що таке тег? Типи тегів. Правила оформлення HTML-документа.
•      Основні елементи форматування тексту.
•      Елементи блокової (block) і текстової (inline) розмітки
•      Використання коментарів.
•      Створення HTML-документа у програмі «Блокнот».

Заняття 2 "Посилання та ілюстрації"

     Механізми адресації на ресурси в Інтернет.
     Реалізація механізму в мові HTML.
     Створення гіперпосилань за допомогою елемента і його атрибутів.
     Типи посилань. Поняття якоря.
     Розміщення ілюстрації на web-сторінці.
     Типи файлів ілюстрацій.
     Елемент і його атрибути.
     Розподіл ілюстрацій по сторінках сайту: прийоми і поради.

Заняття 3 "Таблиці та списки"

     Структурування інформації за допомогою списків. Типи списків.
     Таблиця та її елементи. Особливості табличній моделі.
     Правила завдання розмірів для таблиці та її осередків.
     Редагування осередків.
     Типові помилки при роботі з таблицями.
     Використання таблиць. Макетування за допомогою таблиць.
     Прийоми використання таблиць на веб-сторінці.

Заняття 4 "Фрейми і форми"

     Призначення форм та їх елементи.
     Методи відправки інформації з полів форми.
     Використання табличних функцій при створенні форми.
     Опис фрейма логіки взаємодії фреймів.
     Розбиття вікна браузера на фрейми.
     Типові проблеми сайту з фреймами.

Заняття 5 "Каскадні таблиці"

     Основні цілі та завдання стилів CSS.
     Способи додавання стилів на веб-сторінку.
     CSS: основні поняття і визначення.
     Граматика мови стилів. Створення стилів і класів.
     Принципи каскадування і принципи угруповання.
     Застосування стилів і класів до елементів документа HTML.
     Використання псевдокласів і псевдоелементів.
     Позиціонування елементів на сторінці за допомогою CSS.
     Управління моделлю елемента (властивість display).

Заняття 6 "Використання стилів при створенні сайту"

     Створення і використання зовнішнього стильового файлу.
     Підключення до сторінок сайту шляхом зв'язування та імпорту
     Розробка стильового дизайну з урахуванням моделі редставленія інформації (media type).
     Сучасна верстка сайту за допомогою CSS.
     Огляд підходів на прикладі сайтів з використанням CSS.
     Прийоми макетування веб-сторінки з використанням стилів.

Заняття 7 "Додаткові можливості HTML і CSS. XML-технології та їх застосування"

     Розміщення аудіо- та відеоматеріалів на веб-сторінці.
     Нестандартні теги HTML.
     Нестандартні можливості CSS (фільтри).
     Основні цілі та завдання XML-технології.
     Області застосування XML-технології.

Заняття 8 "Розміщення сайту на сервері та підтримка сайту"

     Опис метаінформації сайту за допомогою елемента META.
     Питання хостингу.
     Налаштування FTP-клієнта. Розміщення сайту на сервері.
     Питання підтримки сайту.
     Способи «розкрутки» сайту.