Отправляет email-рассылки с помощью сервиса Sendsay

Веб-дизайн. От А до Я.

  Все выпуски  

Веб-дизайн. От А до Я. # 6 (32) DWEB.ru


Служба Рассылок Subscribe.Ru

Веб - Дизайн. От А до Я.
# 6 (32)
27 марта 2002г.
Проект сайта "AGS Design" Dweb.ru & DwebHost.ru
кол-во подписчиков - 9500

    В этом выпуске:

  • Дом для сайта
  • Основы CSS.
  • Вы Дурак или ...?
  • CSS: меняем scrollbar
  • Раскрутка сайтов
  • ICQ - Клуб
  • Клуб друзей.
  •   Ссылки Вебмастеру:

  • Иконки и кнопки
  • Flash и Photoshop
  • Баннеры & Фото
  • Обменный Пункт
  • Dweb-SHOP
  • Анимация и графика
  • Скрипты (CGI,JS,Applet)
  • Фоны
  • Форум
  • Хостинг
  • Web-дизайн
  • 3D анимация
  • Обменные сети
  • Студия web-дизайна

  • Доброе время суток!


    Dweb-SHOP. On-Line Магазин


    DwebSHOP - Он-Лайн магазин с моментальной доставкой купленного товара (Интернет-карты, мобильные карты, скрипты, развлечения, раскрутка, баннерные показы...).
    Приглашаем к сотрудничеству продавцов. Подробнее на сайте.



    Форум на Dweb.RU. Ответы на ВСЕ Ваши вопросы.

    Последние темы форума:

  • HTML->SSI
  • Создать поиск по своему сайту!
  • Поисковики
  • Скрипт времени загрузки
  • Photoshop 6 »Точная нарезка картинок
  • Как заставить писать по-русски Adobe ImageStyler
  • Help me pls
  • favicon-своя иконка
  • Как автоматически обновлять картинки
  • Про SSI
  • Очень прошу помощи профессионалов в оценке моего сайта!
  • Оцените и моё творение
  • Про Gif
  • SMS-сообщение на сайтах
  • Кредитные карточки »Принцип работы с карточками в Inete
  • Выбор платного хостинга
  • Выбор бесплатного хостинга
  • Как увеличить кол-во подписчиков. »Советы
  • У кого есть своя рассылка?
  • Какие банерообменные выбрать?
  • Буржуйские баннерные сети
  • Своя баннерная сеть



    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)



    Оглавление/Вверх


    Дом для сайта


    "Насколько важен выбор хостинга, и как выбрать хостинг для сайта?"

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

    Бесплатный хостинг
    За бесплатный хостинг вы не платите денег непосредственно, но так как бесплатного ничего не бывает, то обычно в качестве оплаты вы вынуждены размещать дополнительную рекламу на своем сайте.
    Сразу оговоримся, что бесплатный хостинг для большинства сайтов не подходит, если этот сайт должен стать "раскрученным". Почему? Во-первых, дополнительная реклама, далеко не всем окажется кстати, ведь ее придется как-то приспосабливать к дизайну, да и кому приятно, если на его проекте деньги зарабатывают, а он сам ничего не получает. Во-вторых, не всегда бесплатный хостинг оказывается бесплатным, почитайте подробнее сайт хостера, на нем наверняка встречаются объявления типа: "привязка домена www.ваше-название.ru к сайту (1-3$ в месяц), включение "mySQL" (2-4$ в месяц)". Если подсчитать, то дороже платного получится...
    В третьих, это пожалуй самое важное, большинство бесплатных серверов не могут предоставить действительно качественный хостинг. Ваш сайт может быть не доступен по несколько часов или даже дней. Естественно это отрицательно скажется на его посещаемости. А если учесть, что ваш сайт в любой момент могут закрыть, даже не объяснив причину и прибавить еще ограничения: не размещать файлы для загрузки (вообще, или объемом, например, выше 500Кб).

    Платный хостинг
    Среди платных так же попадаются не совсем качественные хостеры, но обычно это исключительный случай, особенно если услуги предлагает серьёзная фирма. Ведь люди платят деньги и хотят получить все на высшем уровне. И это только на словах они не считают $5-$20, а на самом деле - все до последней копеечки подсчитывают. Так как услуг хостинга становится всё больше и больше, то приходится делать выбор. А для этого надо проанализировать хотя бы пару предлагаемых хостингов. Давайте посмотрим на примере eServer.ru, как надо анализировать хостинги.

    1. Внешний вид сайта. Вроде бы не так уж и важно, но все же показатель достаточно веский. И так, заходим на eServer.ru (для наглядности, чтобы иметь представление о чём речь, вы можете открыть страничку сайта по этой ссылке). И так, что мы видим: достаточно приятное оформление и быстрая загрузка сайта. С виду - неплохой сайт, удобная навигация и очень понятно изложенная информация. Сразу бросается в глаза, что сайтом занимаются явно профессионалы - сходу хочется попробовать их услуги. Тем более, что такая возможность предоставляется всем желающим. Здесь Вам не придется писать в службу поддержки с просьбой открыть Вам тестовый эккаунт, Вам это предложат сами. Да-да, для того, чтобы протестировать работу хостинга достаточно подать заявку на сайте и Вам откроют доступ в течение 10 часов (мне прислали ответ минут через 15). Особенно радует надпись: "Общая загрузка серверов: 2.33%". Это значит, что в данный момент свободно свыше 95% мощностей серверов, или иначе можно сказать, что сервера оборудованы мощным оборудованием. Здесь ребята постарались.
    2. Служба поддержки. Обязательно, прежде чем купить хостинг, не бойтесь написать письмо, спросить, ведь вы будущий клиент, а клиента должны уважать. Со службой поддержки вам придется столкнуться и еще не раз, так что лучше проверить ее сразу. Наша проверка показала, что служба поддержки eServer.ru отвечает оперативно и достаточно подробно на все вопросы. Ни разу не оставили мое письмо без внимания, подробно, но без лишних слов (точь-в-точь как на сайте :) излагая решение проблемы. Задайте и вы им вопрос, если интересует что-либо, все координаты для связи есть в разделе "контакты".
    3. Теперь оценим предлагаемые сервисы и тарифные планы.

    а) Что предлагают.
    Место на диске 50 Мб - 400 Мб
    Трафик неограниченный во всех тарифных планах
    Поддержка домена включена
    Поддомены до неограниченного числа
    SSH доступ
    FTP аккаунты от 1 до 10
    Поддержка DNS
    Поддержка Frontpage
    Антивирусный пакет
    Почтовые ящики от 5 до 500 шт.
    Автоответчики неограниченное число
    Переадресация почты неограничена
    SMTP сервер
    PHP 4, PERL 5
    C++, Свой CGI-BIN
    Скрипты на Shell
    Использование SSI
    Доступ к LOG-файлам
    Паролирование  каталогов
    Свои Mime Types  .htaccess, .htpasswd
    Свои страницы ошибок (400-404,500)
    Автоперекодировка кириллицы (win/koi/mac/dos)
    Статистика сайта
    Панель управления
    Web-интерфейс почты
    Файл-менеджер
    MySQL-менеджер
    Быстрая смена паролей
    Ежедневная архивация данных сайта
    Возврат денег в течение 30 дней
    Круглосуточная поддержка по телефону и e-mail
    Бесплатная установка программного обеспечения
    В часть тарифных планов eServer.ru также включены:
    Анонимный FTP
    SSH доступ
    Поддержка SSL
    Возможность создавать свои эхо-конференции
    Базы данных MySQL
    PERL DBI
    JSP (Java server pages)
    Запуск программ по расписанию (Crontab)
    Кроме того, вы получаете доступ к удобной панели управления, где Вы можете следить за состоянием вашего сайта, изменять все настройки и управлять всей работой сайта. Посмотреть демо панели можно прямо на сайте.
    Найдутся тарифные планы и для профи, которым нужны большие возможности. И для тех, кому не хочется переплачивать за лишние для его сайта сервисы (поддержку SSL протокола, базы данных MySQL и Perl DBI, поддомены, SSH доступ, эхо-конференции, JSP и прочее).
    б) Сколько это стоит. Стоит это от $8 до $28,5 в месяц. При этом действует система скидок. Т.е. реально это может стоить примерно от $7,5 в месяц. Кстати, при оплате хостинга на год вперед, с любым тарифным планом, вы получаете домен в подарок.
    4. Удобство оформления заказа и оплаты. Оформить заказ можно в режиме on-line. При этом, как уже упоминалось, ваш аккаунт бесплатно открывается не позднее, чем через 10 часов после заказа. Формы оплаты также вполне удобны, например, можно оплатить через Webmoney.
    Вывод. eServer.ru - хостинг на который стоит обратить внимание.

    Андрей Антанюк, http://svsite.r2.ru




    Оглавление/Вверх


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    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



    Оглавление/Вверх


    Раскрутка

    Лучшие сайты Баннерной обменной сети XBN (Xmen Banner Network) - комиссия всего 7(!)% - 2 баннера на 1 стр.

  • F.C. Levadia Maardu supporters
  • MegaVisit
  • Информационно-развлекательный портал клана Ноздриных
  • Уроки для Adobe After Effects, и векторные объекты в формате Adobe Illustrator
  • WEB Магазин Selero
  • ОАО Тейковский ХБК - крупнейший производитель х/б ткани центра России (6 млн.м/мес)
  • Смешной сайт
  • Сайт посвящён музыке
  • Сайт о мифологии народов мира

    Приглашаем зарегистрироваться в наших обменных сетях.
    ВСЕМ новичкам начисляются Бесплатные показы - от 25000 до 155 тыс.
    Ссылки на лучшие сайты сетей Бесплатно публикуются в рассылках. Попасть в рассылки >>>



    Полезная Информация.


    Обменный пункт WebMoney
    Для Казахстанцев. Аттестованный обменный пункт WebMoney. Покупка/продажа титульных знаков WebMoney за Казахстанские Тенге, по самому выгодному для Вас курсу.
    Выдача аттестатов доверия (в течении нескольких часов). Подробнее на нашем сайте.


    Студия web-дизайна DIZ
    Студия web-дизайна DIZ предлагает разработку сайтов с эксклюзивным дизайном, разработку интернет-магазинов, баз данных, автоматизированных каталогов и многое другое.
    Мы предлагаем полный цикл создания web-сайта, начиная от постановки задачи и предоставления хостинга и кончая раскруткой и поддержкой уже готового проекта. Более подробную информацию вы сможете прочитать на нашем сайте.


    Бесплатные Интерактивные Курсы
    - Обучайтесь через Интернет! Языки, программирование, дизайн (создание суперграфики). Обучение полностью бесплатно!
    Языки (английский, немецкий, французский), Программирование (Assembler, Базы данных, C++, Delphi, Pascal, VB) Дизайн (HTML, PhotoShop, Corel Draw, JavaScripts, CGI)


    Бесплатные диски с играми. Закажи!


      Рекомендуем
    * ТВ за неделю - поставка ТВ программ за неделю для печати, ранние сроки, низкие цены, удобная форма оплаты.
    * Хостинг от DwebHOST.RU - Качественный, надёжный, недорогой хостинг от DwebHOST.ru. Внимание! Только со 2 по 9 апреля всем тем кто закажет и оплатит услуги хостинга, получит от $3 до $25. Подробнее на сайте DwebHOST.ru.


    Клуб друзей
    * Практическая помощь веб-мастеру - услуги и помощь веб-мастеру.
    * Музыка, кино - музыка в кино и в мультипликации, ЗАПОВЕДЬник, языки.
    * Праздник каждый день - традиции, обычаи, приметы, рецепты, гороскоп.
    * Сервер Знакомств - найди свою судьбу. Психологические статьи. Увлекательные истории.
    В "Клуб друзей" может попасть любой сайт. Ссылки вращаются по КРУГУ постоянно. Как в рассылке, так и на сайте. Правила.



    ICQ - Клуб

    Адрес Клуба http://dweb.ru/1/icq.htm

    Если у Вас возник вопрос по дизайну, графике, скриптам и т.п. То Вы в любой момент можете его задать на странице Клуба любому консультанту находящегося в on-лайне.

    Для тех, кто может, а главное хочет поделиться своими знаниями, Вы можете вступить в наш Клуб, для этого присылайте # ICQ, Имя, E-mail, Город, и темы по которым возможна консультация.


    Оглавление/Вверх

    Авторам

    Вы хотите, чтобы ваши статьи были опубликованы в рассылках 'Веб-Дизайн, азы' и 'Веб-Дизайн. От А до Я'? Если вы считаете, что можете написать о дизайне, скриптам, графике и т.п., если Вам есть что сказать и о чем рассказать, я буду рад сотрудничеству с Вами. Присылайте свои предложения и статьи.
    Давайте вместе делать общее дело! Присылайте свои соображения, мысли, истории... поделитесь своим опытом.
    В качестве гонорара Вы получите несколько строк под Вашей статьёй, для рекламы/описания Вашего сайта.
    Буду рад сотрудничеству.


    Ведущий рассылки Дмитрий Давыденко


  • http://subscribe.ru/
    E-mail: ask@subscribe.ru
    Отписаться
    Убрать рекламу

    В избранное