Практичні роботи
Практична робота №1. Налаштування сайту та створення HTML-документа
Створіть новий локальний сайт у програмі Adobe Dreamweaver та налаштуйте кореневу папку проекту.
Створіть базову веб-сторінку index.html, налаштуйте метатеги у розділі <head> та задайте назву сторінки.
Результат: створений та налаштований проект Dreamweaver.
Практична робота №2. Робота з текстом та списками
Додайте на сторінку заголовки різних рівнів (<h1>–<h3>), абзаци тексту та маркований список інструментів.
Відформатуйте текст та перевірте його відображення у режимах «Code» та «Live».
Результат: оформлена текстова частина веб-сторінки.
Практична робота №3. Додавання зображень та гіперпосилань
Вставте графічні елементи через панель «Insert» та обов'язково додайте альтернативний текст (alt).
Створіть внутрішні та зовнішні гіперпосилання для навігації між сторінками.
Результат: сторінка з медіафайлами та функціональною навігацією.
Практична робота №4. Стилізація за допомогою CSS Designer
Створіть зовнішній файл стилів style.css та підключіть його до вашого HTML-документа.
За допомогою панелі CSS Designer налаштуйте фоновий колір, шрифти, внутрішні (padding) та зовнішні (margin) відступи.
Результат: стилізована сторінка з підключеними CSS-стилями.