VITRAGE: Примеры
· 1. "Распорки"
· 2. Изображения
· 3. "Колонтитулы"
· 4. Ссылки
· 5. Многоязычные сайты
· 6. Организация меню
· 7. Однотипные элементы
· 8. Формы и их обработка
· 9. Случайные операции
· 10. Циклы
· 11. "Ленты" данных
· 12. Внешние скрипты
· 13. Работа с файлами
· 14. "Бесконечный копирайт"
 
Практика
· Немного о стилях парсинга
· Примеры использования
· Работающие сайты
· Хостинги
· Вопросы и ответы
· Задать вопрос
· E-mail
 
Теория
· Компиляция и установка
· Идеология VITRAGE
· Оптимизация HTML
· Создание виртуальных хостов
· Создание структуры доменов
· Ваш собственный язык гипертекстовой разметки
 
О модуле
· Что такое VITRAGE
· История модуля
· Загрузить модуль
· Документация целиком
· Загрузить документацию в формате MS Word
· Слово автора
· English version
 
Технология VITRAGE
Один из витражей города Иркутска
Исходный код
· VHTML-код этой страницы (в новом окне)
· VHTML-код файла vitrage (в новом окне)
 
· Пример 1. "Распорки" для табличной верстки

Очень часто в современной табличной HTML-верстке приходится использовать так называемые "распорки" - прозрачные GIF-файлы разного размера. Обычно для решения подобной задачи создается один файл (назовем его dot.gif) размером в один пиксель, а ширина и высота "распорок" указывается в атрибутах width и height тэга <img>, например:

<img src="/images/dot.gif" alt="" border=0 width=32 height=64>

Если схема верстки достаточно сложная, таких "распорок" будет несколько, причем они будут, вероятно, иметь разные размеры. При помощи модуля VITRAGE мы можем упростить процесс добавления "распорок" введением нового тэга, атрибутами которого будут требуемые высота и ширина. Назовем этот тэг <dot>, а значениями высоты и ширины по умолчанию выберем "1":

<dot width=1 height=1>
<img src="/images/dot.gif" alt="" border=0 width=$width$ height=$height$>
</dot>

После внесения такого описания в файл vitrage мы можем использовать этот тэг при верстке:

<dot width=32 height=64>
<dot width=188>
<dot>
<dot height=52>