Список рекомендованих джерел.

Х. ВИСНОВОК

Таким чином, семіотика випливає з такого альтернативного щодо класичної епістемології підходу, який прагне подолати прірву між суб’єктом і об’єктом та усунути протиставлення між буттям чи реальністю як такою і реальністю, що існує у набутих знаннях та пізнавальних підходах.

Це веде до радикального переусвідомлення суперечності між так званою «об’єктивною реальністю» та її «суб’єктивною репрезентацією». Йдеться про цілком іншу філософську парадигму, яка пропонує вийти з дуальної епістемології картезіанства і подолати протиставлення реальності і мислення.

Семіотичний підхід пов’язується з прагненням усунути також уявне протиставлення природи і культури та вияснити сенси диференціації природничонаукового і гуманітарного знання, як взаємодоповнюючих складових у пізнавальній і практичній активності людства. Це має значні перспективи в аспекті виявленої асиметрії двох півкуль головного мозку.

[1] 1. Ленк Г. К методологической интеграции наук с интерпретационистской точки зрения // Вопросы философии.- № 4, 2004. – С. 50-55.

[2] 2. Поппер К. Відкрите суспільство та його вороги. Том 2.- К.: Основи, 1994. – 494с.

Основний:3, 5, 6

Додатковий:12, 13, 16, 19, 23, 24

Інтернет-ресурси:28, 29

1. Поняття про таблиці каскадних стилів

Раніше було розглянуто можливість форматування вмісту web-сторінок за допомогою засобів мови HTML. Проте є й інші засоби оформлення текстів і створення зовнішніх ефектів, які можуть прикрасити web-сторінку. Одним з них є таблиці стилів.

Стиль – це набір правил оформлення та форматування, який можна застосувати до різних елементів web-документа. У разі використання стандартної мови HTML для надання кільком елементам певних властивостей (наприклад, призначення стилю шрифту) доводиться задавати ці властивості для кожного елемента. Використання таблиць стилів дає змогу уникнути цього, оптимізувавши розробку web-сайтів. Стилі дають змогу позиціювати елементи сторінки (наприклад, тексти і графіку), задаючи координати. Крім того, таблиці стилів часто використовують під час створення так званих динамічних сторінок.

Таблиці каскадних стилів (CSS, Cascading Style Sheets) містять параметри форматування частини або всього тексту web-сторінки. Якщо таку таблицю підключено, то у тегах можна просто вказувати посилання на неї, а не задавати велику кількість атрибутів. У цьому випадку стилі названі каскадними тому, що в одному документі їх можна описати кілька, і браузер використовуватиме їх каскадом відповідно до їхнього пріоритету.

Таблиці каскадних стилів – це передусім набори параметрів, що змінюють властивості тегів HTML. Такі набори називають ще визначеннями тегів. Наприклад:

Р {font-size: 40pt; color: green; font-family: "Comic Sans MS"}

Тут задано параметри для тегу абзацу <Р>, які встановлюють розмір шрифту 40 пунктів, колір шрифту – зелений, гарнітуру – Comic Sans MS. У документі достатньо ввести теги <Р>...</Р> із текстом абзацу, щоб автоматично надати йому зазначеного оформлення.

Таблиці каскадних стилів дають змогу отримати результати, яких неможливо досягнути звичайними засобами HTML. У наведеному прикладі встановлено розмір шрифту 40 пунктів, хоча в мові HTML за допомогою атрибута SIZE можна задати для шрифту максимальний розмір 7, що відповідає 36 пунктам.

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

Параметрів форматування, які можна задавати за допомогою стилів, досить багато. Це, зокрема:

· background – колір тла;

· font-family – стиль шрифту (гарнітура);

· font-size – розмір шрифту;

· font-weight – жирність шрифту;

· color – колір шрифту;

· text-decoration – оздоблення тексту;

· text-align – вирівнювання тексту;

· margin-top – відступ від верхнього рядка абзацу;

· line-height – міжрядкова відстань.

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

· потрібно визначитися з номенклатурою сторінок (усі сторінки розроблюваного web-вузла потрібно розділити на типи, наприклад – домашня сторінка, навігаційні сторінки, інформаційні сторінки, комунікаційні сторінки тощо). Для кожного вузла (сайту) цей перелік може бути різним;

· для кожного типу сторінок потрібно розробити певну логічну структуру (стандартний набір компонентів сторінки);

· потрібно створити навігаційну карту вузла та форму її реалізації на сторінках;

· для кожного стандартного компоненту сторінки потрібно розробити стиль його відображення (css-описання);

· приступити до наповнення документів інформацією та написання (у випадку необхідності) програм.

2. Застосування каскадних стилів у html-документах

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

· розміщення посилання на зовнішнє описання за допомогою елементу LINK (підключення зовнішньої таблиці стилів);

· перевизначення стилю в елементі розмітки (вбудовані стилі);

· розміщення описання стилю в заголовку документу в елементі STYLE (використання стилів внутрішньої таблиці);

· імпорт описання стилю в документ.

Слід зазначити, що імпорт стилів підтримується тільки в Internet Explorer.

2.1. Підключення зовнішньої таблиці стилів

Зовнішня таблиця стилів (External Style Sheet) – це текстовий файл із розширенням .css. Його підключають до html-документа за допомогою тегу <LINK>, який записують у розділі <HEAD>, наприклад:

<LINK REL="stylesheet" TYPE="text/css" HREF="mystyle.css">

Атрибути REL та TYPE вказують браузеру на те, що сторінка використовує таблиці каскадних стилів. Атрибут REL приймає значення stylesheet. TYPE може приймати значення text/css чи text/javascript. Атрибут HREF задає універсальний локатор ресурсу (URL) для зовнішнього файлу описання стилів. Це може бути посилання на файл з довільним ім’ям, а не тільки файл з розширенням *.css.

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

2.2. Вбудовані стилі

Вбудовані стилі (Inline Styles) вставляють у елементи розмітки за допомогою атрибута STYLE, в якому перелічують властивості та їх значення. Наприклад:

<Р STYLE="font-size: 48pt; color: yellow">

Визначені у такий спосіб властивості мають найвищий пріоритет порівняно з іншими, оскільки вони визначені безпосередньо у тегу. Цей підхід використовують для оформлення невеликої кількості елементів.

Атрибут STYLE можна використовувати в будь-якому елементі розмітки. Наприклад, за допомогою STYLE можна задати ширину елементу hr:

Зрозуміло, що не всі параметри стилю можна задавати для конкретного елементу розмітки. Однак, як рекомендують розробники, стилі розроблено в першу чергу для управління відображенням тексту. Тому слід обережно підходити до використання стилів при управління відображенням нетекстових елементів html-розмітки.

Використання елементу STYLE – основний спосіб використання каскадних таблиць стилів в html-документі. Крім управління відображенням елементів розмітки, елемент STYLE дозволяє описувати стилеві властивості елементів, які можна змінювати при програмування на JavaScript. Елемент STYLE надає можливість визначити стиль відображення для:

· стандартних елементів html-розмітки;

· довільних класів (селектор CLASS);

· html-об’єктів (селектор ID).

На жаль, селектори в різних браузера поводять себе по різному, особливо це стосується селектору ID. Селектори далі будемо розглядати з точки зору їх поведінки в Internet Explorer.

2.3. Використання стилів внутрішньої таблиці

Внутрішню таблицю стилів (Embedded Style Sheet) розміщують безпосередньо в розділі HEAD, у блоці, який обмежений тегами <STYLE> та </STYLE>.

<HEAD>

<STYLE>

Тег1 {властивість11: значення11; властивість12: значення12; ...; властивість1n: значенняі1n}

Тег2 { властивість21: значення21; властивість22: значення22; ...; властивість2m: значення2m}

</STYLE> </HEAD>

Як видно з коду, найпростіша внутрішня таблиця стилів – це послідовність визначень тегів, кожне з яких записується, як правило, з нового рядка. Визначення тегу містить його ім’я без кутових дужок, за яким у фігурних дужках через крапку з комою перелічують властивості тегів та їхні значення, розділені двокрапками. Розглянемо приклад:

Після цього усі параграфи документу будуть відображатися стилем з елементу STYLE, якщо тільки стиль не буде якимось чином перевизначено. В STYLE можна визначити стиль довільного елементу розмітки.

У таблицях можна створювати нові стилі, надаючи їм імена з крапкою перед першим символом. У тегах звертаються до такого стилю за іменем, використовуючи атрибут СLASS=ім’я_стилю, де ім’я записують вже без крапки. Для одного тегу можна використовувати декілька стилів форматування.

Наприклад, застосовуючи атрибут CLASS тегу </Р>, задамо для двох абзаців різні стилі: першому надамо розмір шрифту 38 пунктів, білий колір символів і оливковий колір тла, другому – розмір шрифту 46 пунктів, фіолетовий колір символів і рожевий колір тла.

<HTML>

<HEAD>

<STYLE>

.stylel {font-size: 38pt; color: white; background-color: olive}

.style2 {font-size: 46pt; color: magenta; background-color: mistyrose}

</STYLE>

<TITLE>Приклад використання CSS</TITLE>

</HEAD>

<BODY>

<P CLASS=style1>До цього абзацу застосовано стиль style1 </Р>

<Р CLASS=style2>До цього абзацу застосовано стиль style2 </Р>

</BODY>

</HTML>

Стилі дають змогу сформувати сторінку з цікавими ефектами, які інакше можна створити лише за допомогою графіки. Це, наприклад, ефект об’ємного тексту або накладання (часткового перекриття) фрагментів сторінки.

2.4. Імпорт описання стилів

Імпорт описання стилів до деякої міри є конкурентом наведеному вище посиланню на зовнішнє описання стилю. Імпортувати стиль можна, або всередину елемента STYLE, або всередину зовнішнього файлу, що представляє собою файл описання стилю. Оператор імпорту стилю повинен передувати усім іншим описанням стилів:

<STYLE>

@import:url(http://chtei-knteu.cv.ua/style.css)

A { color:cyan;text-decoration:underline; }

</STYLE>

Стиль, який імпортується можна перевизначити, або через описання елементу в STYLE, або через атрибут елементу STYLE.