Рассылка VNS & DWEB
#6 от 26-го августа 2002 г.
Веб-дизайн от А до Я
в выпуске:
"Блики"
Форма на мыло
Советы...
3Ds MAX
интересные ресурсы
авторам
подпишись
 
для дизайнера:
CorelDRAW
PhotoShop
Macromedia Flash
MS Front Page
Dreamweaver
Java
HTML
Литература
Анимация
Шрифты
Программы
Архив рассылок
Сервис чатов
Выбор хостера
Здравствуйте!

"Блики"

Привет всем! Хочу поделиться с вами одно очень модной приколюшкой.

Многие задаются вопросом: "Как сделать так, чтобы в разных частях одной картинки
были разные ссылки?"
"Очень просто!" - подумали сейчас некоторые - "разбиваем
рисунок на части и помещаем в разные ячейки." Да, можно сделать и так, но как,
допустим, сделать так, чтобы лапа появлялась только при наведении на определенную
область непрямоугольной формы? Разрезай ни разрезай, а результата никакого. Вот, где
нам пригодятся так называемые "блики".

Прописываются они так: в тэге 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="имя рисунка">&nbsp;</td>
<td width="480"></td>
</tr>
<tr>
<td height="414"></td>
<td></td>
</tr>
</table>

(все цифры даны условно)

Таким образом мы обеспечили ячейку фоном.

Вообще, такая структура используется многими веб-дизайнерами, но, к сожалению, не всеми.

Если хотите посмотреть данную систему в действии, то посетите сайт uslugnet.narod.ru. Здесь такая система используется в заголовках разделов.


Автор: Алексей Сизов

[ к содержанию ]

3Ds MAX

Логотип для фирмы.

    В этом уроке, мы создадим логип. Кому - спросите вы. Догадаетесь сами по ходу урока.


    Начнён с созданий сплайна. Создадим вот такой сплайн:

    Надеюсь, что не нужно объяснять как его сделать... Теперь создадим рядом вот такой сплайн:

    Узнали? Конечно же, логотип т/к ОРТ. Все наверное видели, какой он не ровный в заставке? А мы сделаем ровный! Итак, выделите первый сплайн и примените к нему модификатор Extrude. В параметрах укажите Amount:2, а Segments:5. Сделайте это же самое и со вторым сплайном. Так, непосредственно логотип готов... Вот как он будет выглядеть в окне перспективы:

    Можете теперь сгруппировать эти два сплайна.
    Теперь приступим к оформлению... Зайдите в Material Editor. Выберите первый материал и в писке Self-Illumination поставте галочку рядом с Color. Затем нажмите на расположенную рядом пустую кнопку (на ней ничего не написано). В появившемся окне выберите Falloff. В настройках этого материала измените всё так, как показано на рисунке:

    После этого поднемитесь на шаг вверх и укажите цвет (чёрный). Затем в свитке Maps поставте галочку на против Reflection и нажмите на кнопку соотв. находящююся напротив Reflection. В новом окне укажите Raytrace. Поднимитесь на шаг вверх и примените этот материал к группе (нажав кнопку Assign Materia to Selection). Затем создайте прямоугольный Box и положите (вертикально) логотип на этот Box. Создайте для этого бокса белый материал (без бликовый). Вот, что будет в окне перспективы:

    Оставлось только создать несколько источников света и камеру (по необходимости).
Автор: Сайфутдинов Нияз

[ к содержанию ]

Интересные ресурсы

Бесплатная раскрутка сайта - Впервые в Рунете реализована 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 и в рассылке "Веб-дизайн от А то Я". Сохранность всех копирайтов гаратируем.

Подпишись на рассылки

  Все секреты HTML 4.0            
  PhotoShop от профессианалов

http://www.vns.ru

ведущий рассылки: Павел