Embed Size (px)
Citation preview
Види веб-сайтів та способи їх
створення
Веб-сервер
Статичні та динамічні веб-сайти
Статичні Динамічні
Надають усім відвідувачам однакову
інформацію
Вигляд і вміст сайту автоматично
змінюється залежно від контексту,
дій та уподобань користувача, часу
та інших факторів
Веб-сторінки зберігаються на веб-
сервері в тому самому вигляді, у
якому передаються браузеру
Веб-сторінки генеруються з
використанням програмного коду та
інформації з бази даних і
передаються браузеру
Оновлюються періодично
власниками вручну
Можуть оновлюватися часто, не
обов’язково фахівцями і власниками
Класифікація веб-сайтів
За доступністю сервісів
• відкриті
• напіввідкриті
• закриті
За фізичним розташуванням
• зовнішні
• внутрішні
За призначенням
• Бізнес-сайти
• Сайти соціальних мереж
• Інформаційні
• Веб-портали
• Сайти служб
• Особисті
Тег
• Код, за допомогою якого розмічають текст
<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) містять опис формату
частини або всього тексту
• В одному документі можна описати кілька
аркушів, браузер використовуватиме їх
каскадом, відповідно до пріоритету цих описів
