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

Содержание

Web-сторінка

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


Слайд 2Web-сторінка


Слайд 3Браузер


Слайд 4Гіпертекст

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


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


Слайд 6Гіпермедіа


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


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


Слайд 9Склад URL


Слайд 10Типи Web- сторінок


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


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


Слайд 13
Дякую за увагу!


Слайд 14Веб-сторінка
– це текстовий документ, записаний у форматі HTML з використанням

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


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

Opera, Mozilla, Firefox.


Слайд 16Теги (дескриптори)
– це коди мови HTML (мова розмітки гіпертексту), за

допомогою яких розмічають вихідний текст.

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


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




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

на ефект, створений тегом.


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





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

,


Слайд 22Структура HTML-документа:


Заголовок документа

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



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

центру

Текст заголовка

─ вирівнювання по правому краю

Текст заголовка

─ вирівнювання по лівому краю


Слайд 24Теги абзаців.
Текст, розміщений між тегами і власне і буде

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


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


Слайд 26 Створення шаблону веб-сторінки

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


Назва

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

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


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


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

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

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







Слайд 28
Новий рядок таблиці
Форматування заголовка рядка чи стовпця

3. Форматування тексту комірки





Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика