Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


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

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

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

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

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

Содержание

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

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

Web-сторінка

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

Браузер

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

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

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

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

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

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

Гіпермедіа

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

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

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

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

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

Склад URL

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

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

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

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

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

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

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

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

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

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

HTML з використанням спеціальних кодів (тегів), за допомогою яких

в текст можна вставляти графічні зображення, музику, відео фрагменти тощо.


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

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

– Internet Explorer, Opera, Mozilla, Firefox.


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

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

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


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

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

.htm або .html.


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

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

закінчуються символом >.


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

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

атрибути, що впливають на ефект, створений тегом.


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




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

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

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

появи.
Наприклад:

,


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


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

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


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

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

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

─ вирівнювання по центру
Текст заголовка ─ вирівнювання по

правому краю

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

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


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

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

власне і буде одним абзацом.
Тег
─ перехід на

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


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

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

посилання


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

Увійти в текстовий редактор WordPad або

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

Блокнот
Набрати текст:


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

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


3. Зберегти

цей файл під ім’ям base.htm


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

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


Фон таблиці bgcolor =“колір”
Розмір тексту (1 ─ 7)


Розрив рядків

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







  • Имя файла: urok-12-osnovi-veb-dizaynu.pptx
  • Количество просмотров: 138
  • Количество скачиваний: 0