TIPS OF WEB
Vadias
Спецвыпуск Xakep, номер #023, стр. 023-090-1
(painter@gameland.ru, www.freehand.str.ru), Donor
Tipsa 1
Неплохим тоном является разработка страниц под разные разрешения. Но как сделать так, чтобы для конкретного разрешения грузилась нужная страница? Можно, конечно, сделать стартовой сплэш-страницу, где каждый будет выбирать свое разрешение, но это будет утомлять людей и выглядеть, как минимум, несолидно. Есть способ лучше, а помогут осуществить его снова JavaScript и объектная модель браузера. Сделай index.htm пустым, вставь в него только скрипт, приведенный ниже (640.htm, 800.htm, 1024.htm - страницы, заточенные под разные разрешения):
<script language=JavaScript>
switch (window.screen.width)
{
case 640:
window.location.replace("640.htm")
break;
case 800:
window.location.replace("800.htm");
break;
default:
window.location.replace("1024.htm");
}
</script>
Tipsa 2
Ты знаешь, что фон твоей страницы может быть заполнен как монотонным цветом, так и рисунком. Это прописывается в <BODY>:
<BODY background="fignya.jpg" TEXT="#000000" LINK="#0000FF" VLINK="#800080">
Но ты не знаешь, что можно сделать так, чтобы фон страницы оставался на месте, в то время как текст и другие элементы страницы будет прокручиваться. Если сделать все грамотно, то это выглядит очень стильно. Реализуется этот эффект всего одной строкой. В тег <BODY> надо вписать такое свойство бэкграунда: bgproperties=fixed.
Получится что-то типа этого:
<BODY background="fignya.jpg" bgproperties=fixed TEXT="#FF0000" LINK="#00FF00" VLINK="#FF00FF">
Tipsa 3
Маленький суммарный вес паги очень важен для веба, поэтому нужно максимально оптимизировать страницу. Так что не пользуйся графикой там, где это не нужно. Динамический HTML иногда позволяет делать некоторые декорации, обходясь без вмешательства графического редактора. Допустим, ты хочешь сделать заголовок, отбрасывающий тень. Тогда действуй так:
<table style="filter:DropShadow(color=silver, offx=2, offy=2, positive=1)">
<tr>
<td>
<h1>Заголовок с тенью</h1>
</td>
</tr>
</table>
Также ты можешь заюзать свечение:
<table style="filter:glow(color=green, strength=3)">
<tr>
<td>
<h1>RADIATION</h1>
</td>
</tr>
</table>
Размытие (проблемы со зрением? Или с монитором?):
<table style="filter:blur(add=0, direction=0, strengh=3)">
<tr>
<td>
<h1>Траблы со зрением, сынок?</h1>
</td>
</tr>
</table>
Волнистость:
<table style="filter:wave(add=4, freq=4, lightstrength=4, phase=4, strength=4)">
<tr>
<td>
<h1>Принтер заело</h1>
</td>
</tr>
</table>
Поиграй с параметрами в скобках и во все въедешь. Кстати, картинки тоже можно извращать:
<table style="filter:wave(add=4, freq=4, lightstrength=4, phase=4, strength=4)">
<tr>
<td>
<img src="xakep.gif">
</td>
</tr>
</table>
Tipsa 4
У браузера ИЕ есть встроенные визуальные фильтры, подключив которые, можно немного оживить заход и уход пользователя со страницы. Активизируются они через метатеги. Вот как это делается в принципе: