Урок 12 Тема: «Основи веб-дизайну. Розробник викладач інформатики Якубова Т.М.
Web-сторінка
Браузер
Гіпертекст Поняття Гіпертекст запровадив Тед Нельсон у 1969 році
Гіперпосилання
Гіпермедіа
Для опанування основами веб- дизайну, необхідно знати:
Найпопулярніші Веб-редактори
Склад URL
Типи Web- сторінок
Класифікація сайтів
Етапи створення сайтів
Дякую за увагу!
Веб-сторінка – це текстовий документ, записаний у форматі HTML з використанням спеціальних кодів (тегів), за допомогою яких в текст можна вставляти графічні зображення, музику, відео фрагменти тощо.
Браузер- – спеціальна програма для перегляду веб-сторінок. Найпопулярніші веб-браузери – Internet Explorer, Opera, Mozilla, Firefox.
Теги (дескриптори) – це коди мови HTML (мова розмітки гіпертексту), за допомогою яких розмічають вихідний текст.
HTML-документ – це звичайний текстовий файл із розширенням.htm або.html.
Створення веб-сторінок. Всі теги починаються із символу.
Відкривальні і закривальні теги. Відкривальні теги можуть мати атрибути, що впливають на ефект, створений тегом.
Парні теги Називаються контейнерами. Приклади парних тегів:
Непарні теги Задають разовий ефект у місці своєї появи. Наприклад:,
Структура HTML-документа: Заголовок документа Текст веб-сторінки
Теги вирівнювання. Атрибут вирівнювання тексту – ALIGN. Наприклад: Текст заголовка вирівнювання по центру Текст заголовка вирівнювання по правому краю Текст заголовка вирівнювання по лівому краю
Теги абзаців. Текст, розміщений між тегами і власне і буде одним абзацом. Тег перехід на новий рядок без створення абзацу. Тег створення горизонтальних ліній, які візуально ділять документ на частини. Тег вибір кольору та зображення для всього документа і його тла. Тег та для створення гіперпосилання. HREF атрибут для тегу. Значення цього атрибута – адреса URL.
Посилання. Загальний формат посилання такий: текст посилання
Створення шаблону веб-сторінки 1.Увійти в текстовий редактор WordPad або Блокнот 2.Набрати текст: Назва веб-сторінки Текст веб-сторінки 3. Зберегти цей файл під імям base.htm
Основні теги 1.Початок роботи 2.Заголовок вікна 3.Тіло документа 4.Фон таблиці bgcolor =колір 5.Розмір тексту (1 7) … 6.Розрив рядків 7.Рухомий текст 8.Таблиці
1.Новий рядок таблиці 2.Форматування заголовка рядка чи стовпця … 3. Форматування тексту комірки …