| ← Февраль 2005 → | ||||||
|
1
|
2
|
3
|
5
|
6
|
||
|---|---|---|---|---|---|---|
|
7
|
8
|
9
|
10
|
12
|
13
|
|
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
|
21
|
22
|
24
|
26
|
27
|
||
|
28
|
||||||
За последние 60 дней ни разу не выходила
Сайт рассылки:
http://design.i2r.ru
Открыта:
24-10-2001
Адрес
автора: inet.webbuild.libraryi2r-owner@subscribe.ru
Статистика
0 за неделю
Библиотека Вебстроительства - новости, статьи, обзоры
| Информационный Канал Subscribe.Ru |
 Библиотека i2r.ru - новости сайтостроительстваДоброго Вам времени суток, уважаемые подписчики! | |||
| |||
| |||
|
Должен ли веб-дизайнер быть отличным технологом, владеть в совершенстве необходимыми инструментами - для работы с компьютерной графикой, с html- и java кодом? Должен он быть превосходным аналитиком, уметь проектировать информационную архитектуру? Должен он быть художником от бога, тонко чувствующем красоту и законы композиции? А в реальности оказывается, что нужно все, и нужно быть всем, и спроектировать навигацию по сайту невозможно до тех пор, пока нет анализа задач проекта, содержания и объема информации, а рисовать эскиз проекта безсмысленно, пока нет ясного видения того, как раскидаются навигационные блоки, сколько их будет на главной странице, какую графику и в каком объеме можно использовать. Если навигация по сайту имеет иерархическую структуру - когда есть главное меню, каждый из элементов которого содержит меню второго уровня (дочерний элемент), перед дизайнером стоит задача спроектировать и реализовать навигацию по сайту таким образом, чтобы пользователь не потерялся и не запутался в иерархии разделов/подразделов. В некоторых случаях разработчики реализовывают "выпадающие" (всплывающие) подменю. Плюсы такого решения в том, что пользоваться выпадающим меню легко даже неискушенным в интернет-серфинге пользователям - в практически любом windows-приложении, редакторе и даже игрушке мы наблюдаем именно таким образом сформированную навигацию. Минусы - в сложности реализации (разработчики используют различные технологии, апплеты, скрипты, возможности css) - и очень неловко выходит, когда у посетителя сайта браузер не поддерживает css2, или отключено выполнение javascript, или сам же разработчик чего-то не довел до полной кроссбраузерности - и как следствие - посетитель не получает ссылку на интересующий его подраздел или искомый документ, сайт теряет посетителя (подписчика, партнера, покупателя...). Более традиционное и простое в реализации решение для иерархической двухуровневой навигации - предоставлять два навигационных блока - главное и принадлежащее элементу главного второстепенное меню. При этом для пользователя привычнее, если главное меню расположено вверху (и, вероятнее всего - в строку), а второстепенное - сбоку (слева или справа). Очень сложные иерархические структуры с количеством вложенностей более двух можно представлять в виде каталогов. Типичный пример - каталог сайтов от Яки - http://yaca.yandex.ru/ - каждая главная рубрика разбивается на подрубрики, те в свою очередь так же имеют дочерние подрубрики... В подобном примере, когда количество вложенных рубрик от 4 и более - каталог дает возможность последовательно выбирая необходимые разделы/подразделы, получить список ссылок на необходимые ресурсы. Каталоги так же часто реализованы в электронных магазинах для структурирования информации о товарах, это облегчает возможность потенциальному покупателю найти нужную ему еденицу. Другая ситуация - когда мы имеем большое количество однотипной информации, которая принадлежит одной тематической рубрике (подрубрике) - к примеру, на той же Яке мы можем открыть рубрику "Hi-Tech", в которой найти подрубрику "Интернет", в ней - подраздел "Создание сайтов", а уже в этом подразделе открыть "Web-дизайн" - мы получаем список из 871 (на сегодняшний день) элементов списка - ссылок на ресурсы по веб-дизайну, дизайн студии, авторские страницы дизайнеров и т.д... (кстати пример уже упоминавшейся нами в одном из прошлых выпусков "сквозной навигации" - крайне рекомендуемой модели навигации на проектах, которые имеют иерархию второго уровня и более). Посетителю информация выдается "дозированно" по 20 ссылок, а для перехода к дальнейшим элементам списка используется еще одна популярная навигационная модель - пейджинг. В простейшем случае пейджинг представляет из себя листалку из двух элементов - кнопки (ссылки) "вперед...»" и "«...назад" (они могут быть исполнены текстом или графическими знаками, стрелками...); в более продвинутом варианте пейджинг предоставляет возможность перейти на любую страницу не последовательно, а в произвольном порядке - показывая ссылки на все доступные страницы. В случае, если в выборке страниц получается чрезмерно много, хорошим тоном стало показывать только ближайшие 8-12 ссылок на странице (остальные появляются, когда вы подходите к крайней), и, кроме того, уведомлять пользователя, сколько вообще страниц (и сколько всего элементов) в выборке присутствует. Одна из удобных функций, которая, к сожалению, редко реализована в пейджинговых навигационных блоках - "перейти к последнему элементу". Любители читать журналы с последней страницы меня поймут :). Еще одна форма навигационной модели, которая стала популярной в последнее время - новостийная крутилка. Представляет из себя список заголовков новостей (реже - с краткими их анонсами) из, к примеру, последних 3-8 опубликованных. Заголовок является ссылкой на текст новости. Сортируются по дате, т.е. верхняя ссылка - на самую свежую новость. Внизу блока - ссылка к странице со всеми новостями. Это позволяет посетителю уже с первой страницы сайта отслеживать самые актуальные сообщения, а владельцу сайта, если есть возможность разработать "информер", публиковать такую "новостийную крутилку" на партнерских ресурсах. Есть большое количество разных примеров "внутренней" навигации - это "якоря" - ссылки внутри одной страницы (удобно в случае, когда текст длинный), ссылки в тексте страницы на различные страницы соседних рубрик, любую страницу сайта, ссылки на "документы по теме". В Библиотеке Сайтостроительства вы могли наблюдать такую дополнительную навигацию на отдельных материалах - к примеру, обратите на список ссылок "по теме" внизу статьи "Пластический мотив". "Внутренняя навигация" может носить как упорядоченных характер (когда в документе присутствуют ссылки на материалыиз одной рубрики, родственные по теме или какому-то другому признаку), так и хаотический - ссылка на любой документ, имеющий отношение не к странице вцелом, а к отдельной фразе или слову. Есть прекрасный переводной материал на сайте "WebMascon.Com" - "Анализ популярных решений в web-дизайне" - в статье не только рассматриваются возможные примеры навигационных моделей, но и оцениваются наиболее часто используемые и рекомендуемые решения для сайтов коммерческой направленности. Сейчас я хочу предоставить слово Ивану Севостьянову: "Новинки на WebProjects.ru - о чем пишут на Западе"
Все вопросы, пожелания, комментарии, принимаются и учитываются. Если у вас есть ссылки на интересные и еще пока не переведенные на русский язык статьи, присылайте. Если вы можете помочь в плане переводов статей с русского на английский, буду очень рад. Пишите: ivan@webprojects.ru. С уважением, Иван Севостьянов. Кстати, если вам нравится наша рассылка - вы можете проголосовать за нее на еще не закрытом конкурсе "Глас Рунета", наша рассылка представлена в номинации "Веб-дизайн, компьютерная графика, программирование, СУБД". Каждый из вас может принять участие в голосовании, и, как вы понимаете, именно от вас зависит победа нашего проекта на конкурсе. Итак, голосование производится по адресу http://www.voxru.net/result/vote/1409.shtml - как вы можете сами увидеть, пятая в списке - наша рассылка под названием "Библиотека Вебстроительства - новости, статьи, обзоры". Даже если порядковый номер в списке номинантов может меняться, вы всегда сможете найти ее по названию. Удачного выбора! PR-Агентство «Зелёный остров» производит студийную, событийную, портретную, репортажную фотосъемку и высококачественную печать фотографий различного формата. ...>> :: Интернет Школа учит жить в Интернете Как освоится во всемирной паутине, с чего начать, общение, софт, безопасность, поисковые системы, электронные деньги, создание сайта, про всё и обо всём. ...>> :: NetCat учит сайты разным языкам Теперь пользователи системы NetCat версии 2.3 могут самостоятельно настраивать язык системы администрирования, создавать мультиязычные сайты. Мультиязычными стали также и модули. ...>> :: Обновление Adobe Camera Raw и Adobe DNG Converter Обновление плагина Adobe Camera Raw добавляет совместимость для шести новых моделей камер в Adobe Photoshop CS и Adobe Photoshop Elements 3.0. ...>> :: Новый курс от RealTime - Flash MX | Основы классической анимации Курс предназначен для желающих овладеть искусством классической анимации с помощью нетрадиционных методов (Macromedia Flash). ...>> :: PostgreSQL - соперник для MySQL Компания Pervasive Software, известная своими встроенными базами данных, предназначенными для предприятий среднего бизнеса, представила адаптированную версию свободно распространяемой СУБД PostgreSQL. ...>> :: Как распознать неграмотного маркетолога Исследование показало, что большинство специалистов по поисковому маркетингу - неграмотные профессионалы, хотя и занимаются данным бизнесом более двух лет....>> :: 8 февраля — День безопасного интернета Сегодня в Европе отмечается День безопасного интернета. На 8 февраля назначено открытие нескольких сайтов, торжественная установка контент-фильтров в школах и детский конкурс рассказов. ...>> :: SmallImage 2.0 - для пакетной обработки JPEG файлов SmallImage - инструмент для пакетной обработки JPEG файлов, изменения их размеров, перекомпрессирования, удаления вложенных профилей и подготовки их для веб или эффективного хранения. ...>> С Т A T Ь И :: SEO копирайтинг [оптимизация web-проектов] Основной задачей SEO -копирайтинга, или поисковой оптимизации (техники работы с текстами для web-сайтов) является повышение рейтинга сайта в результатах выдачи поисковых машинах при осуществлении поиска по целевым ключевым запросам. ...>> :: Эффект песочницы (sandbox) в Google [раскрутка сайта] Попадание сайта в "песочницу" Google резко отражается на позициях сайта в результатах выдачи не только по серьезным запросам, но и по казалось бы даже совсем низкочастотным и неконкурентым поисковым фразам. ...>> :: Как сделать тег заголовка, который "понравится" поисковикам [продвижение web-проектов] Правильно сформированное содержимое тега заголовка поможет завоевать доверие поисковика и убедить его в том, что контент вашего сайта более подходит под поисковой запрос, чем конкурирующих сайтов. ...>> :: Один для всех и все для одного [оптимизация web-проектов] Если вы являетесь владельцем сайта, то вам знаком круг проблем, связанных с его оптимизацией и продвижением. Рассмотрим программу, которая создана для того, чтобы помочь наладить и развить партнерские отношения с другими вебмастерами. ...>> :: Пластический мотив [web-графика] В статичной по своей сути композиции - холсте или формате - движение форм может быть передано двумя способами - иллюзионно или ассоциативно. Пластический мотив - это совокупность следствий, направленных на выражение идеи. ...>> :: Теория соотношений. Часть III [web-графика] Пластика художественного языка живописи или графики отражает уникальность восприятия и многообразие мира. Рассмотрим принципы движения в композиции (и в нашей жизни) и виды движения. ...>> :: Каждому браузеру свой стиль [css] Несмотря на то, что современные браузеры постепенно приближаются друг к другу по своим возможностям и поддержке спецификации CSS, между ними все еще имеются различия в подходах. В статье рассматриваются методы, которые учитывают специфику браузеров и позволяют сократить затраты времени и сил при создании сайтов. ...>> Большее количество новых материалов вы найдете на сайте Библиотеки - http://design.i2r.ru/ Ф О Р У М Ы [горячие темы] :: Po: Как сделать галерею фото как на ebay? :: Дополнение Попробовала Лёшин пример, возник вопрос. Когда кликаешь на маленькую картинку та, которая до этого была большой становится на ее место. Вообщем картинки все время меняются местами. Вопрос заключается в следующем: как "привязать" маленькие картинки? Попробую сама че-нить придумать, но может кто-нить сообразит побыстрее. ...» :: shskva: Re:Продвинутая CSS-верстка: шаг за шагом Я еще не волшебник, а только учусь... Поэтому все прочитано от корки до корки. Для меня это очень познавательная и интересная статья [http://www.i2r.ru/static/476/out_10802.shtml]. Большое спасибо авторам и переводчику ...» :: J()KER: CSS, слои, "резиновая" верстка :: Magician: чёт конкурса дизайна для www.al-co.ru :: Nun: Конкурс для web-дизайнеров - номинанты и их работы :: WebDesigner верстальщик: Проблемы веб-дизайнеров :: я: выбираю способ table или блоками :: Костя: Оптимальное размещение ключевых слов У Л Ы Б Н И Т Е С Ь !  Хочешь помочь новичку - делай вместе с ним. Хочешь помочь старику - делай вместо него. Хочешь помочь мастеру - отойди и не мешай. А хочешь помочь дураку - сам дурак! Если вам говорят, что вы многогранная личность не обольщайтесь. Может, они имеют в виду, что вы гад, падонок и паразит одновременно! | |||
| |||
Предложение авторам: Если вы хотите публиковаться, если вы хотите, чтобы ваше имя стало более известным, а ваш сайт - более посещаемым - присылайте ваши статьи о веб-дизайне, компьютерной графике, методах раскрутки сайтов, технологии флеш и на другие темы, имеющие отношение к Сайтостроительству,
редактору раздела. ::: рассылку ведет: Татьяна Вукс http://www.i2r.ru  2005 :::
|
| http://subscribe.ru/
http://subscribe.ru/feedback/ |
Подписан адрес: Код этой рассылки: inet.webbuild.libraryi2r |
Отписаться |
| В избранное | ||
