Урок 12. Основи веб-дизайну

Июль 30, 2022

Главная
Информатика
Урок 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. Теги абзаців. Текст, розміщений між тегами і власне і буде одним абзацом. Тег ─ перехід на
25. Посилання. Загальний формат посилання такий: текст посилання
26. Створення шаблону веб-сторінки Увійти в текстовий редактор WordPad або Блокнот Набрати текст: Назва веб-сторінки Текст веб-сторінки
27. Основні теги Початок роботи Заголовок вікна Тіло документа Фон таблиці bgcolor =“колір” Розмір тексту (1 ─
29. Скачать презентацию

Слайд 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.

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

Слайд 26

Створення шаблону веб-сторінки
Увійти в текстовий редактор WordPad або Блокнот
Набрати текст:

Назва</div></h2><div class="slides-content">веб-сторінки

Текст веб-сторінки

3. Зберегти цей файл під ім’ям base.htm

Слайд 27

Основні теги
Початок роботи
Заголовок вікна
Тіло документа
Фон таблиці bgcolor

=“колір”
Розмір тексту (1 ─ 7) …
Розрив рядків

Рухомий текст
Таблиці