Что такое 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
  • Количество просмотров: 134
  • Количество скачиваний: 0
- Предыдущая Оказание первой медицинской помощи при ранениях и переломах
Следующая - Польза игры Dota 2

Похожие презентации

Интеллектуальная игра по информатике Круговой сектор Интеллектуальная игра по информатике Круговой сектор 131
Лекция 5. Проектирование баз данных фактографических автоматизированных информационных систем (АИС).Нормализация. Лекция 5. Проектирование баз данных фактографических автоматизированных информационных систем (АИС).Нормализация. 155
Энциклопедии интернета Энциклопедии интернета 116
Формирование цветов в системе цветопередачи RGB Формирование цветов в системе цветопередачи RGB 105
Простейшие методы шифрования текста Простейшие методы шифрования текста 126
Презентация к уроку информатики Технология обработки текстовой информации Презентация к уроку информатики Технология обработки текстовой информации 135
Интерактивные методы для online-занятий Интерактивные методы для online-занятий 99
Как изменить цветовой оттенок фонового рисунка Как изменить цветовой оттенок фонового рисунка 113
Не стандартные диаграммы. Дерево узлов Не стандартные диаграммы. Дерево узлов 151
Информационные системы Информационные системы 85
Основные понятия информации. Процессы преобразования информации Основные понятия информации. Процессы преобразования информации 131
Условный оператор. Оператор выбора Условный оператор. Оператор выбора 120
логические основы устройства ПК логические основы устройства ПК 179
Сыныптан тыс шара Информатик тапқырлар Сыныптан тыс шара Информатик тапқырлар 343
Презентация по информатике на тему Архитектура компьютера Презентация по информатике на тему Архитектура компьютера 120
Профессии, в которых необходимы знания по работе с базами данных Профессии, в которых необходимы знания по работе с базами данных 145
Презентация по теме Логические элементы Презентация по теме Логические элементы 187
3 D анимация (проект ученика 8 класса) 3 D анимация (проект ученика 8 класса) 210
Компьютерные презентации Компьютерные презентации 107
Форматирование. Дефрагментация. Архивация Форматирование. Дефрагментация. Архивация 129
Веселое путешествие в страну информатика Веселое путешествие в страну информатика 128
Электронная таблица MS Excel Электронная таблица MS Excel 160
Презентация Массивы в C# Презентация Массивы в C# 144
Безопасная работа в социальных сетях: общение, публикация материалов, доступа. Безопасная работа в социальных сетях: общение, публикация материалов, доступа. 115
Изучение табличного процессора Microsoft Office Excel 2007 на примере своего собственного электронного журнала Изучение табличного процессора Microsoft Office Excel 2007 на примере своего собственного электронного журнала 152
Структурное, модульное программирование, облачные технологии Структурное, модульное программирование, облачные технологии 125
Комп’ютерна програма-тренажер з іноземної мови (курсова робота з програмування) Комп’ютерна програма-тренажер з іноземної мови (курсова робота з програмування) 124
Логические операции Логические операции 176
ИНТЕРАКТИВНАЯ ИГРА Ориентировка в пространстве учебно-методическое пособие по математике ИНТЕРАКТИВНАЯ ИГРА Ориентировка в пространстве учебно-методическое пособие по математике 261
Компьютерные сети Компьютерные сети 114