Шпалери, фон веб-сторінки, домашні сторінки

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

Фон веб-сторінки.

Мал. 2.1. Фоновий малюнок для різних дозволів монітора

В результаті отримаємо сторінку, у якій по лівому краю йде декоративна смуга (рис. 2.2).

Мал. 2.2. Результат використання широкого фону

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

Мал. 2.3. Використання таблиці для поділу матеріалу

Аналогічний підхід можна використовувати і з таблицями. Тільки спочатку створюється таблиця, а вже в одній з її осередків розміщується фоновий малюнок. Ширина осередків задається фіксованою і залежить від фонового малюнка, а щоб вона не змінювалася, всередині осередку рекомендується помістити розпірку - прозорий малюнок заданих розмірів (рис. 2.4).

Мал. 2.4. Фоновий малюнок для осередки таблиці

Код для даного використання таблиці з фоном наведено в Прімері 2.1.

Приклад 2.1. Створення фону за допомогою таблиці

Меню

текст

Малюнок bg.gif є фоном, а spacer.gif служить розпіркою. У правій комірці фон залитий сірим кольором, що можна робити за бажанням.

вертикальні лінії

Мал. 2.5. Заготівля для створення лінії

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

Приклад 2.2. Створення вертикальної лінії

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

Якщо ширина таблиці фіксована, краще ставити точні розміри всіх осередків. При ширині заданої в процентах, можливі невеликі зміни розмірів осередків. Ось для такого випадку і робиться зображення лінії (рис. 2.5) з порожнім полем праворуч. Якщо цього не зробити, лінія може вийти дещо товщі, ніж очікувалося. А так, якщо ширина осередки і буде збільшуватися, незважаючи на прописані розміри, вид лінії залишиться незмінним. До того ж, такий «запас» дозволяє змінювати значення параметра cellpadding, який керує відступом від краю таблиці до її вмісту, без негативних наслідків.
Малюнок досить робити шириною 20-30 пікселів, а колір фону малюнка повинен бути таким же, як у веб-сторінки.

Конструктор uCoz