SlideShare a Scribd company logo
1 of 13
Види веб-сайтів та способи їх
створення
Веб-сервер
Статичні та динамічні веб-сайти
Статичні Динамічні
Надають усім відвідувачам однакову
інформацію
Вигляд і вміст сайту автоматично
змінюється залежно від контексту,
дій та уподобань користувача, часу
та інших факторів
Веб-сторінки зберігаються на веб-
сервері в тому самому вигляді, у
якому передаються браузеру
Веб-сторінки генеруються з
використанням програмного коду та
інформації з бази даних і
передаються браузеру
Оновлюються періодично
власниками вручну
Можуть оновлюватися часто, не
обов’язково фахівцями і власниками
Класифікація веб-сайтів
За доступністю
сервісів
• відкриті
• напіввідкриті
• закриті
За фізичним
розташуванням
• зовнішні
• внутрішні
За
призначенням
• Бізнес-сайти
• Сайти
соціальних
мереж
• Інформаційні
• Веб-портали
• Сайти служб
• Особисті
Тег
• Код, за допомогою якого розмічають текст
<html>
<head>
<title>Заголовок сторінки</title>
</head>
<body>
Текст, який відображається на сторінці
</body>
</html>
Форматування символів
• Для переходу на новий рядок
використовується тег <br> .
• Для виділення тексту в абзаци існують теги
<p> та </p> .
• Текст, розміщений між тегами <b> та </b>
буде жирнішим. bold
• Текст, розміщений між тегами <i> та </i> буде
написаний курсивом. italics
• Тег <hr> вставляє у документ горизонтальну
лінію.
<FONT>
• <face> - тип шрифта (наприклад: 'Lucida
Sans', 'Arial', 'Monotype Corsiva', 'Times New
Roman')
• <size> - розмір шрифта (1-7)
• <color> - колір шрифта.
Заголовки
• Заголовки в HTML бувають шести типів.
• Текст розміщений всередині тегу заголовка
<h1> </h1>
Зображення
• Тло сторінки
• <body>
– background
– bgcolor
• Ілюстрація
• <img>
– src
– height
– width
– alt
Списки
• Невпорядковані
• <ul>
– type
• disk
• circle
• square
• <li>
Списки
• Впорядковані
• <ol>
–type
• 1
• A
• a
• I
• i
–start
Гіперпосилання
• Гіперпосилання – це вказівка для браузера, до
якого об’єкта він має звернутись
<a href=“адреса переходу”> текст переходу</a>
• Внутрішні посилання – якорі
<a name=“назва якоря”> створення якоря
<a href=“#назва якоря ”> посилання на якір
Каскадні таблиці стилів
• Стиль – це набір правил оформлення та
форматування, який можна застосувати до
різних елементів сторінки
• Каскадні аркуші стилів, (так звані CSS,
Cascading Style Sheets) містять опис формату
частини або всього тексту
• В одному документі можна описати кілька
аркушів, браузер використовуватиме їх
каскадом, відповідно до пріоритету цих описів

More Related Content

Similar to 1 види веб сайтів та способи їх створення

автомат розроб сайтів_оглядвеб2
автомат розроб сайтів_оглядвеб2автомат розроб сайтів_оглядвеб2
автомат розроб сайтів_оглядвеб2zaykoannaivanivna
 
Веб аналітика типові задачі та методи вирішень. Мар'яна Онисько
Веб аналітика  типові задачі та методи вирішень. Мар'яна ОниськоВеб аналітика  типові задачі та методи вирішень. Мар'яна Онисько
Веб аналітика типові задачі та методи вирішень. Мар'яна ОниськоHRdepartment
 
Website on WordPress. HTML/CSS/JavaScript
Website on WordPress. HTML/CSS/JavaScriptWebsite on WordPress. HTML/CSS/JavaScript
Website on WordPress. HTML/CSS/JavaScriptIvan Bilinskiy
 
Техзавдання як основа сайту
Техзавдання як основа сайтуТехзавдання як основа сайту
Техзавдання як основа сайтуAndriy Senyk
 
Як прискорити індексацію сайту?
Як прискорити індексацію сайту?Як прискорити індексацію сайту?
Як прискорити індексацію сайту?Vladyslava Rykova
 
Презентація 6. Системи управління контентом.pptx
Презентація 6. Системи управління контентом.pptxПрезентація 6. Системи управління контентом.pptx
Презентація 6. Системи управління контентом.pptxKaterinaObukhova
 
Оптимизация сайта
Оптимизация сайтаОптимизация сайта
Оптимизация сайтаNetpeak
 
SEO на этапе разработки сайта. Оптимизируем сайт еще до появления
SEO на этапе разработки сайта. Оптимизируем сайт еще до появленияSEO на этапе разработки сайта. Оптимизируем сайт еще до появления
SEO на этапе разработки сайта. Оптимизируем сайт еще до появленияNetpeak
 
Lviv iCamp 2014. Павло Лисий “SEO-проектування на етапі створення сайту”
Lviv iCamp 2014. Павло Лисий “SEO-проектування на етапі створення сайту”Lviv iCamp 2014. Павло Лисий “SEO-проектування на етапі створення сайту”
Lviv iCamp 2014. Павло Лисий “SEO-проектування на етапі створення сайту”Lviv Startup Club
 
Сучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зоруСучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зоруLibinnovate
 
Іван Пилипчук “Як швидко створити ефективний інтернет-магазин?”
Іван Пилипчук “Як швидко створити ефективний інтернет-магазин?”Іван Пилипчук “Як швидко створити ефективний інтернет-магазин?”
Іван Пилипчук “Як швидко створити ефективний інтернет-магазин?”Lviv Startup Club
 
Любомир Реверчук “Власний сайт як постійне джерело клієнтів та проектів”
Любомир Реверчук “Власний сайт як постійне джерело клієнтів та проектів”Любомир Реверчук “Власний сайт як постійне джерело клієнтів та проектів”
Любомир Реверчук “Власний сайт як постійне джерело клієнтів та проектів”Lviv Startup Club
 

Similar to 1 види веб сайтів та способи їх створення (12)

автомат розроб сайтів_оглядвеб2
автомат розроб сайтів_оглядвеб2автомат розроб сайтів_оглядвеб2
автомат розроб сайтів_оглядвеб2
 
Веб аналітика типові задачі та методи вирішень. Мар'яна Онисько
Веб аналітика  типові задачі та методи вирішень. Мар'яна ОниськоВеб аналітика  типові задачі та методи вирішень. Мар'яна Онисько
Веб аналітика типові задачі та методи вирішень. Мар'яна Онисько
 
Website on WordPress. HTML/CSS/JavaScript
Website on WordPress. HTML/CSS/JavaScriptWebsite on WordPress. HTML/CSS/JavaScript
Website on WordPress. HTML/CSS/JavaScript
 
Техзавдання як основа сайту
Техзавдання як основа сайтуТехзавдання як основа сайту
Техзавдання як основа сайту
 
Як прискорити індексацію сайту?
Як прискорити індексацію сайту?Як прискорити індексацію сайту?
Як прискорити індексацію сайту?
 
Презентація 6. Системи управління контентом.pptx
Презентація 6. Системи управління контентом.pptxПрезентація 6. Системи управління контентом.pptx
Презентація 6. Системи управління контентом.pptx
 
Оптимизация сайта
Оптимизация сайтаОптимизация сайта
Оптимизация сайта
 
SEO на этапе разработки сайта. Оптимизируем сайт еще до появления
SEO на этапе разработки сайта. Оптимизируем сайт еще до появленияSEO на этапе разработки сайта. Оптимизируем сайт еще до появления
SEO на этапе разработки сайта. Оптимизируем сайт еще до появления
 
Lviv iCamp 2014. Павло Лисий “SEO-проектування на етапі створення сайту”
Lviv iCamp 2014. Павло Лисий “SEO-проектування на етапі створення сайту”Lviv iCamp 2014. Павло Лисий “SEO-проектування на етапі створення сайту”
Lviv iCamp 2014. Павло Лисий “SEO-проектування на етапі створення сайту”
 
Сучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зоруСучасні технології в обслуговуванні людей із обмеженнями зору
Сучасні технології в обслуговуванні людей із обмеженнями зору
 
Іван Пилипчук “Як швидко створити ефективний інтернет-магазин?”
Іван Пилипчук “Як швидко створити ефективний інтернет-магазин?”Іван Пилипчук “Як швидко створити ефективний інтернет-магазин?”
Іван Пилипчук “Як швидко створити ефективний інтернет-магазин?”
 
Любомир Реверчук “Власний сайт як постійне джерело клієнтів та проектів”
Любомир Реверчук “Власний сайт як постійне джерело клієнтів та проектів”Любомир Реверчук “Власний сайт як постійне джерело клієнтів та проектів”
Любомир Реверчук “Власний сайт як постійне джерело клієнтів та проектів”
 

More from annaeres

таблиці
таблицітаблиці
таблиціannaeres
 
мова розмітки гіпертексту Html
мова розмітки гіпертексту Htmlмова розмітки гіпертексту Html
мова розмітки гіпертексту Htmlannaeres
 
Proekt na temu_fotoshop_skripnik_v_10_klas
Proekt na temu_fotoshop_skripnik_v_10_klasProekt na temu_fotoshop_skripnik_v_10_klas
Proekt na temu_fotoshop_skripnik_v_10_klasannaeres
 
основи растрової графіки
основи растрової графікиоснови растрової графіки
основи растрової графікиannaeres
 
Pr pobota електроннапошта
Pr pobota електроннапоштаPr pobota електроннапошта
Pr pobota електроннапоштаannaeres
 
ств оформлення блогу
ств оформлення блогуств оформлення блогу
ств оформлення блогуannaeres
 
23a фільтрація та сортування
23a фільтрація та сортування23a фільтрація та сортування
23a фільтрація та сортуванняannaeres
 
17a автоматичне обчислення значень у клітинках
17a автоматичне обчислення значень у клітинках17a автоматичне обчислення значень у клітинках
17a автоматичне обчислення значень у клітинкахannaeres
 
26a електронне листування
26a електронне листування26a електронне листування
26a електронне листуванняannaeres
 
25a електронна пошта
25a електронна пошта25a електронна пошта
25a електронна поштаannaeres
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учняannaeres
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учняannaeres
 
основні поняття та засоби комп'ютерної графіки
основні поняття та засоби комп'ютерної графікиосновні поняття та засоби комп'ютерної графіки
основні поняття та засоби комп'ютерної графікиannaeres
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учняannaeres
 
24a обчислення підсумкових характеристик
24a обчислення підсумкових характеристик24a обчислення підсумкових характеристик
24a обчислення підсумкових характеристикannaeres
 

More from annaeres (20)

таблиці
таблицітаблиці
таблиці
 
мова розмітки гіпертексту Html
мова розмітки гіпертексту Htmlмова розмітки гіпертексту Html
мова розмітки гіпертексту Html
 
Proekt na temu_fotoshop_skripnik_v_10_klas
Proekt na temu_fotoshop_skripnik_v_10_klasProekt na temu_fotoshop_skripnik_v_10_klas
Proekt na temu_fotoshop_skripnik_v_10_klas
 
27
2727
27
 
основи растрової графіки
основи растрової графікиоснови растрової графіки
основи растрової графіки
 
Pr pobota електроннапошта
Pr pobota електроннапоштаPr pobota електроннапошта
Pr pobota електроннапошта
 
ств оформлення блогу
ств оформлення блогуств оформлення блогу
ств оформлення блогу
 
1234
12341234
1234
 
23a фільтрація та сортування
23a фільтрація та сортування23a фільтрація та сортування
23a фільтрація та сортування
 
17a автоматичне обчислення значень у клітинках
17a автоматичне обчислення значень у клітинках17a автоматичне обчислення значень у клітинках
17a автоматичне обчислення значень у клітинках
 
26a електронне листування
26a електронне листування26a електронне листування
26a електронне листування
 
25a електронна пошта
25a електронна пошта25a електронна пошта
25a електронна пошта
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
Web 2 0
Web 2 0Web 2 0
Web 2 0
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учня
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учня
 
основні поняття та засоби комп'ютерної графіки
основні поняття та засоби комп'ютерної графікиосновні поняття та засоби комп'ютерної графіки
основні поняття та засоби комп'ютерної графіки
 
медіакультура педагога та учня
медіакультура педагога та учнямедіакультура педагога та учня
медіакультура педагога та учня
 
24a обчислення підсумкових характеристик
24a обчислення підсумкових характеристик24a обчислення підсумкових характеристик
24a обчислення підсумкових характеристик
 

Recently uploaded

Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdfЗастосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdfssuser15a891
 
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...JurgenstiX
 
Р.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняР.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняAdriana Himinets
 
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdfатестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdfhome
 
Презентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxПрезентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxOlgaDidenko6
 
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.pptЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.pptssuser59e649
 
Іваніщук Надія Вікторівна атестація .pdf
Іваніщук Надія Вікторівна атестація  .pdfІваніщук Надія Вікторівна атестація  .pdf
Іваніщук Надія Вікторівна атестація .pdfhome
 
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdfupd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdfssuser54595a
 
О.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяО.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяAdriana Himinets
 
Хімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 класХімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 класkrementsova09nadya
 
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»tetiana1958
 
Бомбочки для ванни своїми руками презентація
Бомбочки для ванни своїми руками презентаціяБомбочки для ванни своїми руками презентація
Бомбочки для ванни своїми руками презентаціяssuser0a4f48
 
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості  та дозвілля для дітейpptxБібліотека – розвиток дитячої творчості  та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptxssuserc301ed1
 

Recently uploaded (14)

Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdfЗастосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
Застосування Гайду безбар’єрності в роботі закладів культури громад Одещини.pdf
 
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
Принципові відмінності досконалої (повної) конкуренції від інших форм організ...
 
Р.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповіданняР.Шеклі "Запах думки". Аналіз оповідання
Р.Шеклі "Запах думки". Аналіз оповідання
 
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdfатестація 2023-2024 Kewmrbq wtynh GNJ.pdf
атестація 2023-2024 Kewmrbq wtynh GNJ.pdf
 
Презентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptxПрезентациія для сайта Група «Незабудка».pptx
Презентациія для сайта Група «Незабудка».pptx
 
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.pptЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
ЛЕКЦІЯ Засоби масової інформації –важливий інструмент ПР.ppt
 
Віртуальна виставка нових надходжень 2-24.pptx
Віртуальна виставка нових надходжень 2-24.pptxВіртуальна виставка нових надходжень 2-24.pptx
Віртуальна виставка нових надходжень 2-24.pptx
 
Іваніщук Надія Вікторівна атестація .pdf
Іваніщук Надія Вікторівна атестація  .pdfІваніщук Надія Вікторівна атестація  .pdf
Іваніщук Надія Вікторівна атестація .pdf
 
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdfupd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
upd.18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23_FINAL.pdf
 
О.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. БіографіяО.Духнович - пророк народної правди. Біографія
О.Духнович - пророк народної правди. Біографія
 
Хімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 класХімічні елементи в літературних творах 8 клас
Хімічні елементи в літературних творах 8 клас
 
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
Відкрита лекція на тему «Контроль бур'янів в посівах соняшника»
 
Бомбочки для ванни своїми руками презентація
Бомбочки для ванни своїми руками презентаціяБомбочки для ванни своїми руками презентація
Бомбочки для ванни своїми руками презентація
 
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості  та дозвілля для дітейpptxБібліотека – розвиток дитячої творчості  та дозвілля для дітейpptx
Бібліотека – розвиток дитячої творчості та дозвілля для дітейpptx
 

1 види веб сайтів та способи їх створення

  • 1. Види веб-сайтів та способи їх створення
  • 3. Статичні та динамічні веб-сайти Статичні Динамічні Надають усім відвідувачам однакову інформацію Вигляд і вміст сайту автоматично змінюється залежно від контексту, дій та уподобань користувача, часу та інших факторів Веб-сторінки зберігаються на веб- сервері в тому самому вигляді, у якому передаються браузеру Веб-сторінки генеруються з використанням програмного коду та інформації з бази даних і передаються браузеру Оновлюються періодично власниками вручну Можуть оновлюватися часто, не обов’язково фахівцями і власниками
  • 4. Класифікація веб-сайтів За доступністю сервісів • відкриті • напіввідкриті • закриті За фізичним розташуванням • зовнішні • внутрішні За призначенням • Бізнес-сайти • Сайти соціальних мереж • Інформаційні • Веб-портали • Сайти служб • Особисті
  • 5. Тег • Код, за допомогою якого розмічають текст <html> <head> <title>Заголовок сторінки</title> </head> <body> Текст, який відображається на сторінці </body> </html>
  • 6. Форматування символів • Для переходу на новий рядок використовується тег <br> . • Для виділення тексту в абзаци існують теги <p> та </p> . • Текст, розміщений між тегами <b> та </b> буде жирнішим. bold • Текст, розміщений між тегами <i> та </i> буде написаний курсивом. italics • Тег <hr> вставляє у документ горизонтальну лінію.
  • 7. <FONT> • <face> - тип шрифта (наприклад: 'Lucida Sans', 'Arial', 'Monotype Corsiva', 'Times New Roman') • <size> - розмір шрифта (1-7) • <color> - колір шрифта.
  • 8. Заголовки • Заголовки в HTML бувають шести типів. • Текст розміщений всередині тегу заголовка <h1> </h1>
  • 9. Зображення • Тло сторінки • <body> – background – bgcolor • Ілюстрація • <img> – src – height – width – alt
  • 10. Списки • Невпорядковані • <ul> – type • disk • circle • square • <li>
  • 12. Гіперпосилання • Гіперпосилання – це вказівка для браузера, до якого об’єкта він має звернутись <a href=“адреса переходу”> текст переходу</a> • Внутрішні посилання – якорі <a name=“назва якоря”> створення якоря <a href=“#назва якоря ”> посилання на якір
  • 13. Каскадні таблиці стилів • Стиль – це набір правил оформлення та форматування, який можна застосувати до різних елементів сторінки • Каскадні аркуші стилів, (так звані CSS, Cascading Style Sheets) містять опис формату частини або всього тексту • В одному документі можна описати кілька аркушів, браузер використовуватиме їх каскадом, відповідно до пріоритету цих описів