Лабораторно-практичні роботи:
Розробка найпростішої веб-сторінки.
Створення гіпертекстових документів
Структурування веб-сторінок за допомогою таблиць.
ООІ та
ПЗ
–
2.6.3
Каскадні таблиці стилів CSS
Вбудовування таблиць стилів в документ. Визначення стилю в межах окремих
тегів. Зовнішні таблиці стилів.
Робота з текстом. Блокова модель. Межі. Поля. Відступи. Значення стильових
властивостей (кольору, розміри, одиниці виміру).
Селектори. Селектори класів і ідентифікаторів. Поняття псевдокласів і
псевдоелементів. Спадкування, каскадування і пріоритет.
Позиціонування та розміщення блоків. Верстка шарами: використання тегів div і
span. Створення анімації на CSS. Створення landing page.
Групування HTML сторінок і підключення до CSS. Стандарти HTML / CSS.
Лабораторно-практичні роботи:
Застосування каскадних стилів у HTML-документах. Підключення зовнішньої
таблиці.
ООІ та
ПЗ
–
2.6.4
Графіка, аудіо- та відеоінформація на веб-сторінках
Формати зображень, що використовуються в Інтернеті, їхні особливості.
Розміщення й вирівнювання зображень на веб-сторінках. Зображення й карти
посилань.
Створення й розміщення на сайтах gif-анімації. Розміщення на веб-сторінках
аудіо-файлів і настроювання параметрів їх програвання. Формати відеофайлів,
їхні особливості. Вставляння відеофайлів і настроювання параметрів їхнього
відтворення.
Відтворення аудіо- та відеофайлів в онлайновому режимі.
Лабораторно-практичні роботи:
Розміщення на веб-сторінці графічних об’єктів.
ООІ та
ПЗ
–
2.6.5
Графічний редактор веб-сайтів
Інтерфейс програми. Режими перегляду веб-документа. Створення сайту за
допомогою майстра.
Створення веб-сайту вручну: установлення параметрів сторінки, введення й
форматування елементів сторінки: тексту, гіперпосилань, зображень.
Структурування веб-сторінок та сайтів: таблиці та фрейми. Керування графікою
на веб-сторінках. Додавання до веб-сторінок мультимедійного вмісту.
|