Орієнтовна програма курсу

 

Заняття №1

Короткий огляд браузерів. Поняття про WEB-сервер, web-сайт і web-сторінку. Цілі і завдання мови HTML. Створення HTML-документа. Типи тегів. Правила оформлення HTML-документа. Структура HTML-документа. Поняття атрибут (параметр) тега.

Заняття №2

Теги фізичного форматування "strong", "b". Особливість пробілів, коментарі в документі, символи підстановки. Розмітка HTML - документа "p", "br", горизонтальна лінія "hr", заголовки "h1" - "h6".

Заняття №3

Списки. Структурування інформації на WEB - сторінці за допомогою списків. Типи списків: маркований, нумерований, список визначень, вкладені списки (багаторівневі).

Заняття №4

Посилання. Тег "a". Організація посилань, посилання на інші ресурси, внутрішні посилання.

Заняття №5

Кольорові моделі. Способи задавання кольорів для елементів веб-сторінки.

Заняття №6

Вставка зображення на web - сторінку. Формати файлів. Розміщення графічних зображень на сторінці. Альтернативний текст. Зміна розмірів зображень. Атрибути тега "img": ширина, висота. Карти посилань.

Заняття №7

Таблиці. Для чого використовують таблиці. Об'єднання комірок таблиці. Форматування таблиці, рядків, комірок. Промальовування внутрішніх і зовнішніх ліній таблиці. Відображення порожніх клітинок в таблицях. Заголовки таблиць.

Заняття №8

Фрейми. Створення фреймів. Гіперпосилання у фреймах. Стильове оформлення фреймів. Плаваючі фрейми.

Заняття №9 

Форми. Форми. Навіщо потрібні форми. Елементи форм. Теги "form", "input" (checkbox, radio, submit, reset, image), "select", "textarea". Стильове оформлення елементів форм.

Заняття №10 

Каскадні таблиці стилів CSS. Специфікація CSS. Основні цілі і завдання CSS. Способи додавання стилів на WEB-сторінку. Вбудований, впроваджений, пов'язаний стилі. Види селекторів. Селектори тегів. Класи. Ідентифікатори. Контекстні, сусідні, дочірні селектори. Селектори атрибутів. Універсальні селектори. Псевдокласи. Псевдоелементи. Групування. Унаслідування.

Заняття №11

Оформлення тексту в CSS. (Шрифти, міжрядкова відстань, поля, відступи, абзаци). Спецсимволи. Види шрифтів. Особливості застосування різних видів шрифтів. Стильове оформлення. Одиниці вимірювання шрифтів. Фонові зображення, рамки, ефект «rollover» та ін. Форматування списків за допомогою CSS.

Заняття №12

Робота з шарами (блоками). Тег DIV. Створення і наповнення шарів (блоків). Переповнення, обрізка шару, управління видимістю шару. Відносне і абсолютне позиціонування. Порядок накладення: властивість z-index. Приклади позиціонування: накладення блоків, закріплення "підвалу" внизу сторінки.

Заняття №13

Блочна верстка веб–сторінок. Кросбраузерність і валідність коду. Oсновні види макетів. Способи макетування веб-сторінки.

Заняття №14

Огляд HTML-редакторів.

Заняття №15

Розміщення web-сайта на сервері. Реєстрація доменного імені сайту. Поняття і типи хостингу.