- •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.3 Огляд мови css
CSS (Cascading Style Sheets - каскадні таблиці стилів) - формальна мова опису зовнішнього вигляду документа, написаного з використанням мови розмітки. Використовується як засіб опису, оформлення зовнішнього вигляду веб-сторінок, написаних за допомогою мов розмітки HTML і ХНТМL.
CSS використовується в розробці веб-сторінок для встановлення кольорів, шрифтів, розташування окремих блоків та інших аспектів представлення зовнішнього вигляду веб-сторінок. Основною метою розробки CSS було розділення опису логічної структури веб-сторінки (яке проводиться за допомогою HTML або інших мов розмітки) від опису зовнішнього вигляду цієї веб-сторінки (яке тепер проводиться за допомогою формальної мови CSS). Такий поділ може збільшити доступність документа, надати велику гнучкість і можливість управління його уявленням, а також зменшити складність і повторюваність в структурному вмісті. Крім того, CSS дозволяє представляти один і той же документ в різних стилях або методах виведення, таких як екранне уявлення, друковане уявлення, читання голосом (спеціальним голосовим браузером або програмою читання з екрану), або при виведенні пристроями, що використовують шрифт Бройля.
До того, як з'явився CSS, оформлення web-сторінок могло здійснюватися безпосередньо всередині вмісту документа, поява ж технології CSS дало можливість поділу змісту і представлення документа. Завдяки цій можливості стало реальним просте застосування єдиного стилю оформлення для більшості подібних документів, і стало доступно швидка зміна їх оформлення. Використання CSS в розробці сайтів має свої плюси і мінуси.
Переваги використання мови CSS:
простота самої мови CSS разом з принципом відділення оформлення від змісту дає можливість скоротити час на розробку і підтримку сайту;
є декілька варіантів дизайнів сторінки для перегляду на різних пристроях;
зменшується час завантаження сторінок web-сайту за рахунок перенесення правил представлення даних в окремий CSS-файл;
простота зміни дизайну. Один CSS управляє відображенням безлічі HTML-сторінок. Коли виникає необхідність змінити дизайн сайту, то не потрібно правити кожну сторінку окремо;
css надає додаткові можливості форматування;
підвищення сумісності з різними платформами за рахунок використання web-стандартів.
Недоліки використання мови CSS:
різне відображення верстки в різних браузерах. Якщо браузери застарілі, то можливо, що одні й ті ж дані CSS по-різному ними інтерпретуються;
необхідність виправляти не тільки один CSS-файл, але й теги HTML. Часто зустрічається на практиці необхідність виправляти не тільки один CSS-файл, але й теги HTML, які пов'язані з селекторами CSS.
3.2.4 Мова css версії 2.1
CSS2.1 – рекомендація W3C, прийнята 7 червня 2011 року. CSS2.1 заснована на основі CSS2. Крім виправлення помилок CSS2, у новій ревізії змінені деякі частини специфікації, а деякі й зовсім видалені.
Основні зміни, які відбулися в CSS 2.1 порівняно з попередніми версіями:
виправлений ряд помилок CSS2;
змінилися деякі моменти, реалізація яких в переважній більшості браузерів відрізняється від специфікації CSS2;
прибрали особливості CSS2, які, в силу того, що не були реалізовані, були відкинуті CSS спільнотою.
видалили фрагменти CSS2, які будуть застарілими в CSS3;
додали деякі нові значення властивостей.
Сьогодні актуальна версія CSS3, яка максимально розширена в порівнянні з попередніми версіями.
