..:: Всё для Web-мастера - выпуск 18 ::..

 
В этом выпуске: Так же на сайте: Действия:

<< задать вопрос >>
<< прислать анекдот >>
<< прислать статью >>

Рассылки Subscribe.Ru  
Flash для начинающих, и не только.
Новая рассылка портала Wmaster.ru. Подписывайтесь.

 

 :: Свежие новости дизайн-портала Wmaster :: 

Здравствуйте дорогие читатели ! 

 После 20-ти дневного перерыва (отдыха), портал снова начинает свою жизнь. Исправлены многие недочёты, обновлён раздел SOFT, обновлена рубрика "Электронные журналы", а главное ->> вышел второй выпуск электронного журнала WMASTER. Второй выпуск журнала получился ещё лучше чем первый. Надеюсь он вам понравится.


Рубрика "Вопрос-ответ" --> За лучший вопрос и лучший ответ в конце месяца будет вручаться приз в размере 1000 баннеропоказов RLE Classic 468*60 или 2000 баннеропоказов RLE Classic 100*100.


Предлагаем вам общаться и задавать свои вопросы в нашем стильном форуме и почаще заходить на наш портал ( www.wmaster.ru ) . У нас каждую неделю обязательные обновления. Также вы можете заказать рекламу на нашем сайте, арендовать домены ( www.boutique.cd ) и услуги web-дизайна и поддержки web-сайтов на сайте www.superjaguar.com


Уважаемые авторы. Если вы хотите повысить посещаемость вашего сайта, вы можете присылать свои статьи в нашу рассылку. За каждую авторскую статью вы получаете 1000 показов RLE Classic 468*60 или 2000 показов RLE Classic 100*100. Также вы можете попросить поставить вашу кнопку на первую страницу нашего сайта. Ждём ваших статей. 


Ещё большая просьба !!!  Если вы пишите письмо на адрес rass@wmaster.ru , это не значит что меня зовут rass ( этот логин был создан Для rassылки). Меня зовут Антон Бочкарёв или можно использовать мой никнейм - Cody.

 :: *Лучший хостинг* :: 

ValueHost : Самый популярный и профессиональный хостинг.  Лучший выбор это "План А": 200 mb, mySQL, cgi-bin, perl, PHP, FTP, неограниченно POP3 Email,  SSI, и всё это всего за $8.95 в месяц.  "Заказывайте на Valuehost !!". И если вы решились заказать хостинг у Валехост, то нажмите на эту ссылку --> ValueHost-лучший хостинг.

  :: Когда плохой дизайн становится стандартом :: 

Создавать сайты сейчас стало проще: если вы не знаете, как вам оформить определенный элемент дизайна страницы, все что вам нужно сделать, это зайти на двадцать наиболее посещаемых сайтов в Интернете и посмотреть, как этот элемент сделали они.

  • Если 90% и более процентов этих сайтов оформили этот элемент одинаково, значит это оформление стало стандартом де-факто, и вы обязаны подчиниться этому стандарту.

  • Если 60-90% процентов этих сайтов оформили этот элемент одинаково, тогда это оформление является очень популярным и вам следует ему подчиниться, если только ваше альтернативное оформление не увеличивает удобство пользования элементом как минимум на 50%.

  • Если менее 60% этих сайтов оформили этот элемент одинаково, это значит, что пока не выработан доминирующий стандарт, и вы свободны придумывать свое собственное оформление. Но даже в этом случае, если существуют варианты, каждый из которых используется как минимум на 20% крупных сайтов, вам следует ограничить свою фантазию и выбрать одно из уже знакомых пользователям окормлений, если только ваше альтернативное оформление элемента не увеличивает удобство пользования как минимум на 25%, по сравнению с самым лучшим существующим вариантом.

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

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

Организация информации и реализация задач: стандартов нет

Конечно, на самом деле ремесло веб-дизайна чрезвычайно трудное потому, что связано оно с созданием информационной архитектуры и порядком выполнения задач. Никаких стандартов в отношении этих предметов пока нет. Каждый сайт решает эти проблемы по своему, так как каждый из сайтов связан с специфической информацией и своими определенными задачами.

Некоторые аспекты информационной архитектуры уже стали принимать очертания общепринятых правил: большинство корпоративных сайтов непременно имеют разделы "Продукты/Products" и "О компании/About Company". Более того, раздел "О компании " как правило содержит информацию для инвесторов и посетителей, ищущих работу, а также общую информацию об истории компании и ее руководстве. Адреса офисов компании и карты проезда к ним также располагают в разделе "О компании", но это не считается пока устоявшимся правилом, так как, например, многие сайты используют другую информационную архитектуру и помещают эти данные в особый раздел "Контакты". Так как пользователи часто ожидают найти адрес компании в разделе "О компании", веб-сайтам, поместившие эти данные в другой раздел, следует сделать перекрестную ссылку с раздела "О компании" на раздел "Контакты".

Примеры устоявшихся правил дизайна

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

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

  • Синий текст в Web означает "щелкай здесь", поэтому оставляя непосещенные ссылки синими, вы не ставите перед пользователем никаких сомнений в том, что куда они могут пойти дальше. Гораздо больше времени экономится из-за того, что посетители быстро догадываются, куда они могут пойти на со страницы, чем теряется из-за того, что несколько слов на странице оформлены цветом, замедляющим чтение на несколько миллисекунд

  • Что еще более важно, это отличие непосещенных ссылок (синий цвет) и посещенных (лиловый). Это отличие помогает посетителям понять структуру веб-сайта и не потеряться в путешествии по нему. На сайтах, где цвета ссылок изменены, мы часто наблюдаем, как посетители возвращаются на одну и ту же страницу снова и снова только потому, что они не понимают по цвету ссылки, что уже были на этой странице. Эта дополнительная путаница, замедленная навигация по сайту, снижение вероятности, что пользователи смогут найти нужную страницу - все это вы получаете взамен того, что просто поменяете традиционные цвета ссылок.

Закладки для разделов

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

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

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

Я убежден, что закладки лучше всего было бы использовать для переключения между различными (но связанными друг с другом) видами одной и той же информации, но не для навигации по различным не связанным друг с другом разделам сайта. Но к сожалению, пользователи Web очень скоро потеряют все те представления о закладках, которые у них сложились до этого, если все больше и больше сайтов будут ими злоупотреблять.

Я все еще считаю, что менее 50% сайтов используют элемент закладок (ошибочно) как средство навигации между различными разделами сайта. Следовательно, я считаю, что лучше всего придерживаться правильного метода использования закладок, а для переключения между разделами сайта использовать другие визуальные элементы дизайна. Но может так случиться, что правильный подход проиграет, и мне придется пересмотреть свою рекомендацию примерно через год. Если все больше и больше сайтов будут использовать закладки не для той цели, для которой они предназначены.

Левая полоса навигации

Первым "Желтую Лихорадку" в веб-дизайне подхватил веб-сайт CNET (где-то в 1996 году), и с тех пор эта болезнь заразила такое количество сайтов, что превратилась практически в незыблемое правило: у каждого сайта теперь вдоль левого края страницы тянется сверху вниз цветная полоска, на которой располагаются главные ссылки навигации.

Мне никогда не нравился данный подход в дизайне, так как эта цветная полоска занимает примерно 20% площади экрана даже после того, как пользователь прокрутит страницу вниз и ссылки навигации скроются за верхним краем страницы. Для пользователей Web навигация - вторичное, главное для них - содержание, информация.

Самое интересное, что сам сайт CNET оправился от Желтой Лихорадки в 1999 году, и теперь использует дизайн, в котором ссылки навигации сконцентрированы вверху страницы. Благодаря этому все оставшееся пространство на экране отдано под материалы сайта. Их новый дизайн мне нравится гораздо больше.

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

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

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

     

  • Когда перед пользователем возникает новая страница , он всегда смотрит сначала на содержимое страницы, поэтому лучше всего было бы, если бы контент начинался с левого края окна (это привычно для тех, кто привык читать слева направо). После того, как пользователь покончит с контентом, его взгляд естественным образом переместится вправо, чтобы решить, куда следует идти дальше. И наоборот, если слева на странице будет полоса навигации, пользователю требуется перескочить через нее взглядом, прежде чем он начнет просматривать контент страницы.

Если бы Web разрабатывался с нуля сегодня, мы могли бы повысить удобство работы с сайтом примерно на 1%, помещая линейку навигации справа на странице, а не слева. Однако отклонение от принятого теперь стандарта почти всегда приведет к ухудшению удобства работы с сайтом, так как такой дизайн будет непривычным, что затруднит навигацию.

Ссылки-цепочки

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

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

Пока не существует стандарта относительно того, как обозначать переход от одного уровня иерархии к другому в ссылках-цепочках. На своем сайте я уже четыре года пользуюсь стрелками. А до этого я пользовался двоеточиями, так, как это сейчас делает CNET. Yahoo и ZDNet используют символ >, а другие сайты используют косую черту "/". Стандарта пока нет, и пока нет никаких причин считать, что один символ чем-то лучше другого.

Если какой-либо из этих символов получит наибольшую популярность хотя бы на 60% сайтов, тогда я порекомендую и вам его использовать. Сегодня же, я бы сказал, что все символы хороши - ":", ">". "/" и стрелки. Но только не пытайтесь придумать еще какой-нибудь другой символ. Например, символом "вертикальная черта" ("|") принято обозначать два равных варианта выбора, и он не может использоваться для обозначения перемещения.

Якоб Нильсен
Источник: webmascon
Перевод: Алекс Качанов

Также источник : I2R WebCreation

  :: Обзоры недели :: 

Если кто-нибудь забыл, то в этом разделе производятся обзоры сайтов, причём абсолютно бесплатно :) Присылайте свои заявки.

  :: Вопросы :: 

Вопрос №14

Моя страница состоит из трех фреймов. Но их можно
передвигать (если навести мышкой). Как сделать, чтобы этих полосок не было
видно и чтобы их никто не мог передвигать? Ответить


Вопрос №15

Подскажите пожалуйста как правильно вставить в текст страницы код Pop-Up 

окошка, задать время его появления. Если вставить код в общую границу он 

будет работать при открытии страницы? Ответить


Вопрос №16

Можно ли вставлять на сайт фильм в
формате AVI или MPEG. Размер маленький у них. Ответить


Вопрос №17

Как сделать, чтобы при нажатии на одну из маленьких картиночек,
html-файл по этой ссылке открывался в новом окне? Ответить


Вопрос №18

Как сделать, чтобы посетитель страницы нажав на ссылку
"Распечатать" получил распечатку, но не того, что он видит на
мониторе, а специально отредактированную версию которая вмещается,
допустим на лист А4? Ответить


Вопрос №19

Как на PHP реализовать, чтобы после ссылки
стояло в скобках число кликов по ней. Ответить


Вопрос №20

Как можно сделать так, что бы на одном целом рисунке выделить несколько
полей и у них были разные гиперссылки. Я хочу сделать так. Один рисунок -
будет фон моеё страницы. А на нем уже разные надписи были с разными
ссылками. Подскажите, пожалуйста. Ответить


Вопрос №21

Как можно сделать. Чтобы при каждом открытие страницы менялся рисунок
(баннер). Типа своей баннерной сети сделать. Что для этого нужно?

Ответ от автора: Прочитайте статью http://www.wmaster.ru/web/bannerset.htm - это то, что вам нужно. 

 

Ответить


Вопрос №22  

Прокоментируйте пожалуйста эти META тэги: 

<meta name="robots" content="ALL">
<meta name="distribution" content="Global">
<meta name="rating" content="general">
<meta name="audience" content="all"> Ответить


y

:: Вопрос-Ответ ::

 

Из-за отпуска рассылки ответов не поступало.

y

:: Net-юмор ::

Субботний вечер... Змей Горыныч решил устроить себе отдых. Затопил баньку, поставил шашлычок на огонь, в холодильнике зрело пиво. Сидит и представляет как он попарится, поест шашлычка с пивом. Красота! Тут вдруг с улицы раздается крик: "Змей Горыныч, выходи, биться будем!!!" Иван Царевич пожаловал. Змей Горыныч думает: "Вот, блин, принесла его нелегкая." И в ответ кричит: "Иван Царевич, отвали! У меня выходной. Давай поговорим в понедельник." Иван Царевич: "Ничего не знаю. Выходи биться!" Змей Горыныч: "Ну, Иван Царевич, ну что ты? Давай лучше вместе посидим, выпьем пивка, попаримся в баньке, побазарим о том, о сем. Ну что нам делить? Давай оставим все наши разногласия до понедельника." Иван Царевич ни в какую: "Ничего не знаю, гадина трехголовая, выходи биться!!!" Тут одна голова говорит двум остальным: "Подождите, сейчас я с ним договорюсь." Высовывается из окна, а Иван Царевич тут хрясь! и отрубает ее. Две другие головы поворачиваются друг к другу: "Блин, ну не мудак?"


  Оглавление y

:: Темы форума ::

Вам предствлены темы нашего форума http://forum.wmaster.ru .

Гостевая книга
Все советы, вопросы Веб-мастеру, предложения по обмену кнопками и ссылками.
Флейм
Обсуждение любых тем.
Новости портала
Всё обновления и новости портала
Оценка ваших сайтов
Пишите - оценим.
Электронный журнал Wmaster
Ваши мнения, советы и посты по поводу выпусков нашего электронного журнала
Программы
Темы про SOFT
Flash
Обсуждение вопросов по теме "Flash"
Каскадные таблицы стилей (CSS)
Форум сайта http://mtk.on.ufanet.ru/. Обсуждения по теме CSS
Front Page
Вопросы по теме работы Microsoft Front Page
Dreamweaver
Вопросы по теме работы Macromedia Dreamweaver.
Глюки
Просьба описывать все гнеполадки форума.
Форум vbulletin
Вопросы по установке и пользованию этим форумом
Ikonboard
Вопросы по установке и пользованию этим форумом

  Оглавление y

:: Продажа доменов ::

   "Wmaster Design Group & Jaguar Design Studio" сдает в аренду уникальные доменные имена с окончанием CD, наилучшим образом подходящие для сайтов, предлагающих компакт-диски (CD) с музыкой, программным обеспечением, играми. Домены musical.cd, soft.cd, player.cd и т.д. Цены, близкие к цене регистрации. Подробности на www.boutique.cd."


  Оглавление y

 :: Клуб друзей ::

  В рассылке открывается клуб друзей. Для того, чтобы повысить рейтинг вашего ресурса и стать другом, вы должны поставить кнопку нашего дизайн портала и сообщить адрес вашего сайта и его краткое описание по e-mail: rass@wmaster.ru с темой "klub". Принимаются все сайты, кроме порно-сайтов, и сайтов о заработке в Интернете.

Вот код кнопки:

<!-- Начало кода кнопки Wmaster -->

<a href="http://www.wmaster.ru" target=_blank> <img src="http://www.wmaster.ru/88x31.gif" width=88 height=31 border=0 alt="Wmaster дизайн портал - всё для web-дизайнера" > </a> 

<!-- Конец кода кнопки Wmaster-->

Ждём заявок


 :: Друзья ::

http://internat6.kominet.ru/ - Муниципальная общеобразовательная школа-интернат №6 для детей-сирот и детей, оставшихся без попечения родителей.

http://ane.by.ru - Самые лучшие анекдоты! Только здесь и только у нас! Заходите, не пожалеете.

Best Free Games - Лучшие бесплатные игры Интернета: Moorhuhn, Catch the Sperm, Tux Racer...

http://www.nemnogo.bigmir.net - сайт программ-приколов, также есть раздел аннекдотов.

http://theweb.h1.ru - Web... Просто Web...Статьи по web и не только, руководства к программам, интересные ссылки и полезные программы сети... В общем, милости просим...

www.crimeanman.narod.ru - анекдоты, автомобили и т.д.

http://webb.bip.ru - Все для настоящих и начинающих Веб-мастеров! Все от программ до шрифтов!

http://quakegate.narod.ru/ - Всё (или почти всё) о Quake, DOOM и Wolfenstein! Карты, модели, боты, патчи, утилиты... Короче всё, что нужно
настоящему игроку в Quake!

www.wmzsponsorwmr.boom.ru - Всё о web-money спонсорах.

www.pokefans.hut.ru - Сайт о покемонах. Здесь вы сможете зарабатывать значки и качать отличные новые программы о покемонах! Есть Фан-Клуб, конкурсы!

 

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

Cody (Bochkarev Anton)

ICQ: 148780826
mail: webmaster@wmaster.ru
Page: http://www.wmaster.ru 
Город Уфа, Башкорстостан.


Wmaster Design Group предлагает услуги web-дизайна и поддержки веб-серверов. Цены и условия вы можете посмотреть на www.superjaguar.com

   Все вопросы вы можете задать на форуме www.forum.wmaster.ru 


 Дизайн-студия: 
"Wmaster Design Group"
www.superjaguar.com  Приемлимые цены и отличный дизайн.
Количество подписчиков:  1500