Рассылка VNS & DWEB
№4 15 апреля 2002 г.
Веб-дизайн от А до Я
в выпуске:
CSS: меняем scrollbar
Вы Дурак или проститутка?
Основы CSS
Чат вашей мечты
интересные ресурсы
авторам
подпишись
 
для дизайнера:
CorelDRAW
PhotoShop
Macromedia Flash
MS Front Page
Dreamweaver
Java
HTML
DHTML
Литература
Анимация
Шрифты
Программы
Архив рассылок
Сервис чатов
Здравствуйте!

Ежедневные новости в мире веб-дизайна... свежий софт, прикольные статейки и многое другое. Только на WWW.VNS.RU
ВНИМАНИЕ: только во вторник, только с 4 до 7 утра, только в этом чате, пройдет коференция. Ведущие специалисты в области веб отвечают за все ваши вопросы! НЕ ПРОПУСТИ СВОЙ ШАНС!

Наши разработчики создали мощную поисковую систему на языке Perl, которая может использоваться почти на любом веб-сервере. Идеальный поиск для малых и средних сайтов с объемом текстовых (индексируемых) файлов около 40Мб, уникальные возможности. Подробнее...

CSS: меняем scrollbar

В Internet Explorer 5.5 появилась поддержка одной очень полезная возможности CSS (каскадных таблиц стилей). Она заключается в том, что вы можете менять цвет всех составляющих скролл-бара (SCROLLBAR`а) или полосы прокрутки - эта такая полосочка с правой стороны экрана с помощью, которой вы можете передвигать просматриваемую страницу по вертикали, а иногда и по горизонтали! Ближе к делу! Создаем атрибут .STYLE. в теге .BODY. и пишем в нем следующие атрибуты:

  • .SCROLLBAR-FACE-COLOR. - устанавливает главный цвет , которым закрашивается полоса прокрутки и две крайние кнопочки с треугольниками. Если вы не задаете параметр .SCROLLBAR-TRACK-COLOR., то он окрашивается в тот же цвет, что и .SCROLLBAR-FACE-COLOR..
  • .SCROLLBAR-TRACK-COLOR. - определяет цвет дорожки по которое катается полоса прокрутки.
  • .SCROLLBAR-ARROW-COLOR. - устанавливает цвет треугольничков на кнопках находящихся по краям полосы прокрутки.
  • .SCROLLBAR-HIGHLIGHT-COLOR. - устанавливает цвет подсветки (первого уровня), который создающий эффект объёмности. Этот цвет окаймляет освещённую часть полосы прокрутки и кнопок. Если кнопка не нажата цвет окаймляет левый верхний угол и стороны между ним, когда нажата - нижний правый угол. Эти объекты окаймлены двумя слоями полосок (у меня они называются уровнями). Ближнею к центру объекта полоску я называю первым уровнем.
  • .SCROLLBAR-3DLIGHT-COLOR. - устанавливает цвет подсветки (второго уровня).
  • .SCROLLBAR-SHADOW-COLOR. - цвет тени (первого уровня), которая тоже служит для придания объёмности.
  • .SCROLLBAR-DARKSHADOW-COLOR. - цвет тени (второго уровня).
Для примера приведу цвета используемые на моем сайте (полоски второго уровня я не использую):

<body style="scrollbar-face-color: #A9A9A9;
scrollbar-highlight-color: #f3f3f3;
scrollbar-shadow-color: black;
scrollbar-arrow-color: blue;
scrollbar-track-color: #f0f0f0;">

Еще можно и использовать следующею конструкцию между тегами .HEAD.:

<style><!--
BODY {scrollbar-face-color: #A9A9A9;
scrollbar-highlight-color: #f3f3f3;
scrollbar-shadow-color: black;
scrollbar-arrow-color: blue;
scrollbar-track-color: #f0f0f0;}
--></style>

А можно вынести атрибуты во внешний файл (например, index.css) находящийся в данном примере в той же папке, что и файл с примером.

В файл примера, между тегами .HEAD. пишем:

<link href="index.css" rel="stylesheet" type="text/css">

Index.css:

BODY {scrollbar-face-color: #A9A9A9;
scrollbar-highlight-color: #f3f3f3;
scrollbar-shadow-color: black;
scrollbar-arrow-color: blue;
scrollbar-track-color: #f0f0f0;}
--></style>

Ну вот и все, что я хотел вам сегодня рассказать, любители WEB-дизайна. Надеюсь, что эта маленькая прибамбаса еще больше улучшит ваш сайт.

Поярков Илья (Terabyte)

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

Вы Дурак или проститутка?

Вы Дурак или проститутка?
Я профессионал


— Да это же де...о — возмущённо восклицает заказчик (он же клиент), и Вы чувствуете, что он наверное не туда смотрит. Но нет, его взгляд направлен на монитор. Сейчас там эскиз вашего сайта. И Вы понимаете, заказчик говорит именно о нём, о дизайне.

Такие ситуации не редкость, заказчику не нравится тот дизайн который вы так старательно (или наоборот, у кого как) делали для него. Что делать?

Существуют две точки зрения на этот вопрос. Первая состоит в том, что если заказчик захочет чтобы Вы писали жопой, то Вы будем писать жопой, потому что заказчик платит Вам деньги. Вторая точка наоборот, говорит, что заказчика надо воспитывать, и если ему не нравится, то пусть идёт отсюда.

Первой придерживаются т.н. "пуганые воробьи", второй "зелёные молокососы". А может быть и наоборот.

Немного подумаем. Если выполнять все прихоти заказчика в области качества дизайна то Вы получаете деньги и довольного заказчика, но качество дизайна зачастую ухудшается (следовательно, страдает и Ваш имидж), Заказчик наглеет, а вы похожи со стороны на проститутку. Тут необходимо правильно относится к работе и не пытаться "вкладывать в неё душу".

Если придерживаться второй точки зрения, то качество дизайна (идей) практически полностью зависит от Вас, Заказчик знает своё место, но часто этот дядька или тётька надменно фыркают и хлопают дверью, в результате нет денег. А кто-то скажет: "Во дурр-р-ак!"

Что делать? Кем быть? Дураком или Поституткой? Лучше быть ни тем, ни другим, лучше быть профессионалом.

Идея номер раз

Разделить состояние Вас или Ваше фирмы на несколько уровней. В критическом состоянии не имеет смысла воспитывать заказчика, так как это грозит потерей последнего источника денег. Если же положение не столь плачевное, за плечами опыт, куча работ, есть постоянные клиенты, с которыми уже нормальные отношения (или Вы хотя бы знаете, чего хочет заказчик). То стоит начинать воспитывать новых клиентов.

Мысль в вдогонку: это бессознательное упрощение - выделять два крайних состояния. Если подумать, то можно сделать разбивку более грамотно, по нескольким параметрам, или по одному, но всеобъемлющему.

Идея номер два

В идеале Ваш Клиент сам понимает, что он не специалист (если это так), но ему просто не нравиться. Ну не нравится и всё тут.

Ваш Клиент делает сайт не для себя, а для своей фирмы. То есть его мнение не столь важно. Гораздо важнее мнение посетителя сайта. Которое, кстати, можно узнать организовав опрос или\и исследование (как?) целевой группу. Упрощенным вариантом является гостевая книга.

Что касается Заказчика, то (на этапе переговоров) ваша задача состоит в том, чтобы он сам понял, что нужны объективные (ну или хотя бы признаваемые обеими сторонами) критерии оценки. После этого Заказчик при всём народе закидывает своё мнение в самый тёмный угол, самого тёмного чулана.

Очень часто заказчик (далее будем называть его дядька или тетка) показывает дизайн сотрудникам свой фирмы - это тоже не есть гуд для Вас, так как уж они точно имеют очень маленькое отношение, к тому каким будет дизайн сайта. А, многие из них, просто будут подстраиваться под мнение хозяина. Чтобы это происходило как можно реже необходимо что-то делать, видимо ещё во время первой встречи с дядькой. Интересная и вероятно полезная статья по этому поводу: "Эффект голого короля или Искусство дурачить убедительно"

Идея номер три

Дядьки и тётки тоже бывают разные. Есть те, которых воспитывать можно и нужно. Возможно это новые, развивающиеся фирмы. У них ещё нет чётко сложившихся традиций, обычаев и прочих составляющих корпоративной культуры. А может быть и наоборот. Это большие организации, с чётко налаженным порядком. Тут нужны опыты.

Для тех у кого он есть. Напишите, - опубликуем.

В общем нужно знать кто сидит перед Вами, а уж в зависимости от этого и строить разговор. А для того чтобы узнать, что за тетка или дядька (или оба) перед Вами нужно задавать вопросы и требовать чёткие ответы. Или нет?

Идея номер два с половиной (о критериях оценки)

Их два. Нет, теперь уже три.

Самый интересный и главный критерий это... новизна! Теперь можно немного расслабиться и пойти попить пива (чаю с вареньем, водки с гуталином, рассолу с укропом или водички из под крана). Главное вы знаете. Если тот дизайн (что такое дизайн?, Кто такой веб-дизайнер) который вы сделали, не похож на все остальные сайты подобных типов (имеется ввиду сайтов для производителей таких же или похожих товаров, ну или услуг) то это нормально. Если он вообще ни на что не похож и при этом удовлетворяет второму критерию, то вааааще харашо.

Второй критерий это целлофановый пакет, в который запихали:

  1. юзабилити (удобство пользование сайтом, подробнее в «Ру/ководстве» и в «Дизайн для Думающих»).
  2. Время загрузки (сколько секунд будет долго? А сколько в самый раз?)
  3. Адекватное отображение в двух основных браузерах XX века. Понимаете, что это Netscape Navigator и Microsoft Internet Explorer. О том, какие версии самые массовые (а всему ли надо верить?) можно узнать здесь www.spylog.ru
  4. Читаемость того, что вы написали.
Третий критерий обусловлен индивидуальными спецификами восприятия транслируемых образов, объекта воздействия...

— Я тоже ничего не понял...
— Может попонятнее, а то ни ты ни я ничего не поняли?
— Давай.


Третий критерий учитывает особенности Заказчика. А именно чтоже заказчик делает. К примеру, дизайн для завода Тяжёлого машиностроения, будет отличаться от магазина памперсов.

В общем если дизайн обладает новизной то на него обратят внимание.

Все придирки типа: вот это закорючка мне не нравится, а вот здесь темновато. Чисто субъективное пожелание заказчика, которые вы можете либо удовлетворять, либо нет.

Выбирайте сами кем Вам быть: Дураком, Проституткой или Профессионалом.

С тем, чего нет и без того что должно быть.
Юрка Antonoff Высказаться | Черкануть письмо

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

Основы CSS

Всплывающая подсказка, изменение курсора в CSS.

Всплывающая подсказка может "всплывать" как у ссылок, так и у любого элемента в броузерах, поддерживающих динамический HTML. На формах и кнопках не пробовал, но надо и вам что то оставить для развлечения. Делается чрезвычайно просто, вставляем в тэг элемента:
TITLE="подсказка"
Например:
<font size=-1 TITLE="подсказка" >ПРОСТО СЛОВО</font>
или:
<a href="html://www.iiii" TITLE="подсказка" >ССЫЛКА НА IIII</a>

подведите курсор к выделенным участкам, посмотрите.
Просто, да? Теперь займемся курсором. По умолчанию обычный курсор-стрелка изменяется на "лапку" над ссылкой. Больше ничего особого не заметно. Однако, курсоров больше, чем два. С помощью стилей можно получать нужную форму курсора над нужным объектом, например, вопросительный знак над "помощью". В "Эксплорере" последних версий изменение курсора и подсказка действуют не только с рисунками и ссылками, но и с любым объектом. Вставляем в тэг:
style=cursor:w-resize
Например:
<a href="html://www.iiii" TITLE="подсказка" style=cursor:w-resize>ССЫЛКА НА IIII</a>

Как всегда, этого не понимает "Нетскейп". Курсор не меняется, подсказки не появляются. На любителя, так сказать... У гениального Нетскейпа подсказка выводится как ALT для рисуночков.
Ниже привожу виды курсоров. Подводите мышку и смотрите

auto автоматически устанавливается 
crosshair - крест
default - по умолчанию
hand - лапка
text - текстовый курсор
help - вопросительный знак
wait - песочные часы
e-resize - разные по направлению стрелки
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize

Источник: A-design studio http://mtk.on.ufanet.ru

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

ChatList.Ru - чат вашей мечты!

Ну что, коллеги, Вы уже приступили к созданию своей собственной странички в Интернете? Приступили. Молодцы! Что-что? Вы уже не только приступили, но и создали ее полностью? Вообще здорово! Уверен, что на ней много полезной информации, кучу фоток, а дизайн заставит даже Артемия Лебедева открыть рот от зависти. И правильно, такие классные сайты нам, обычным посетителям, и нужны. Мы ведь не хотим жить в одиночку. Нам хочется знакомиться с себе подобными, обсуждать интересные темы и пополнять список своих интернет-друзей. При помощи сайта надо всему миру заявить, кто мы такие, и какое пиво предпочитаем :) Наверняка всем интересно узнать, что Ваш кот Василий на прошлой неделе нюхнул валерианки, ошалел и стал в бешеном темпе нарезать круги по всей квартире, сметая по пути вазы, кружки, мышки, коврики и всякие колонки, после чего сел в Ваш тапок и сделал в нем большую лужу.

Можно рассказывать, что душе угодно. Вы знакомите с собой своих посетителей, ведете с ними своеобразную беседу «в один конец». Как правило, такая беседа является монологом, нежели диалогом, поэтому не удовлетворяет потребность в общении. А ведь как интересно узнать, кто твои посетители, где они, как они !!! Как было бы хорошо, если каждый твой посетитель смог поговорить с тобой в реальном времени, без всяких ограничений, как в чате. Как хорошо было бы иметь свой собственный чат ! Но ведь создать его так сложно, а заказать у других – дорого :( Как быть, есть ли выход? Хм… А выход-то есть. Это специальные системы – службы чатов. Такие системы позволяют совершенно бесплатно создать свой собственный веб-чат. При этом Вам даже не нужно знать Perl или PHP, не нужно заботиться о хостинге и прочих сетевых премудростях.

Самая новенькая, блестящая и сверкающая ChatList.Ru создана совсем недавно (еще горяченькая). Она только начала свою работу и поэтому по праву считается самой удобной и эффективной службой чатов. Естественно, в ней реализованы все модные фичи, продвинутая система управления для администраторов, возможности, которые недоступны многим подобным службам. Простота и удобство – главные козыри современных сервисов – тесно сотрудничают с эффективностью, делают систему не только навороченной, но и доступной даже для средних пользователей. Каждый желающий сможет создать свой собственный чат и настроить его по своему вкусу. Административный интерфейс представляет собой мощный инструмент для полного контроля над созданным Вами чатом. В нем присутствует такое количество функций, какое только можно себе представить + с десяток дополнительных. Что и говорить, если есть такие возможности, как включить/отключить матотестер, проверку ссылок, ввод смайликов или рассказчик анекдотов. Можно даже редактировать списки зарегистрированных в Вашем чате пользователей. Например, изменять их параметры, имя и даже описание. Кстати, тут же есть и такая классная фишка, как блокировка определенных ip-адресов. Она позволит Вам быстро посылать слишком наглых парней на три веселых кнопки.

Создаваемые системой чаты имеют приятный настраиваемый интерфейс, в административном интерфейсе настраиваются частоты обновления страниц и другие важные параметры. Все сделано очень удобно, никаких лишних наворотов. Есть только чрезвычайная гибкость и простота. Разумеется, создатели системы не берут никаких денег за использование своего сервиса. И, конечно, для окупаемости проекта в каждом чате установлены небольшие баннеры. Многим может показаться, что это неудобно, зачем, мол, крутить чужие баннеры и так далее. Однако, в современном Интернете, как известно, проекты не приносят особой прибыли. Главное – чтобы они не работали себе в убыток, хотя бы окупали издержки, т.е. хостинг и работа администратора. Именно поэтому размещение баннера в чате является чисто символической платой за такой отличный сервис. А сервис действительно хороший. В числе пользователей системы встречаются не только домашние странички, но и крупные проекты. Одним из первых участников зарегистрирован Российский мультипортал ProtoPlex. Не зря такие солидные проекты пользуются службой ChatList.Ru. Профессионалы ошибаются очень редко, значит, система действительно хороша. В любом случае проверить это может каждый, ведь сервис открыт для всех. РУнет растет и вглубь, и вширь. Не опоздайте со своим чатом.

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

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

Andrey.nnov.Ru - Алгоритмы, статьи, книги, faq и многое другое.
Flash по шагам - Сайт и рассылка научат вас Flash по шагам.
NetNight.R2.Ru - ежедневные обзоры программ, аська, warez, crackz
Бесплатная раскрутка - Впервые в Рунете реализована 3 уровневая система рефералов - 20 процентов с первого уровня...


Сюда может попасть любой желающий. Послать заявку...
Авторам

Вы хотите, чтобы ваши статьи были опубликованы на сервере VNS.ru? Если вы считаете, что можете написать о дизайне, скриптам, графике и т.п., если Вам есть что сказать и о чем рассказать, я буду рад сотрудничеству с Вами. Присылайте свои предложения и статьи. Давайте вместе делать общее дело! Присылайте свои соображения, мысли, истории... поделитесь своим опытом. В качестве гонорара Вы получите показы сети RLE (от 1000 до 10000) плюс N-кол-во читателей, которые посетят Ваш сайт. Буду рад сотрудничеству.

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

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

http://www.vns.ru

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