- •1 Загальна частина
- •Предметна область
- •Технології створення сайтів
- •Сучасні методи реалізації завдання
- •Актуальність розробки даної теми
- •2.1 Мета і завдання
- •2.3 Призначення і цілі створення системи
- •Обгрунтування вибору засобів реалізації
- •Основні діаграми моделі програмної системи
- •3.2 Вибір мови та середовища програмування
- •3.2.1 Мова html версії 4.01
- •3.2.2 Мова html версії 5
- •3.2.3 Огляд мови css
- •3.2.4 Мова css версії 2.1
- •3.2.5 Мова css версії 3
- •3.2.6 JavaScript та його використання у веб-розробці
- •3.2.9 Мова php
- •3.3 Вибір субд
- •Описання програмного продукту
- •Структура сторінки сайту
- •Структура сайту
- •Формування файлової структури
- •Опис шаблону сайту
- •Реалізація фіксованої верстки
- •Результати роботи програми
- •5. Обслуговування системи
- •Безпека сайту
- •Адміністрування
- •5.3 Розміщення сайту в інтернеті
- •5.4 Забезпечення технічної підтримки веб-сайту
- •Охорона праці
- •6.1 Аналіз умов праці та засоби безпеки щодо попередження травматизму і професійних захворювань
- •6.2 Організація робочих місць
- •6.3 Заходи пожежної безпеки та електробезпеки
- •6.4 Охорона навколишнього середовища
- •Висновки
- •Перелік посилань
3.2.2 Мова html версії 5
HTML5 – Розробка стандарту почалась у 2003 році і закінчилась в 2014 році. Ціллю розробки нового стандарту було покращення рівня підтримки мультимедіа-технологій, зберігання при цьому зручності читання коду для людини і простоту аналізу для парсерів . Він був розроблений для написання інтерактивних динамічних веб-сторінок. На додаток до самого ядру HTML5, WHATWG розробили інші специфікації , такі як WebWorkers , WebSockets , WebDatabase. Всі вони доповнюють його новими властивостями і функціями , корисними для додатків, ігор і тому подібного.
HTML5 - це не продовжувач мови розмітки гіпертексту , а нова відкрита платформа, призначена для створення веб-додатків використовують аудіо, відео, графіку, анімацію та багато іншого.
Зараз триває активний перехід на HTML5, майже всі браузери вже мають повну або часткову підтримку цієї версії.
У HTML5 додано безліч семантичних тегів, а також підтримка RDFa,
мікроформатів і мікроданних. Завдяки кешу HTML5, веб-додатки можуть швидше працювати і запускатися навіть без підключення до Інтернету.
Можна малювати прямо на веб-сторінці використовуючи Canvas API. Технології WebGL і CSS3 3D дозволяють відображати тривимірну графіку безпосередньо в браузері. Програми та сайти можуть програвати аудіо і відео без установки додаткових плагінів таких як Flash.
CSS3 в інтеграції з HTML5 дозволяє керувати видом будь-яких елементів на сторінці, створювати приголомшливі ефекти без шкоди семантичної структури, продуктивності та без додаткових скриптів.
Можна зробити свої веб-додатки швидкими і динамічними з різними технологіями.
Порівняння основних параметрів HTML 5 і HTML 4.01 представлені у Таблиця 3.1
Таблиця 3.1– Порівняння HTML5 і HTML4.01
-
Параметр
HTML5
HTML4.01
Опис документу
<!DOCTYPE html>.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
Опис кодування документу
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Концепції побудови html-документу
Нові теги HTML5 для підтримки структури коду : <article>, <nav>
<aside>,<footer>, <header>.
Використання тегів структури дозволяє:
– краще індексувати зміст сторінки роботам та пошуковим системам;
– правильно відтворювати текст для людей з обмеженими можливостями;
– краще реалізувати «семантичний веб».
Класичний html-документ має ряд загальних структур, таких як колонтитули («шапка» і «підвал»), навігація, сайдбар, основне поле і т.п. Для їх опису використовуються теги <div>, так як в HTML4 відсутні семантичні елементи для їх більш конкретного опису.
Недоліки HTML5 порівняно з HTML4.01:
недолік захисту даних (накопичення великих обсягів інформації на жорсткому диску користувача мережі Інтернет, яка може зберігатися там дуже довгий час, внаслідок чого зловмисники можуть непомітно збирати дані з комп'ютера);
низька продуктивність контенту, який створений за допомогою html5;
обмеженість платформ в застосуванні;
збільшення витрат на ресурси;
деякі браузери частково не підтримують новий функціонал (Internet Explorer).
Переваги HTML5 порівняно з HTML4.01 [9]:
простота структури документу;
широкий спектр мультимедійних можливостей;
простота вводу даних (це виражається у перевірці інформації ще до її опублікування);
картинка є єдиним цілим з текстом;
новий рівень графіки та анімації.
Можна зробити висновок, що для створення унікального, багатофункціонального та зручного веб-порталу для кафедри університету потрібно використовувати HTML5 та його функціонал.
