SlideShare a Scribd company logo
1 of 7
Створення web-документів
Статистика Інтернет 
300 000 000 веб-сайтів 
8 000 000 000 веб-сторинок 
2 000 000 000 користувачів 
12 000 000 користувачів в Україні
Терміни 
Сайт 
сукупність електроних документів, що об’єднані під одною 
адресою (доменним ім’ям) 
Веб-сторинка 
документ або інформаційний ресурс Всесвітнього павутиння, 
доступ до якої здійснюється через веб-браузер 
Браузер, веб-браузер 
Програмне забезпечення для перегляду веб-сторинок. 
Internet Explorer, Mozilla Firefox, Safari, Google Chrome, Opera 
Хостінг 
послуга щодо розміщеня інформації на ПК (сервері), що 
постійно підключений до мережі
Технології розробки веб-сторинок 
HTML, HyperText Markup Language 
стандартна мова розмітки веб-сторінок. Мова HTML 
інтерпретується браузером і відображується у вигляді 
документу в удобному для користувача виді 
CSS, Cascading StyleSheets 
мова описання зовнішнього вигляду HTML-документів. 
Інтерпретується браузером 
JavaScript 
мова для програмного доступу до елементів HTML- 
документів. Виконується у середовищі браузера
HTML 
HTML-документ описує набір елементів. Початок та 
закінчення кожного елементу визначається тегами 
Елементи HTML-документу 
- Загоровки 
- Параграфи 
- Списки (нумеровані та маркіровані) 
- Таблиці 
- Графічні зібраження 
- Гіперпосилання 
- Мультімедіа (аудіо, відео, flash-анімація, …)
Структура HTML-документу 
<HTML> 
<HEAD> 
<TITLE>Титул</TITLE> 
</HEAD> 
<BODY> 
<H1>Заголовок</H1> 
<P>Текст</P> 
</BODY> 
</HTML> 
Заголовок 
Тіло документу
Структура HTML-документу 
<HTML> 
<HEAD> 
<TITLE>Титул</TITLE> 
</HEAD> 
<BODY> 
<H1>Заголовок</H1> 
<P>Текст</P> 
</BODY> 
</HTML> 
Заголовок 
Тіло документу

More Related Content

Similar to створювання WEB-документів

пошук даних та інформації
пошук даних та інформаціїпошук даних та інформації
пошук даних та інформації
Oksana Kutsenko
 
автоматизоване створення й публікація веб ресурсів
автоматизоване створення й публікація веб ресурсівавтоматизоване створення й публікація веб ресурсів
автоматизоване створення й публікація веб ресурсів
kissoli
 
11 web services
11 web services11 web services
11 web services
eleksdev
 
інтернет. адресація в інтернеті
інтернет. адресація в інтернетіінтернет. адресація в інтернеті
інтернет. адресація в інтернеті
NataKvasha
 

Similar to створювання WEB-документів (20)

Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML. Форматуванн...
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML.  Форматуванн...Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML.  Форматуванн...
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML. Форматуванн...
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Тема 4. Веб-технології
Тема 4. Веб-технологіїТема 4. Веб-технології
Тема 4. Веб-технології
 
Відкритий «Урок-кінозал»
Відкритий «Урок-кінозал»Відкритий «Урок-кінозал»
Відкритий «Урок-кінозал»
 
Використання веб-браузера.Ppt
Використання веб-браузера.PptВикористання веб-браузера.Ppt
Використання веб-браузера.Ppt
 
пошук даних та інформації
пошук даних та інформаціїпошук даних та інформації
пошук даних та інформації
 
компьютерные сети
компьютерные сетикомпьютерные сети
компьютерные сети
 
компьютерна мережа
компьютерна мережакомпьютерна мережа
компьютерна мережа
 
автоматизоване створення й публікація веб ресурсів
автоматизоване створення й публікація веб ресурсівавтоматизоване створення й публікація веб ресурсів
автоматизоване створення й публікація веб ресурсів
 
про веб дизайн
про веб дизайнпро веб дизайн
про веб дизайн
 
9 клас 22 знайомство з системами обробки тексту
9 клас 22 знайомство з системами обробки тексту9 клас 22 знайомство з системами обробки тексту
9 клас 22 знайомство з системами обробки тексту
 
розділ 2.3 8 кл
розділ 2.3  8 клрозділ 2.3  8 кл
розділ 2.3 8 кл
 
інф 11 кл веб сайт
інф 11 кл веб сайтінф 11 кл веб сайт
інф 11 кл веб сайт
 
11 web services
11 web services11 web services
11 web services
 
11
1111
11
 
кросворд222
кросворд222кросворд222
кросворд222
 
9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.
9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.
9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.
 
інтернет. адресація в інтернеті
інтернет. адресація в інтернетіінтернет. адресація в інтернеті
інтернет. адресація в інтернеті
 
6 клас (урок№29)
6 клас (урок№29)6 клас (урок№29)
6 клас (урок№29)
 
Computer Networks
Computer NetworksComputer Networks
Computer Networks
 

створювання WEB-документів

  • 2. Статистика Інтернет 300 000 000 веб-сайтів 8 000 000 000 веб-сторинок 2 000 000 000 користувачів 12 000 000 користувачів в Україні
  • 3. Терміни Сайт сукупність електроних документів, що об’єднані під одною адресою (доменним ім’ям) Веб-сторинка документ або інформаційний ресурс Всесвітнього павутиння, доступ до якої здійснюється через веб-браузер Браузер, веб-браузер Програмне забезпечення для перегляду веб-сторинок. Internet Explorer, Mozilla Firefox, Safari, Google Chrome, Opera Хостінг послуга щодо розміщеня інформації на ПК (сервері), що постійно підключений до мережі
  • 4. Технології розробки веб-сторинок HTML, HyperText Markup Language стандартна мова розмітки веб-сторінок. Мова HTML інтерпретується браузером і відображується у вигляді документу в удобному для користувача виді CSS, Cascading StyleSheets мова описання зовнішнього вигляду HTML-документів. Інтерпретується браузером JavaScript мова для програмного доступу до елементів HTML- документів. Виконується у середовищі браузера
  • 5. HTML HTML-документ описує набір елементів. Початок та закінчення кожного елементу визначається тегами Елементи HTML-документу - Загоровки - Параграфи - Списки (нумеровані та маркіровані) - Таблиці - Графічні зібраження - Гіперпосилання - Мультімедіа (аудіо, відео, flash-анімація, …)
  • 6. Структура HTML-документу <HTML> <HEAD> <TITLE>Титул</TITLE> </HEAD> <BODY> <H1>Заголовок</H1> <P>Текст</P> </BODY> </HTML> Заголовок Тіло документу
  • 7. Структура HTML-документу <HTML> <HEAD> <TITLE>Титул</TITLE> </HEAD> <BODY> <H1>Заголовок</H1> <P>Текст</P> </BODY> </HTML> Заголовок Тіло документу