Рассылка
VNS & DWEB
|
#6 от 26-го августа 2002 г.
|
|
Веб-дизайн от А до Я |
|
|
|
Привет всем! Хочу
поделиться с вами одно очень модной приколюшкой.
Многие задаются вопросом:
"Как сделать так, чтобы в разных частях одной картинки
были разные ссылки?" "Очень
просто!" - подумали сейчас некоторые - "разбиваем
рисунок на части и помещаем в разные ячейки." Да, можно сделать и
так, но как,
допустим, сделать так, чтобы лапа появлялась только при наведении на определенную
область непрямоугольной формы? Разрезай ни разрезай, а результата никакого.
Вот, где
нам пригодятся так называемые "блики".
Прописываются они
так: в тэге IMG где-нибудь после указания параметров рисунка
пишем usemap="#Имя блика", после тэга TABLE (если ваш рисунок
находится в таблице)
открываем тэг MAP и указываем данные:
<map name="Имя
блика">
<area shape="форма блика" coords="координаты" href="#">
</map>
где вместо формы блика
пишем rect, если блик прямоугольный,
circle, если нужен круглый блик и poly, если блик является
многоугольником; координаты указываются через запятую в следующем порядке:
прямоугольник - x1,y1,x2,y2,
где x1 и y1 - координаты верхнего левого угла блика, а x2 и y2 -
координаты правого нижнего угла блика;
круг - x,y,r, где x и y - координаты центра окружности, а r - радиус;
многоугольник - x1,y1,x2,y2,x3,y3 и т.д. (сколько углов, столько координат
точек).
Ну вот и все. Надеюсь
это вам пригодится. На своем сайте uslugnet.narod.ru
я их применять
не стал (просто не пригодились), а в принципе, очень удобная штука.
Автор: Алексей Сизов
[ к содержанию ]
|
|
|
|
|
Многие начинающие
веб-мастера задаются вопросом: как сделать так, чтобы форма
после заполнения отправлялась на мыло?
Делается это очень
просто:
<form name="form1"
method="post" action="mailto:email@server.ru" enctype="text/plain">,
<...>
<input type="submit" name="Submit" value="Готово">
</form>
тогда используется
почтовая программа отправителя, а у пользователя
после нажатия кнопки будет выскакивать дурацкое предупреждение,
что щас он отправит сведения по Интернет и эти сведения будут известны
получателю, вобщем, люди этого обычно пугаются :-) Гораздо круче,
когда на серваке установлен PHP, тогда никаких проблем, почтовой программы
отправителю не надо иметь, и никаких предупреждений не выдается.
В действии такую систему
(без PHP) можете посмотреть тут.
Здесь эта форма
применяется для подачи объявления (как ни как - сайт бесплатных объявлений).
Кстати, хочу рассказать
о такой вещи, как выпадающее меню. Я недавно страшно
мучался - у меня оно прописывалось так:
<select name="menu1"
onChange="MM_jumpMenu('parent',this,0)">
<option selected>value1</option>
<option>value2</option>
</select>
и как только, будучи
в браузере, выбираешь какое-нибудь значение, сразу же кидает
на другой URL. Да, я согласен - это удобно, когда такое меню служит для
удобства
передвижения по сайту, но когда это - одна из переменных в форме, то это
беспредел
ходячий!
А надо то было всего:
<select name=menu1>
<option value="value1">value1</option>
<option value="value2">value2</option>
</select>
Просто какой-то ончейнж_джампменю
всю малину обгадил (хотя иногда удобно).
Ну, я свою миссию выполнил, а вы уж сами выбирайте...
Автор: Алексей Сизов
[ к содержанию ]
|
|
|
|
Советы начинающим Web-дизайнерам
|
|
Дорогие союзники internet-фронта,
хочу сказать об одной очень важной штуке. Если вы считаете, что у всех
юзеров нета стоят крутые модемы, то вы крупно ошибаетесь. Представьте,
каково им по полчаса ждать, пока загрузится HTML на вашем сайте, где используется
большое количество рисунков (я не говорю про тех, кто использует Flash
- тут все в порядке). Вы не пробовали сделать те же самые прибамбасы с
меньшим использованием дискового пространства? Например, не вставлять
рисунок, содержащий в себе надпись, а заполнить ячейку фоновым рисунком
маленьких размеров и уже поверх него вставить нужный текст? Неправда ли,
это гораздо удобнее.К тому же ваши посетители будут вам очень признательны.
На тот случай, если не все знают, как это сделать, приведу пример, где
между тэгами BODY вставляется некоторое подобие этого:
<table width="780"
border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="300" height="60" valign="top"
background="имя рисунка"> </td>
<td width="480"></td>
</tr>
<tr>
<td height="414"></td>
<td></td>
</tr>
</table>
(все
цифры даны условно)
Таким образом мы обеспечили
ячейку фоном.
Вообще, такая структура
используется многими веб-дизайнерами, но, к сожалению, не всеми.
Если хотите посмотреть
данную систему в действии, то посетите сайт uslugnet.narod.ru.
Здесь такая система используется в заголовках разделов.
Автор: Алексей Сизов
[ к содержанию ]
|
|
|
|
|
Бесплатная раскрутка сайта - Впервые в Рунете реализована 3 уровневая система рефералов - 20% с первого уровня...
Zona5.al.RU - Всё о Macromedia Flash - уроки, исходники, статьи...
Andrey.nnov.Ru - Алгоритмы, статьи, книги, faq и многое другое.
100$ в месяц! - Это реально! С нашими спонсорами возможно все!
WebCopy.Narod.Ru - Прямой DownLoad Учебников. HTML, XML, JavaScript, CSS, PHP, Perl, MySQL, Flash 5, PhotoShop.
Портал для веб-мастера - скрипты, раскрутка, хостинг...
Денежная сеть - Только проверенные способы сетевого заработка.
Flash по шагам - Сайт и рассылка научат вас Flash по шагам.
Всё для веб-мастера - JavaScript, SSI, PHP,CSS, HTML, Soft, FrontPage, DramWeaver, Flash
Мастеру.ru - Стартовая страница веб-мастера.
Для того чтобы опубликовать свою ссылку в этой рассылке, вам необходимо поставить нашу кнопку у себя на сайте:
<a href="http://vns.ru/" target="_blank"><img border="0" src="http://vns.ru/images/banner/8831.gif" width="88" height="31" alt="::: ПОРТАЛ ВЕБ-ДИЗАЙНЕРА :::"></a>
Затем сообщите об этом нам, прислав url вашего сайта и описание.
|
|
|
|
|
Вы решили писать статьи на тему дизайна, программирования и все того, что связано с Web? Присылайте свои материалы и мы их опубликуем на сервере vns.ru и в рассылке "Веб-дизайн от А то Я". Сохранность всех копирайтов гаратируем.
|
|
|
|
|
|