SlideShare a Scribd company logo
це електронний документ, який
містить гіперпосилання на інші
документи. Термін «гіпертекст»
запровадив
Тед Нельсон
у 1969 році.
Гіпертекстова технологія – це
інформаційна технологія, що будується
на використанні гіпертекстів.
Її застосовують у комп’ютерних
енциклопедіях та навчальних
програмах, у прикладних програмах
для роботи з довідковою інформацією,
а також для організації доступу до
інформації у www-просторі, тобто для
роботи з Web-документами.
На відміну від звичайних текстових
документів, гіпертекстові документи
не призначені для виведення на папір.
Основне їхнє застосування – подання
інформації на екран комп’ютера.
Робиться це за допомогою
гіперпосилань.
Гіперпосилання містить адресу файлу
чи адресу місця у документі, до якого
потрібно перейти.
це документ, який призначений для
перегляду на екрані комп’ютера
електронної інформації за допомогою
програми-браузера. Web-документ
інакше називається web-сторінкою.
Web-документ зберігається і
пересилається як файл
з розширенням .htm чи .html.
Декілька web-документів на одну тему,
що є на деякому комп’ютері .
Web-сайти створюють web-дизайнери
для фірм, магазинів, громадських
організацій, окремих осіб з метою
реклами напрямків діяльності, послуг,
товарів, комп’ютерних програм.
текстові блоки
 два-три рисунки невеликих розмірів,
 горизонтальні розмежовувальні лінії
 гіперпосилання.
Більш складні web-документи містять:
 фрейми (структуровані сторінки),
 елементи керування,
динамічні ефекти
 анімовані об’єкти.
Текстові блоки
є трьох основних
типів:
короткі (по два-три
речення) текстові абзаци,
списки,
таблиці.
Абзац на web-сторінці розмежовуються
порожнім рядком і не мають відступів
у першому рядку.
В нормальному режимі web-сторінка
не має горизонтальної смуги
прокручувань (вертикальна є).
Для створення web-сторінок
web-дизайнери користуються
гіпертекстовими редакторами:
Hot Dog Professional,
Netcape Editor,
HTML (Hyper Text
Markup Language
– мова для розмітки
гіпертекстових
документів).
Front Page, та
додатки до MS Word
дають змогу створювати web-сторінки
методом конструювання без
застосування кодів мови HTML.
(код вони створюють автоматично).
Створення web-сторінки виконується
двома способами:
за допомогою мови HTML
методом конструювання
Команди мови HTML називаються
тегами.
Теги бувають одинарними і
парними.
Більшість тегів є парними,
(тег означення HTML-файлу)
<HTML<>…</HTML>.
Парні теги позначають початок і кінець
ділянки дії відповідної команди.
Теги записують у кутових дужках.
Тег, що закриває ділянку дії, має косу
риску.
Тeги можна писати малими і великими
літерами.
Одинарні теги
<P> цей тег означає початок
нового абзацу.
<BR> наступний за цим тегом текст
буде введено у новому рядку
без пропуску рядка.
<HR> буде проведена горизонтальна
лінія.
Парні теги для форматування
символів тексту.
<B> -текст</B>
– товстий шрифт тексту
<I> -текст </I>
– шрифт-курсив
<U> -текст </U>
– підкреслений шрифт
про веб дизайн

More Related Content

Viewers also liked

Famous scientists with ukrainian roots`
Famous scientists with ukrainian roots`Famous scientists with ukrainian roots`
Famous scientists with ukrainian roots`
Марианна Климчук
 
ікт компетентність керівника знз
ікт компетентність керівника знзікт компетентність керівника знз
ікт компетентність керівника знзМарианна Климчук
 
Risk of using mobile phones
Risk of using mobile phonesRisk of using mobile phones
Risk of using mobile phones
Марианна Климчук
 
внесок українців у світову культуру
внесок українців у світову культурувнесок українців у світову культуру
внесок українців у світову культуруМарианна Климчук
 
Амосов Микола Михайлович.презентация Pptx
Амосов Микола Михайлович.презентация PptxАмосов Микола Михайлович.презентация Pptx
Амосов Микола Михайлович.презентация Pptxnastia90
 
презентація до відкритого уроку
презентація до відкритого урокупрезентація до відкритого уроку
презентація до відкритого урокуSvetaMytchenko
 
презентация амосов
презентация амосовпрезентация амосов
презентация амосовhvardiya
 
Thomas Grey
Thomas GreyThomas Grey
Рідна мова - духовний скарб нації
Рідна мова - духовний скарб націїРідна мова - духовний скарб нації
Рідна мова - духовний скарб нації
Adriana Himinets
 

Viewers also liked (20)

україна рідний край
україна рідний крайукраїна рідний край
україна рідний край
 
вживання апострофа1
вживання апострофа1вживання апострофа1
вживання апострофа1
 
Famous scientists with ukrainian roots`
Famous scientists with ukrainian roots`Famous scientists with ukrainian roots`
Famous scientists with ukrainian roots`
 
ноосфера
ноосфераноосфера
ноосфера
 
джорж орвел скотоферма
джорж орвел скотофермаджорж орвел скотоферма
джорж орвел скотоферма
 
мутації
мутаціїмутації
мутації
 
біолоігія 1
біолоігія 1біолоігія 1
біолоігія 1
 
генетика
генетикагенетика
генетика
 
ікт компетентність керівника знз
ікт компетентність керівника знзікт компетентність керівника знз
ікт компетентність керівника знз
 
складні слова
складні словаскладні слова
складні слова
 
Risk of using mobile phones
Risk of using mobile phonesRisk of using mobile phones
Risk of using mobile phones
 
до дня мови
до дня мовидо дня мови
до дня мови
 
внесок українців у світову культуру
внесок українців у світову культурувнесок українців у світову культуру
внесок українців у світову культуру
 
письменники буковини
письменники буковиниписьменники буковини
письменники буковини
 
Амосов Микола Михайлович.презентация Pptx
Амосов Микола Михайлович.презентация PptxАмосов Микола Михайлович.презентация Pptx
Амосов Микола Михайлович.презентация Pptx
 
презентація до відкритого уроку
презентація до відкритого урокупрезентація до відкритого уроку
презентація до відкритого уроку
 
презентация амосов
презентация амосовпрезентация амосов
презентация амосов
 
днф, кнф, сднф, скнф
днф, кнф, сднф, скнфднф, кнф, сднф, скнф
днф, кнф, сднф, скнф
 
Thomas Grey
Thomas GreyThomas Grey
Thomas Grey
 
Рідна мова - духовний скарб нації
Рідна мова - духовний скарб націїРідна мова - духовний скарб нації
Рідна мова - духовний скарб нації
 

Similar to про веб дизайн

Web-дизайн Атаманюк Богдан 1АПО
Web-дизайн Атаманюк Богдан 1АПОWeb-дизайн Атаманюк Богдан 1АПО
Web-дизайн Атаманюк Богдан 1АПО
bogdanatamanuk
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
adasdasd11
 
Html
HtmlHtml
85082.pptx
85082.pptx85082.pptx
85082.pptx
BogdanGamreckij
 
9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.
9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.
9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.
StAlKeRoV
 
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML. Форматуванн...
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML.  Форматуванн...Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML.  Форматуванн...
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML. Форматуванн...
lisovvolod
 
Html перші кроки
Html перші крокиHtml перші кроки
Html перші кроки
Irina Tabanets
 
Presentation # 24. hypertext markup language concept
Presentation # 24.  hypertext markup language conceptPresentation # 24.  hypertext markup language concept
Presentation # 24. hypertext markup language concept
Nikolay Shaygorodskiy
 
18
1818
інф 11 кл веб сайт
інф 11 кл веб сайтінф 11 кл веб сайт
інф 11 кл веб сайт
Shool1
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
XX1827
 
веб сторінки
веб сторінкивеб сторінки
веб сторінкиgaliasova
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
ann2704
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
AnyaNastya
 
Guide for Dota 2
Guide for Dota 2 Guide for Dota 2
Guide for Dota 2
kvak333
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
Joseph Willson
 
Veb-mama ama kriminal
Veb-mama ama kriminalVeb-mama ama kriminal
Veb-mama ama kriminal
artemlinok
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
Remka_oxxxy
 

Similar to про веб дизайн (20)

Web-дизайн Атаманюк Богдан 1АПО
Web-дизайн Атаманюк Богдан 1АПОWeb-дизайн Атаманюк Богдан 1АПО
Web-дизайн Атаманюк Богдан 1АПО
 
24036
2403624036
24036
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Html
HtmlHtml
Html
 
85082.pptx
85082.pptx85082.pptx
85082.pptx
 
9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.
9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.
9 клас. Урок 23. Системи опрацювання текстів.Текстовий редактор Word.
 
всі лр
всі лрвсі лр
всі лр
 
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML. Форматуванн...
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML.  Форматуванн...Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML.  Форматуванн...
Module_01.pdf (Модуль 1. Вступ до вебтехнологій. Структура HTML. Форматуванн...
 
Html перші кроки
Html перші крокиHtml перші кроки
Html перші кроки
 
Presentation # 24. hypertext markup language concept
Presentation # 24.  hypertext markup language conceptPresentation # 24.  hypertext markup language concept
Presentation # 24. hypertext markup language concept
 
18
1818
18
 
інф 11 кл веб сайт
інф 11 кл веб сайтінф 11 кл веб сайт
інф 11 кл веб сайт
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
Guide for Dota 2
Guide for Dota 2 Guide for Dota 2
Guide for Dota 2
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 
Veb-mama ama kriminal
Veb-mama ama kriminalVeb-mama ama kriminal
Veb-mama ama kriminal
 
веб сторінки
веб сторінкивеб сторінки
веб сторінки
 

More from Марианна Климчук

урок 4
урок 4урок 4
ШОПЕН. ПРЕЛЮДІЇ
ШОПЕН. ПРЕЛЮДІЇШОПЕН. ПРЕЛЮДІЇ
ШОПЕН. ПРЕЛЮДІЇ
Марианна Климчук
 
Шопен. Ноктюрни
Шопен. НоктюрниШопен. Ноктюрни
Шопен. Ноктюрни
Марианна Климчук
 
впізнай мене
впізнай меневпізнай мене
впізнай мене
Марианна Климчук
 
занняття 1
занняття 1занняття 1
Turkey
TurkeyTurkey
рік англійської мови
рік англійської мовирік англійської мови
рік англійської мови
Марианна Климчук
 
Animals
AnimalsAnimals
майстер клас
майстер класмайстер клас
майстер клас
Марианна Климчук
 
учительська презентація
учительська презентаціяучительська презентація
учительська презентація
Марианна Климчук
 
My monthly book for fun
My monthly book for funMy monthly book for fun
My monthly book for fun
Марианна Климчук
 
4 клас unit 1 lesson 3
4 клас unit 1 lesson 34 клас unit 1 lesson 3
4 клас unit 1 lesson 3
Марианна Климчук
 
карпюк 4 клас урок 2 розділ 3
карпюк 4 клас урок 2 розділ 3карпюк 4 клас урок 2 розділ 3
карпюк 4 клас урок 2 розділ 3
Марианна Климчук
 
PARTS OF THE DAY 5 клас урок 6
PARTS OF THE DAY 5 клас урок 6PARTS OF THE DAY 5 клас урок 6
PARTS OF THE DAY 5 клас урок 6
Марианна Климчук
 
захід до дня збройних сил україни
захід до дня збройних сил українизахід до дня збройних сил україни
захід до дня збройних сил україни
Марианна Климчук
 
Cambridge zno 2016 programme outlook
Cambridge zno 2016 programme outlookCambridge zno 2016 programme outlook
Cambridge zno 2016 programme outlook
Марианна Климчук
 
зно 2016 презентація
зно 2016 презентаціязно 2016 презентація
зно 2016 презентація
Марианна Климчук
 
4 клас урок 4
4 клас урок 44 клас урок 4
4 клас урок 4
Марианна Климчук
 
карпюк 4 клас урок 1
карпюк 4 клас урок 1карпюк 4 клас урок 1
карпюк 4 клас урок 1
Марианна Климчук
 
3 клас урок 6 юніт 7
3 клас урок 6 юніт 73 клас урок 6 юніт 7
3 клас урок 6 юніт 7
Марианна Климчук
 

More from Марианна Климчук (20)

урок 4
урок 4урок 4
урок 4
 
ШОПЕН. ПРЕЛЮДІЇ
ШОПЕН. ПРЕЛЮДІЇШОПЕН. ПРЕЛЮДІЇ
ШОПЕН. ПРЕЛЮДІЇ
 
Шопен. Ноктюрни
Шопен. НоктюрниШопен. Ноктюрни
Шопен. Ноктюрни
 
впізнай мене
впізнай меневпізнай мене
впізнай мене
 
занняття 1
занняття 1занняття 1
занняття 1
 
Turkey
TurkeyTurkey
Turkey
 
рік англійської мови
рік англійської мовирік англійської мови
рік англійської мови
 
Animals
AnimalsAnimals
Animals
 
майстер клас
майстер класмайстер клас
майстер клас
 
учительська презентація
учительська презентаціяучительська презентація
учительська презентація
 
My monthly book for fun
My monthly book for funMy monthly book for fun
My monthly book for fun
 
4 клас unit 1 lesson 3
4 клас unit 1 lesson 34 клас unit 1 lesson 3
4 клас unit 1 lesson 3
 
карпюк 4 клас урок 2 розділ 3
карпюк 4 клас урок 2 розділ 3карпюк 4 клас урок 2 розділ 3
карпюк 4 клас урок 2 розділ 3
 
PARTS OF THE DAY 5 клас урок 6
PARTS OF THE DAY 5 клас урок 6PARTS OF THE DAY 5 клас урок 6
PARTS OF THE DAY 5 клас урок 6
 
захід до дня збройних сил україни
захід до дня збройних сил українизахід до дня збройних сил україни
захід до дня збройних сил україни
 
Cambridge zno 2016 programme outlook
Cambridge zno 2016 programme outlookCambridge zno 2016 programme outlook
Cambridge zno 2016 programme outlook
 
зно 2016 презентація
зно 2016 презентаціязно 2016 презентація
зно 2016 презентація
 
4 клас урок 4
4 клас урок 44 клас урок 4
4 клас урок 4
 
карпюк 4 клас урок 1
карпюк 4 клас урок 1карпюк 4 клас урок 1
карпюк 4 клас урок 1
 
3 клас урок 6 юніт 7
3 клас урок 6 юніт 73 клас урок 6 юніт 7
3 клас урок 6 юніт 7
 

про веб дизайн

  • 1.
  • 2.
  • 3. це електронний документ, який містить гіперпосилання на інші документи. Термін «гіпертекст» запровадив Тед Нельсон у 1969 році.
  • 4. Гіпертекстова технологія – це інформаційна технологія, що будується на використанні гіпертекстів. Її застосовують у комп’ютерних енциклопедіях та навчальних програмах, у прикладних програмах для роботи з довідковою інформацією, а також для організації доступу до інформації у www-просторі, тобто для роботи з Web-документами.
  • 5. На відміну від звичайних текстових документів, гіпертекстові документи не призначені для виведення на папір. Основне їхнє застосування – подання інформації на екран комп’ютера. Робиться це за допомогою гіперпосилань. Гіперпосилання містить адресу файлу чи адресу місця у документі, до якого потрібно перейти.
  • 6.
  • 7. це документ, який призначений для перегляду на екрані комп’ютера електронної інформації за допомогою програми-браузера. Web-документ інакше називається web-сторінкою. Web-документ зберігається і пересилається як файл з розширенням .htm чи .html.
  • 8.
  • 9. Декілька web-документів на одну тему, що є на деякому комп’ютері . Web-сайти створюють web-дизайнери для фірм, магазинів, громадських організацій, окремих осіб з метою реклами напрямків діяльності, послуг, товарів, комп’ютерних програм.
  • 10. текстові блоки  два-три рисунки невеликих розмірів,  горизонтальні розмежовувальні лінії  гіперпосилання. Більш складні web-документи містять:  фрейми (структуровані сторінки),  елементи керування, динамічні ефекти  анімовані об’єкти.
  • 11. Текстові блоки є трьох основних типів: короткі (по два-три речення) текстові абзаци, списки, таблиці.
  • 12. Абзац на web-сторінці розмежовуються порожнім рядком і не мають відступів у першому рядку. В нормальному режимі web-сторінка не має горизонтальної смуги прокручувань (вертикальна є).
  • 13. Для створення web-сторінок web-дизайнери користуються гіпертекстовими редакторами: Hot Dog Professional, Netcape Editor, HTML (Hyper Text Markup Language – мова для розмітки гіпертекстових документів).
  • 14. Front Page, та додатки до MS Word дають змогу створювати web-сторінки методом конструювання без застосування кодів мови HTML. (код вони створюють автоматично). Створення web-сторінки виконується двома способами: за допомогою мови HTML методом конструювання
  • 15. Команди мови HTML називаються тегами. Теги бувають одинарними і парними. Більшість тегів є парними, (тег означення HTML-файлу) <HTML<>…</HTML>. Парні теги позначають початок і кінець ділянки дії відповідної команди.
  • 16. Теги записують у кутових дужках. Тег, що закриває ділянку дії, має косу риску. Тeги можна писати малими і великими літерами.
  • 17. Одинарні теги <P> цей тег означає початок нового абзацу. <BR> наступний за цим тегом текст буде введено у новому рядку без пропуску рядка. <HR> буде проведена горизонтальна лінія.
  • 18. Парні теги для форматування символів тексту. <B> -текст</B> – товстий шрифт тексту <I> -текст </I> – шрифт-курсив <U> -текст </U> – підкреслений шрифт