а
з а м е т к у
w
ф
О разных методах
создания сайтов в
журнале "Компьютер"
говорилось уже неод-
нократно, а вот о реше-
нии сопутствующих
проблем, отнюдь, сказа-
но мало (может, конеч-
но, я плохой читатель).
Вот и решил я немного
заполнить этот пробел.
В
статье
будут
приве-
дены примеры кода, на-
писанного
на
HTM L
и
JavaScript,
но читателю,
не
знакомому
с
Java-
Script, вовсе не стоит пугаться, -
код,
по возможности, оптимизи-
рован.
И
все
что
нужно
-
это
просто
перепечатать
его
в
ис-
ходник
своей
странички,
изме-
нив
при
этом
лишь
названия
ссылок, файлов и т.п.
:<
:
-,
ш статье я х о ч у п о д е л и т ь ся с
.
*14
***. U a
щ w eb-дизаинерам и некот орым^
Ши срздан и я сайтов. Статьярасс*
a H H faÿem который уже njv/еет ф
§
.-
■>
X
S
r;
<
... .
.........
v
.
на
всякий
случай),
и,
в
зависи-
мости от размера монитора, заг-
ружаете
наиболее
подходящую.
В
своем
примере
я
назову
эти
странички page800.htm и page1024.htm.
Плюс к этому, создаете еще одну
страничку,
которая,
собственно,
и будет следить за тем, с
каким расширением мо-
нитора происходит прос-
мотр,
и
выполнять
заг-
рузку соответствующего
файла. Эта страничка бу-
дет, естественно, носить
название index.htm, а ее ис-
ходный код имеет следу-
ющий вид:
<html>
<head>
< title > </title >
<script
ty pe-’text/javascri pt" >
if( screen.width <= 900 )
location.replace (Mpage800.htmM
);
if( screen .width > 900 )
П роблем а,
/:
к а к
игоЪимь
осам
м онит орам
Е
сли
к
этому
вре-
мени вы уже соз-
давали
собственные
странички, то наверня-
ка
задавались
вопро-
сом,
как сделать стра-
ничку
универсальной
для
всех
мониторов.
Если сделать странич-
ку
шириной
1024
пик-
селя,
то
на
15-ти
или
14-ти дюймовом мони-
торе
посетителю
при-
дется
постоянно
дви-
гать
горизонтальную
полосу
прокрутки;
ес-
ли
ширина
странички
будет 800 пикселей, то
на
17-дюймовке
такой
сайт
будет
представ-
лен
в
виде
полосы.
А
что говорить о 19-ке!
Решение этой проб-
лемы,
оказывается,
достаточно
прос-
тое.
Вы
создаете
две странички: од-
ну - шириной
800,
а другую - шириной
1024
пикселя
(лучше,-
конечно,
795
и
1020,
шт
'/Г
.
-
щЩЩ
location, replace
("pagel 024.htm");
</script>
</head>
<body></body>
</html>
Как видите, все очень
и
очень просто.
Скрипт
узнает
расширение
эк-
рана и загружает подхо-
дящий файл. Все проис-
ходит
абсолютно
неза-
метно
для
пользовате-
ля, и довольно быстро.
Но тут есть один ми-
нус. При таком раскла-
де все три файла
должны лежать в од-
ной директории, что не
очень удобно. Одноз-
начно, намного удоб-
нее поместить различ-
ные версии сайта в
разные папки, ведь
сайт - это не только
ценный мех, тьфу ты, -
это не только один
html-файл. В таком
случае нужно просто
изменить строки
Cpage800.htm" и "раде-
1024.htm"), передавае-
мые в метод replace()
объекта location на
нечто подобное:
предыдущая страница 35 Компьютер 2005 05 читать онлайн следующая страница 37 Компьютер 2005 05 читать онлайн Домой Выключить/включить текст