🗊 Презентация Створення Web-сторінок

Категория: Устройства и комплектующие
Нажмите для полного просмотра!
Створення Web-сторінок, слайд №1 Створення Web-сторінок, слайд №2 Створення Web-сторінок, слайд №3 Створення Web-сторінок, слайд №4 Створення Web-сторінок, слайд №5 Створення Web-сторінок, слайд №6 Створення Web-сторінок, слайд №7 Створення Web-сторінок, слайд №8 Створення Web-сторінок, слайд №9 Створення Web-сторінок, слайд №10 Створення Web-сторінок, слайд №11 Створення Web-сторінок, слайд №12 Створення Web-сторінок, слайд №13 Створення Web-сторінок, слайд №14 Створення Web-сторінок, слайд №15 Створення Web-сторінок, слайд №16 Створення Web-сторінок, слайд №17 Створення Web-сторінок, слайд №18 Створення Web-сторінок, слайд №19 Створення Web-сторінок, слайд №20 Створення Web-сторінок, слайд №21 Створення Web-сторінок, слайд №22 Створення Web-сторінок, слайд №23 Створення Web-сторінок, слайд №24 Створення Web-сторінок, слайд №25 Створення Web-сторінок, слайд №26 Створення Web-сторінок, слайд №27 Створення Web-сторінок, слайд №28 Створення Web-сторінок, слайд №29 Створення Web-сторінок, слайд №30 Створення Web-сторінок, слайд №31 Створення Web-сторінок, слайд №32 Створення Web-сторінок, слайд №33 Створення Web-сторінок, слайд №34 Створення Web-сторінок, слайд №35 Створення Web-сторінок, слайд №36 Створення Web-сторінок, слайд №37 Створення Web-сторінок, слайд №38 Створення Web-сторінок, слайд №39 Створення Web-сторінок, слайд №40 Створення Web-сторінок, слайд №41 Створення Web-сторінок, слайд №42 Створення Web-сторінок, слайд №43 Створення Web-сторінок, слайд №44 Створення Web-сторінок, слайд №45 Створення Web-сторінок, слайд №46 Створення Web-сторінок, слайд №47 Створення Web-сторінок, слайд №48 Створення Web-сторінок, слайд №49 Створення Web-сторінок, слайд №50 Створення Web-сторінок, слайд №51 Створення Web-сторінок, слайд №52 Створення Web-сторінок, слайд №53 Створення Web-сторінок, слайд №54 Створення Web-сторінок, слайд №55 Створення Web-сторінок, слайд №56 Створення Web-сторінок, слайд №57 Створення Web-сторінок, слайд №58 Створення Web-сторінок, слайд №59 Створення Web-сторінок, слайд №60 Створення Web-сторінок, слайд №61 Створення Web-сторінок, слайд №62 Створення Web-сторінок, слайд №63 Створення Web-сторінок, слайд №64 Створення Web-сторінок, слайд №65 Створення Web-сторінок, слайд №66 Створення Web-сторінок, слайд №67 Створення Web-сторінок, слайд №68 Створення Web-сторінок, слайд №69 Створення Web-сторінок, слайд №70 Створення Web-сторінок, слайд №71 Створення Web-сторінок, слайд №72 Створення Web-сторінок, слайд №73 Створення Web-сторінок, слайд №74 Створення Web-сторінок, слайд №75 Створення Web-сторінок, слайд №76 Створення Web-сторінок, слайд №77 Створення Web-сторінок, слайд №78 Створення Web-сторінок, слайд №79 Створення Web-сторінок, слайд №80 Створення Web-сторінок, слайд №81 Створення Web-сторінок, слайд №82 Створення Web-сторінок, слайд №83 Створення Web-сторінок, слайд №84 Створення Web-сторінок, слайд №85 Створення Web-сторінок, слайд №86 Створення Web-сторінок, слайд №87 Створення Web-сторінок, слайд №88 Створення Web-сторінок, слайд №89 Створення Web-сторінок, слайд №90 Створення Web-сторінок, слайд №91 Створення Web-сторінок, слайд №92 Створення Web-сторінок, слайд №93 Створення Web-сторінок, слайд №94 Створення Web-сторінок, слайд №95 Створення Web-сторінок, слайд №96 Створення Web-сторінок, слайд №97 Створення Web-сторінок, слайд №98 Створення Web-сторінок, слайд №99 Створення Web-сторінок, слайд №100 Створення Web-сторінок, слайд №101 Створення Web-сторінок, слайд №102 Створення Web-сторінок, слайд №103 Створення Web-сторінок, слайд №104 Створення Web-сторінок, слайд №105 Створення Web-сторінок, слайд №106 Створення Web-сторінок, слайд №107
Скачать

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Створення Web-сторінок. Доклад-сообщение содержит 107 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1


Тема: “Створення Web-сторінок”
Описание слайда:
Тема: “Створення Web-сторінок”

Слайд 2


Web-сайт – це сукупність Web-сторінок, які об’єднані однією загальною темою
Описание слайда:
Web-сайт – це сукупність Web-сторінок, які об’єднані однією загальною темою

Слайд 3


Створення Web-сторінок, слайд №3
Описание слайда:

Слайд 4


Сайт-візитка
Описание слайда:
Сайт-візитка

Слайд 5


Інформаційний сайт
Описание слайда:
Інформаційний сайт

Слайд 6


Інтернет-портал
Описание слайда:
Інтернет-портал

Слайд 7


Інтернет-магазин
Описание слайда:
Інтернет-магазин

Слайд 8


Основи мови HTML: теги, атрибути тегів, коментарі
Описание слайда:
Основи мови HTML: теги, атрибути тегів, коментарі

Слайд 9


Html-документ – це звичайний текстовий документ, що містить спеціальні команди для розмітки тексту (теги).
Описание слайда:
Html-документ – це звичайний текстовий документ, що містить спеціальні команди для розмітки тексту (теги).

Слайд 10


ТЕГИ
Описание слайда:
ТЕГИ

Слайд 11


Тег завжди починається зі знаку «меньше» () Наприклад:
Описание слайда:
Тег завжди починається зі знаку «меньше» () Наприклад:

Слайд 12


ТЕГИ
Описание слайда:
ТЕГИ

Слайд 13


СТРУКТУРНІ ТЕГИ
Описание слайда:
СТРУКТУРНІ ТЕГИ

Слайд 14


СТРУКТУРНІ ТЕГИ
Описание слайда:
СТРУКТУРНІ ТЕГИ

Слайд 15


КОМЕНТАРІ
Описание слайда:
КОМЕНТАРІ

Слайд 16


ПРИКЛАД HTML-ДОКУМЕНТУ
Описание слайда:
ПРИКЛАД HTML-ДОКУМЕНТУ

Слайд 17


Практичне завдання
Описание слайда:
Практичне завдання

Слайд 18


Створення Web-сторінок, слайд №18
Описание слайда:

Слайд 19


Завантажуємо стандартну програму Блокнот і вводимо теги для створення базової структури HTML сторінки
Описание слайда:
Завантажуємо стандартну програму Блокнот і вводимо теги для створення базової структури HTML сторінки

Слайд 20


Створюємо заголовок для нашої Web-сторінки, для цього необхідно ввести назву між тегами «Заняття 1»
Описание слайда:
Створюємо заголовок для нашої Web-сторінки, для цього необхідно ввести назву між тегами «Заняття 1»

Слайд 21


Зберігаємо документ: Файл → Сохранить Как (File -> Save as) з ім'ям: index.html
Описание слайда:
Зберігаємо документ: Файл → Сохранить Как (File -> Save as) з ім'ям: index.html

Слайд 22


Заванажуємо броузер – Internet Explorer Відкриємо в броузері наш документ: Файл - Открыть - кнопка Обзор вказуємо адрес нашого документа index.html.
Описание слайда:
Заванажуємо броузер – Internet Explorer Відкриємо в броузері наш документ: Файл - Открыть - кнопка Обзор вказуємо адрес нашого документа index.html.

Слайд 23


Створення Web-сторінок, слайд №23
Описание слайда:

Слайд 24


Створення Web-сторінок, слайд №24
Описание слайда:

Слайд 25


При перегляді Web-сторінки ми бачимо, що вона вже має і’мя
Описание слайда:
При перегляді Web-сторінки ми бачимо, що вона вже має і’мя

Слайд 26


Створення Web-сторінок, слайд №26
Описание слайда:

Слайд 27


Створення Web-сторінок, слайд №27
Описание слайда:

Слайд 28


Створення Web-сторінок, слайд №28
Описание слайда:

Слайд 29


Змінюємо колір шрифту текст
Описание слайда:
Змінюємо колір шрифту текст

Слайд 30


Створення Web-сторінок, слайд №30
Описание слайда:

Слайд 31


Створення Web-сторінок, слайд №31
Описание слайда:

Слайд 32


Створюємо колір тексту для всього документу
Описание слайда:
Створюємо колір тексту для всього документу

Слайд 33


Створення Web-сторінок, слайд №33
Описание слайда:

Слайд 34


Створення Web-сторінок, слайд №34
Описание слайда:

Слайд 35


Створення фону
Описание слайда:
Створення фону

Слайд 36


Створення Web-сторінок, слайд №36
Описание слайда:

Слайд 37


Створення Web-сторінок, слайд №37
Описание слайда:

Слайд 38


Створення абзаців, використовуємо тег
Описание слайда:
Створення абзаців, використовуємо тег

Слайд 39


Центрувати текст: текст Вирівнювати по лівому краю документу: текст Вирівнювати текст по правому краю документу: текст По ширині документа: текст
Описание слайда:
Центрувати текст: текст Вирівнювати по лівому краю документу: текст Вирівнювати текст по правому краю документу: текст По ширині документа: текст

Слайд 40


Створення Web-сторінок, слайд №40
Описание слайда:

Слайд 41


Створення Web-сторінок, слайд №41
Описание слайда:

Слайд 42


Також для вирівнюювання тексту можна використовувати тег . Всі чотири значення атрибуту align можна вживати з : текст текст текст текст
Описание слайда:
Також для вирівнюювання тексту можна використовувати тег . Всі чотири значення атрибуту align можна вживати з : текст текст текст текст

Слайд 43


Створення Web-сторінок, слайд №43
Описание слайда:

Слайд 44


Створення Web-сторінок, слайд №44
Описание слайда:

Слайд 45


Створення заголовків тег -
Описание слайда:
Створення заголовків тег -

Слайд 46


Створення Web-сторінок, слайд №46
Описание слайда:

Слайд 47


Створення Web-сторінок, слайд №47
Описание слайда:

Слайд 48


Встановлюємо розмір шрифта тег – атрибут – size текст текст текст текст текст текст текст
Описание слайда:
Встановлюємо розмір шрифта тег – атрибут – size текст текст текст текст текст текст текст

Слайд 49


Створення Web-сторінок, слайд №49
Описание слайда:

Слайд 50


Створення Web-сторінок, слайд №50
Описание слайда:

Слайд 51


Створення стилю для шрифта Напівжирний текст Похилий текст (курсив) Підкреслений текст Перекреслений
Описание слайда:
Створення стилю для шрифта Напівжирний текст Похилий текст (курсив) Підкреслений текст Перекреслений

Слайд 52


Створення Web-сторінок, слайд №52
Описание слайда:

Слайд 53


Створення Web-сторінок, слайд №53
Описание слайда:

Слайд 54


Тип шрифту тег – face атрибут – Arial текст
Описание слайда:
Тип шрифту тег – face атрибут – Arial текст

Слайд 55


Створення Web-сторінок, слайд №55
Описание слайда:

Слайд 56


Створення Web-сторінок, слайд №56
Описание слайда:

Слайд 57


Вставлення малюнка
Описание слайда:
Вставлення малюнка

Слайд 58


Якщо картинка лежить в піддиректорії, то посилання на неї виглядатиме так: Якщо картинка лежить на рівень вище, а документ знаходиться в...
Описание слайда:
Якщо картинка лежить в піддиректорії, то посилання на неї виглядатиме так: Якщо картинка лежить на рівень вище, а документ знаходиться в піддиректорії, то посилання на неї буде таким: Якщо картинка лежить на іншому сайті, то шлях прописується повністю:

Слайд 59


Створення Web-сторінок, слайд №59
Описание слайда:

Слайд 60


Розташування тексту поряд з картинкою, використовують атрибут align, який відповідає за вирівнювання.
Описание слайда:
Розташування тексту поряд з картинкою, використовують атрибут align, який відповідає за вирівнювання.

Слайд 61


Задаємо параметри розташування тексту біля малюнка та розмір малюнка
Описание слайда:
Задаємо параметри розташування тексту біля малюнка та розмір малюнка

Слайд 62


Створення Web-сторінок, слайд №62
Описание слайда:

Слайд 63


Атрибут vspace - задає відстань між текстом і малюнком – по вертикалі
Описание слайда:
Атрибут vspace - задає відстань між текстом і малюнком – по вертикалі

Слайд 64


р
Описание слайда:
р

Слайд 65


Створення Web-сторінок, слайд №65
Описание слайда:

Слайд 66


Атрибут alt - короткий опис картинки
Описание слайда:
Атрибут alt - короткий опис картинки

Слайд 67


Створення Web-сторінок, слайд №67
Описание слайда:

Слайд 68


Створення Web-сторінок, слайд №68
Описание слайда:

Слайд 69


Картинку можна зробити фоном документа Дана дія прописується у відкриваючому тегі body
Описание слайда:
Картинку можна зробити фоном документа Дана дія прописується у відкриваючому тегі body

Слайд 70


Створення Web-сторінок, слайд №70
Описание слайда:

Слайд 71


Створення таблиць Таблиця задається тегом Рядок таблиці Стовпець (комірка) таблиці
Описание слайда:
Створення таблиць Таблиця задається тегом Рядок таблиці Стовпець (комірка) таблиці

Слайд 72


Створення Web-сторінок, слайд №72
Описание слайда:

Слайд 73


Створення Web-сторінок, слайд №73
Описание слайда:

Слайд 74


Колір фону таблиці задається атрибутом bgcolor="цвет_фона“ Фон можна задати для таблиці в цілому, для ряду, для комірки.
Описание слайда:
Колір фону таблиці задається атрибутом bgcolor="цвет_фона“ Фон можна задати для таблиці в цілому, для ряду, для комірки.

Слайд 75


Створення Web-сторінок, слайд №75
Описание слайда:

Слайд 76


Створення Web-сторінок, слайд №76
Описание слайда:

Слайд 77


Задати фон для рядка атрибут bgcolor ми прописуємо для тега –: tr bgcolor="#FFCC33"> фон для всієї таблиці – атрибут bgcolor ми прописуємо...
Описание слайда:
Задати фон для рядка атрибут bgcolor ми прописуємо для тега –: tr bgcolor="#FFCC33"> фон для всієї таблиці – атрибут bgcolor ми прописуємо для тега :

Слайд 78


Задаємо висоту і ширину таблиці використовуємо відомі нам вже атрибути height і width висота і ширина можуть задаватися як в пікселях, так і відсотках
Описание слайда:
Задаємо висоту і ширину таблиці використовуємо відомі нам вже атрибути height і width висота і ширина можуть задаватися як в пікселях, так і відсотках

Слайд 79


Створення Web-сторінок, слайд №79
Описание слайда:

Слайд 80


Вирівнювання тексту в комірках
Описание слайда:
Вирівнювання тексту в комірках

Слайд 81


Вертикальне вирівнювання задається наступним атрибутом - align="middle“ Вертикальне вирівнювання задається наступним атрибутом -...
Описание слайда:
Вертикальне вирівнювання задається наступним атрибутом - align="middle“ Вертикальне вирівнювання задається наступним атрибутом - align="middle“ Top – вгорі Bottom – внизу Горизонтальне вирівнювання вмісту коміркику, а valign - вертикальне, перейдемо до наступної сходинки, щоб дізнатися про інші атрибути, що полегшують наше важке життя.

Слайд 82


Створення Web-сторінок, слайд №82
Описание слайда:

Слайд 83


Створення Web-сторінок, слайд №83
Описание слайда:

Слайд 84


Створення рамки для таблиці Рамка вводиться параметром border
Описание слайда:
Створення рамки для таблиці Рамка вводиться параметром border

Слайд 85


Створення Web-сторінок, слайд №85
Описание слайда:

Слайд 86


Створення Web-сторінок, слайд №86
Описание слайда:

Слайд 87


Колір рамки
Описание слайда:
Колір рамки

Слайд 88


Створення Web-сторінок, слайд №88
Описание слайда:

Слайд 89


Створення Web-сторінок, слайд №89
Описание слайда:

Слайд 90


Лінія і не вимагає закриваючого тега: У лінії є багато різних параметрів: (center или left) (ширина лінії в процентах/пікселях) (толщина линии)...
Описание слайда:
Лінія і не вимагає закриваючого тега: У лінії є багато різних параметрів: (center или left) (ширина лінії в процентах/пікселях) (толщина линии) (отмена объемности) (колір лінії)

Слайд 91


Створення Web-сторінок, слайд №91
Описание слайда:

Слайд 92


Створення форм Всі елементи створення поля введення і кнопок, задаються за допомогою тегів та
Описание слайда:
Створення форм Всі елементи створення поля введення і кнопок, задаються за допомогою тегів та

Слайд 93


Створення Web-сторінок, слайд №93
Описание слайда:

Слайд 94


Створення Web-сторінок, слайд №94
Описание слайда:

Слайд 95


Створення Web-сторінок, слайд №95
Описание слайда:

Слайд 96


Створення Web-сторінок, слайд №96
Описание слайда:

Слайд 97


Створення Web-сторінок, слайд №97
Описание слайда:

Слайд 98


Створення Web-сторінок, слайд №98
Описание слайда:

Слайд 99


Створення Web-сторінок, слайд №99
Описание слайда:

Слайд 100


Створення Web-сторінок, слайд №100
Описание слайда:

Слайд 101


Створення Web-сторінок, слайд №101
Описание слайда:

Слайд 102


Створення Web-сторінок, слайд №102
Описание слайда:

Слайд 103


Створення Web-сторінок, слайд №103
Описание слайда:

Слайд 104


Створення Web-сторінок, слайд №104
Описание слайда:

Слайд 105


Створення Web-сторінок, слайд №105
Описание слайда:

Слайд 106


Створення Web-сторінок, слайд №106
Описание слайда:

Слайд 107


Створення Web-сторінок, слайд №107
Описание слайда:

Скачать

Похожие презентации
Mypresentation.ru
Загрузить презентацию