Задача 1. Створити веб сторінку(), що містить зовнішній файл стилів style.Css

Розробка Web – сторінок на основі стандарту HTML з використанням мови CSS .

Мета - ознайомитись зі створенням Web – сторінок на основі стандарту HTML, а також з використанням фреймів (Frames).

Звіт з виконання ЛБ має містити:

- короткі теоретичні відомості;

- хід виконання;

Висновки.

Теоретичні відомості.

Від версії системи CSS дуже сильно залежить, що з її допомогою можна добитися. Перша версія специфікація (CSS lavel 1 або просто CSS1), стала офіційним стандартом в кінці 1996 року, по суті, лиш пропонувала CSS – запис для тих параметрів форматування, котрі і без того вже, будь це законно або законно, були доступними HTLM-документам в тодішніх графічних браузерах. Властивості CSS включали в себе вибір шрифту, параметри форматування тексту, установку фонового кольору або зображення, ширину полів та інші.

Не можна сказати, що доступна на сьогодні веб–дизайнерам технологія текстової розмітки – HTML з невеликим домішком CSS – була зовсім залишена здібностей до поділу аспектів вмісту і представлення. Досвід, вроджена акуратність і відповідальне відношення до матеріалу, з яким приходиться працювати, дозволяє окремим дизайнерам практикувати в HTML стиль, який відповідає потребам ідеології SGML. Багатьом дизайнерам зовсім не просто перебудуватись на "ортогональний стиль" розмітки. Якщо навіть примітивні "іменовані стилі" в текстових процесорах рахується прерогативою "професіональних користувачів", що говорить про більш послідовні системи ортогональної розмітки.

Основними принципами CSS є:

· Пряма і зворотна сумісність. CSS 2.1 агенти користувачів зможуть зрозуміти, таблиці стилів CSS 1 . Також CSS 1 агенти користувачів зможуть читати CSS 2.1 таблиці стилів відкинувши частини які вони не розуміють. Крім того, агенти користувачів без підтримки CSS зможуть відобразити документв. Звичайно, без стилістичних параметрів, але весь контент буде представлений.

· Доповнення до структурованих документів. Таблиці стилів доповнюють структуровані документи (наприклад, HTML і XML), надаючи стилістичну інформацію для розміченого тексту. Вона повинна бути легко зміною, щоб редагувати стиль листа практично без впливу на розмітку.

· Незалежить від виробника, платформи та пристроїв. Таблиці стилів дозволяють документам залишатися незалежними від постачальника, платформи та пристрою. Таблиці стилів самі по собі незалежні від платформи та виробника(бренду), але CSS 2.1 дозволяє налаштування стилів для групи пристроїв (наприклад, для принтерів).

· Зручність експлуатації. Вказуючи на таблиці стилів з документів, веб-майстри можуть спростити обслуговування сайту і зберегти загальний вигляд і сприйняття сайту. Наприклад, якщо фон організації змінює колір, тільки один файл потрібно буде змінити.

· Простота. CSS є простою мовою, стилем, який може читатися і записуватися людиною. CSS - властивості зберігаються незалежно один від одного, максимально як це можливо, як правило, це єдиний спосіб досягнення певного ефекту.

· Продуктивність мережі. CSS використовуєт компактне кодуваня для представлення контенту. У порівнянні з зображеннями або аудіо-файлами, які часто використовуються авторами для досягнення певних ефектів відображення, таблиці стилів найчастіше зменшують розміру наповнення. Крім того, менша кількість мережевих з'єднань повинна бути відкрита що ще більше підвищує продуктивність мережі.

· Гнучкість. CSS можуе бути застосований до вмісту в декількох напрямках. Ключовою особливістю є можливість задавати інформацію каскадних стилів, стилем за замовчуваням, стилів призначених для користувача таблиць стилів, пов'язаних стилів, заголовку документа і в атрибутах для елементів, що формують тіло документа.

· Багатство. Наданий авторам багатий набір ефектів візуалізації збільшує багатство Інтернет як засобу вираження. Дизайнери тужили за функціональністю яка зазвичай зустрічаються в настільних видавничих і слайд-шоу додатках. Деякі просили ефектів візуалізації конфліктуючих з пристроєм, але CSS 2.1 пройшов довгий шлях до задоволення бажань дизайнерів.

· Звязки з альтернативними мовами. CSS може використовуватися наприклад разом з JavaScript котрий динамічно змінюватиме значення певного елемента ("color") і т.д.

Хід роботи.

Задача 1. Створити веб сторінку(), що містить зовнішній файл стилів style.css.

body {

color: blue;

}

h1 {

color: white;

background-color: blue;

}

ol {

color: green;

}

<html>

<head>

<meta charset="utf-8" >

<link rel="stylesheet" href="style.css">

</head>

<body>

<h1>Понятие о языке XML</h1>

<p>XML - это расширяемый язык разметки (Extensible Markup Language), разработанный специально для размещения информации в World Wide Web, наряду с HTML, который давно стал стандартным языком создания Web-страниц. В отличие от HTML, вместо использования ограниченного набора определённых элементов вы имеете возможность создавать ваши собственные элементы и присваивать им любые имена по вашему выбору. Примечание: подразумевается, что читатель данной статьи хотя бы очень поверхностно знаком с языком HTML.<br>

XML решает ряд проблем, которые не решает HTML, например:</p>

<ol>

<li>Представление документов любого (не только текстового) типа, например, музыки, математических уравнений и т.д.</li>

<li>Сортировка, фильтрация и поиск информации.</li>

<li>Представление информации в структурированном (иерархическом) виде.</li>

</ol>

В зависимости от уровня соответствия стандартам документ может быть "верно сформированным" ("well-formed"), либо "валидным" ("valid"). Вот несколько основных правил создания верно сформированного документа:

<ol>

<li>Каждый элемент XML должен содержать начальный и конечный тэг (либо пустой тэг типа <TAG />, который может нести информацию посредством своих атрибутов).</li>

<li>Любой вложенный элемент должен быть полностью определён внутри элемента, в состав которого он входит.</li>

<li>Документ должен иметь только один элемент верхнего уровня.</li>

<li>Имена элементов чувствительны к регистру.</li>

</ol>

</body>

</html>

Задача 2. Підключити стиль першої задачі як стиль користувача через налаштування браузера. (докладно описати шлях підключення)

В браузере Internet Explorer подключение стиля пользователя делается через меню Сервис > Свойство обозревателя > Кнопка «Оформление»

Наши рекомендации