Опис курсу:

Курс HTML і CSS призначений для введення і ознайомлення з принципами роботи Web-орієнтованих технологій. Ви дізнаєтеся про порядок публікації документів у Web, познайомитеся зі структурою HTML-документа, навчитеся створювати HTML-сторінки з використанням елементів структури HTML-документа. На практиці ви навчитеся працювати з мультимедіа, засобами навігації, Div-шарами і каскадними таблицями стилів CSS.

Після вивчення курсу Ви зможете:

 
  • Створювати структуру звичайної HTML-сторінки.
  • Створювати текст на HTML-сторінці.
  • Розміщувати аудіо, відео та зображення на HTML-сторінці.
  • Розміщувати посилання на HTML-сторінці.
  • Розміщувати елементи HTML-сторінки в певному стилі.
  • Створювати веб-форми.
  • Створювати сторінки за допомогою блоків.
  • Верстати макет сайту.

Програма курсу:

  • Введення в HTML.
    • Принципи роботи Web-орієнтованих технологій
    • Архітектура «Клієнт-сервер»
    • Порядок публікації документа в Web
    • Стандарт HTML. Структура HTML-документа
    • Створення HTML-документа
    • Створення гіперпосилань
    • Якорі
    • Робота з текстом в HTML
    • Основні теги роботи з текстом
    • Заголовки
    • Абзаци
    • Перенесення рядка
    • Горизонтальні лінії
    • Жирний текст
    • Курсив
    • Підкреслення
    • Більший і менший розміри
    • Верхній і нижній індекси
    • Цитати
    • Вставка спецсимволів
    • Логічні стилі відображення символів
    • Виділення тексту
    • Тег
    • Особливості роботи з тегом
  • Робота з графікою.
    • Робота з кольором і колірними моделями
    • Формати зображень для WEB
    • Робота з зображеннями
    • Вбудовування зображень в HTML-документи
    • Атрибути зображень
    • Позиціонування зображень
    • Графічні гіперпосилання
    • Робота з фоном
    • Атрибути фону
    • Розмір і варіанти відображення фону
    • Карти-зображення
    • Тег і його атрибути
  • Списки і таблиці.
    • Нумеровані списки
    • Маркери
    • Вкладені списки
    • Списки визначень
    • Поняття таблиці
    • Основні складові таблиці
    • Заголовні осередки
    • Порожні осередки
    • Вкладені таблиці
    • Атрибути таблиць
    • Форматування осередків
    • Об'єднання осередків
    • Використання фону в таблицях
    • Таблична верстка: переваги і недоліки
  • CSS.
    • Поняття CSS
    • Верстка за допомогою CSS
    • Підключення CSS
    • Таблиця пов'язаних стилів
    • Таблиця глобальних стилів
    • Внутрішні стилі
    • Селектори тегів
    • Класи
    • Ідентифікатори
    • Контекстні селектори
    • Сусідні селектори
    • Дочірні селектори
    • Селектори атрибутів
    • Застосування стилів для декількох елементів
    • Псевдокласи і псевдоелементи
    • Наслідування стилів
    • Плюси і мінуси застосування CSS
  • Блокова верстка. Елемент div.
    • Елемент
    • Переваги блокової верстки
    • Створення і наповнення
    • Позиціонування елементів
    • Властивості float і clear
    • Вкладеність шарів
    • Внутрішній і зовнішній відступи
    • Налаштування властивостей padding і margin
  • Форми і елементи форм. Метатеги.
    • Тег "f o r m"
    • Тег "i n p u t"
    • Елемент управління text
    • Елемент управління password
    • Елемент управління button
    • Елемент управління textarea
    • Елемент управління checkbox
    • Елемент управління radiobutton
    • Елемент управління select
    • Елемент управління submit
    • Елемент управління reset
    • Угруповання елементів форми
    • Атрибути елементів форми
    • Поняття метатега
    • Керуючі команди для браузера
    • Інформація про сторінку і її автора
    • Метатеги для пошукових механізмів
  • Підготовка дизайн-макету до верстки.
    • Поділ зображення на фрагменти
    • Нарізка сайтів в Photoshop
    • Оптимізація зображень для WEB
    • Pixel perfect верстка
  • Фінальне заняття.
    • Складання іспиту / проекту

Мінімальні вимоги:

  • Власний ПК.

* Вказані знижки не сумуються з іншими діючими акціями та спеціальними пропозиціями. Якщо у Вас виникли питання, звертайтеся за консультацією до наших менеджерів!