Компонування сторінок із CSS
Про шари в Dreamweaver
Шар - це елемент сторінки HTML, який можна розміщувати будь-де на сторінці. Шари можуть містити текст, графіку та будь-який інший контент, який можна помістити в тілі документа HTML.
Шар у Dreamweaver - це тегdiv з абсолютною або відносною позицією.
Поняття шарів
З Dreamweaver ви можете використовувати шари для компонування сторінки. Можна розміщувати шар перед або іншим шаром, приховувати деякі шари, показуючи інші або рухати по сторінці.
За допомогою шарів доступна велика гнучкість розміщення змісту. Однак, браузери старіші за Microsoft Internet Explorer 4.0 і Netscape Navigator 4.0 не можуть показувати шари і версії 4 браузерів не завжди правильно передають шари.
Код HTML для шарів
Коли ви вставляєте шар у документ, Dreamweaver вставляє HTML-тег для цього шару код сторінки. Можна вибрати який код Dreamweaver-у вставляти -div абоspan для позначення шарів. За промовчанням Dreamweaver описує шари тегомdiv.
Є ще два інші теги для створення шарів:layer таilayer. Але ці теги підтримуються лише у Netscape Navigator 4; Internet Explorer не підтримує ці теги і Netscape припинив підтримку цих тегів у пізніших браузерах. Dreamweaver розуміє тегиlayer таilayer, але не створює шари з використанням цих тегів.
Відмінність між тегамиdiv іspan у тому, що браузери, які не підтримують шари, вставляють перенесення рядка перед і після тегаdiv ; тобто тегdiv елемент блокового дизайну, тоді як тегtag - рядковий елемент. У більшості випадків краще для вмісту шарів відображатися в абзаці в браузерах, які не підтримують шари,так що краще використовувати тегdiv ніжspan.
Для покращення читання для старих браузерів, потрібно уважно ставитися до місця, де розміщується код шару. Код, який описує шар може бути в будь-якому місці тіла файлу HTML. Коли ви малюєте шар у Dreamweaver, шар показується там, де його намалювали, але Dreamweaver вставляє код шару на початку сторінки, після тегаbody. При виборі команди Insert Layer (Вставити шар) при малюванні шару код вставляється в точку, де стоїть курсор. При створенні вкладених шарів Dreamweaver вставляє код у межах коду, який описує "батьківський" тег.
Незалежно від того, який тег використовується, версії Internet Explorer і Netscape Navigator до 4.0 показують вміст шару, але не поміщають у шар. Вміст шару з'явиться в частині сторінки, де поміщений код шару; наприклад, якщо код шару розміщений на початку сторінки, то в браузері, який не підтримує шари вміст шару з'явиться на початку сторінки.
Приклад коду HTML для шару:
Приклад коду HTML для шару, який вкладено в інший шар: