Cтворення гіперпосилання

Для створення гіперпосилання в межах одного сайту потрібно виділити текст чи малюнок, який буде гіперпосиланням і натиснути на іконці у вигляді папки на панелі Properties Inspector, відкриється діалогове вікно вибору сторінки до якої буде підключене зображення або текст і натиснути ОК.

Створення нового CSS-стилю.

Щоб створити новий CSS, потрібно відкрити будь-який HTML-документ, або створити новий і файл і вибрати команду Window-CSS Styles, в результаті справа відкриється панель CSS Styles. На цій панелі відображається список всіх стилів, що використовуються у документі. Тут можна додати нові, а також відредагувати і видалити існуючі стилі. При першому відкритті цієї панелі необхідно вибрати закладку «All». У правому нижньому куті цієї панелі знаходяться чотири піктограми. Attach Style Sheet (Приєднати таблицю стилів), New CSS Style (Створити CSS-стиль), Edit Style Sheet (Редагувати таблицю стилів) і Delete CSS Style.

Щоб створити нову таблицю стилів потрібно натиснути кнопку New CSS Style, після чого відкриється діалогове вікно. В цьому вікні знаходяться параметри:

Selector type (тип селектора). Цей перемикач дозволяє визначити тип створюваного стилю:

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

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

· Advanced (розширений). Дозволяє визначити інші типи стилів, які переважно складаються з комбінації користувацького стилю і перевизначення HTML-тегів, переважно цей тип використовується до тегу <A>. У випадаючому списку присутні параметри: a:active, a:hover, a:link I a:visited.

Властивість Define in (визначити у) дозволяє вибрати, у якому вигляді будуть зберігатись таблиці стилів: на поточній сторінці чи у окремому файлі. При виборі New Style Sheet File створюється зовнішня таблиця стилів, а якщо вибрати This document only, то буде створена внутрішня таблиця стилів.

Визначення правил.

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

Робота з шарами

Щоб створити шар натиснути на кнопці Draw Layer панелі Layout Insert і нарисувати шар. Виділений шар можна перемістити і змінити розміри. Шар відіграє роль ємності, тому для надання йому користі потрібно помістити у нього будь-що. Ім.’я шару можна присвоїти ввівши його в поле Layer ID панелі Properties Inspector.

Щоб здійснити вкладення шарів, а також змінити їх послідовність і видимість, потрібно відкрити сторінку з двома чи більше шарами відкрити вікно Layers. Змінити положення шару можна перетягнувши його в панелі Layers. Також на цій панелі вказане значення Z кожного шару, найменше значення належить найнижчому шару. Піктограма у вигляді ока навпроти кожного шару показує його видимість чи невидимість, закривши око можна зробити шар невидимим.

Кожен шар має параметри налаштування – це розміри, координати, Vis(видимість); Hidden (прихований), BGImage (фонове зображення), Clip – обрізка вмісту що не вміщається, Overflow (переповнення) – визначає відображення вмісту шару, якщо він перевищує розмір шару (активний лише у CSS-шарах).

Щоб задати властивості шару, потрібно виділити його і на панелі Properties inspector задати потрібні параметри, можливі такі:

-Layer ID- текстове поле у якому можна ввести ім.’я шару (застосовувати лише букви і цифри)

- Z-index – визначає розташування шару відносно інших шарів, коли вони накладені один на одному. Шари з більшими значеннями розміщені над шарами з нижчими. Значення можуть бути додатні від’ємні.

- Vis(видимість) – керує відображенням чи невидимістю шару, може приймати значення:inherit (наслідування), visible(видимий), default (по замовчуванню).

- Hidden (прихований) – при даному значенні шар завжди невидимий незалежно від значення батьківського шару. Не дивлячись на це, весь його вміст буде завантажений при завантаженні сторінки.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: