Урок 12 Тема: «Основи веб-дизайну. Розробник викладач інформатики Якубова Т.М. - презентация

1 Урок 12 Тема: «Основи веб-дизайну. Розробник викладач інформатики Якубова Т.М.

2 Web-сторінка

3 Браузер

4 Гіпертекст Поняття Гіпертекст запровадив Тед Нельсон у 1969 році

5 Гіперпосилання

6 Гіпермедіа

7 Для опанування основами веб- дизайну, необхідно знати:

8 Найпопулярніші Веб-редактори

9 Склад URL

10 Типи Web- сторінок

11 Класифікація сайтів

12 Етапи створення сайтів

13 Дякую за увагу!

14 Веб-сторінка – це текстовий документ, записаний у форматі HTML з використанням спеціальних кодів (тегів), за допомогою яких в текст можна вставляти графічні зображення, музику, відео фрагменти тощо.

15 Браузер- – спеціальна програма для перегляду веб-сторінок. Найпопулярніші веб-браузери – Internet Explorer, Opera, Mozilla, Firefox.

16 Теги (дескриптори) – це коди мови HTML (мова розмітки гіпертексту), за допомогою яких розмічають вихідний текст.

17 HTML-документ – це звичайний текстовий файл із розширенням.htm або.html.

18 Створення веб-сторінок. Всі теги починаються із символу.

19 Відкривальні і закривальні теги. Відкривальні теги можуть мати атрибути, що впливають на ефект, створений тегом.

20 Парні теги Називаються контейнерами. Приклади парних тегів:

21 Непарні теги Задають разовий ефект у місці своєї появи. Наприклад:,

22 Структура HTML-документа: Заголовок документа Текст веб-сторінки

23 Теги вирівнювання. Атрибут вирівнювання тексту – ALIGN. Наприклад: Текст заголовка вирівнювання по центру Текст заголовка вирівнювання по правому краю Текст заголовка вирівнювання по лівому краю

24 Теги абзаців. Текст, розміщений між тегами і власне і буде одним абзацом. Тег перехід на новий рядок без створення абзацу. Тег створення горизонтальних ліній, які візуально ділять документ на частини. Тег вибір кольору та зображення для всього документа і його тла. Тег та для створення гіперпосилання. HREF атрибут для тегу. Значення цього атрибута – адреса URL.

25 Посилання. Загальний формат посилання такий: текст посилання

26 Створення шаблону веб-сторінки 1.Увійти в текстовий редактор WordPad або Блокнот 2.Набрати текст: Назва веб-сторінки Текст веб-сторінки 3. Зберегти цей файл під імям base.htm

27 Основні теги 1.Початок роботи 2.Заголовок вікна 3.Тіло документа 4.Фон таблиці bgcolor =колір 5.Розмір тексту (1 7) … 6.Розрив рядків 7.Рухомий текст 8.Таблиці

28 1.Новий рядок таблиці 2.Форматування заголовка рядка чи стовпця … 3. Форматування тексту комірки …