БИБЛИОТЕКА CАЙТОСТРОИТЕЛЬСТВА

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

В новой версии программы Semonitor улучшены настройки для работы с контентом сайта – например, введены правила анализа словоформ и групп слов, настройки путей анализа, возможность редактирования и обозначения стоп-слов. Введение этих функций принципиально важно при работе с русскоязычными сайтами. В отличие от английского языка, в котором слово обычно имеет одну словоформу, а словообразование ограничено относительно небольшим набором правил, морфология русского языка очень сложна, а потому работа с контентом требует особенно тщательного подхода. Благодаря использованию перечисленных возможностей новой версии Semonitor, пользователи смогут эффективно и удобно анализировать HTML-страницы, как на английском, так и на русском языках.
Подробнее узнать о программе вы можете на сайте www.semonitor.ru.

Webprojects.Ru проводит исследование рынка услуг по оптимизации сайтов и приглашает всех принять участие в данном экспертном опросе.

Всем ответившим предоставляется скидка на оплату услуг проекта SeМастер (http://www.semaster.ru/) в размере 50% в течение сентября-ноября 2005 года.

Исследование рынка проводится во 2-й раз. Прошлое исследование проводилось год назад, и его результаты были представлены на конференции по оптимизации сайтов в ноябре 2004 года в Москве.Ознакомиться с результатами прошлогоднего исследования можно здесь: http://www.webprojects.ru/publications/research/27/

Цели исследования

Исследование рынка услуг по оптимизации проводится с целью дать объективную картину его состояния на 2005 год. В рамках исследования будут изучены следующие аспекты:

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

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

Фокус-группа

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

Результаты исследования

Результаты исследования в статистически обработанном виде будут опубликованы на сайте www.webprojects.ru в декабре 2005 года. Ссылки на конкретных экспертов будут указываться по их желанию. Конфиденциальность персональных данных гарантируется.

Форма исследования

Исследование проводится в форме анкетирования. Анкетирование проводится до 1 ноября Анкету для организаций можно заполнить он-лайн (http://www.webprojects.ru/research/r2005/anketa_org/) или скачать здесь (http://www.webprojects.ru/files/anketa_org.doc). Анкету для частных лиц можно заполнить он-лайн (http://www.webprojects.ru/research/anketa_freelancers/) или скачать здесь (http://www.webprojects.ru/files/anketa_freel.doc).
Заполненные анкеты вы можете отправить по е-mail: ivan@webprojects.ru

Исследование проводится в форме анкетирования. Анкетирование проводится до 1 ноября. Анкету для организаций можно заполнить он-лайн (http://www.webprojects.ru/research/r2005/anketa_org/) или скачать здесь (http://www.webprojects.ru/files/anketa_org.doc). Анкету для частных лиц можно заполнить он-лайн (http://www.webprojects.ru/research/anketa_freelancers/) или скачать здесь (http://www.webprojects.ru/files/anketa_freel.doc).
Заполненные анкеты вы можете отправить по е-mail: ivan@webprojects.ru

По всем вопросам просьба обращаться в оргкомитет
Контактное лицо: Иван Севостьянов
Телефон: 8 (095) 551-62-92
Email: ivan@webprojects.ru

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

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

В irc канале webmascom (интересующимся – искать на irc.ircinfo.ru) один из участников дискуссии озвучил следующую информацию: "нет большого смысла ждать от браузеров корректной реализации display: table, поскольку нет смысла в его использовании". Имелось ввиду, что для вывода табличных данных должно использовать стандартный html-тег table, и, с другой стороны, использовать для визуального дизайна, в частности, к примеру, для злополучной 3-колоночной верстки display: table – это тот же самый возврат к табличной верстке (имитации табличной верстки), т.е. - неправильно с точки зрения семантики web, типа - "назвали таблицы дивами и радуемся".

Тогда и стал вопрос по поводу того, что же такое "семантика в web". Тем же участником дискуссии было предложено официальное такое определение: "(от греч . semantikos - обозначающий),1) значения единиц языка.2) То же, что семасиология, раздел языкознания, изучающий значение единиц языка, прежде всего слов.3) Один из основных разделов семиотики." О как! Не то, чтобы не понятно, но хотелось услышать более... близкое к css определение. Попыталась сформулировать нечто следующее (просто поток сознания):

"Я так понимаю, что если не путаться в терминах (семасиология, семиотика) - то, к примеру, если я закрою глаза и *прослушаю* открытую страницу, озвученная информация будет достоверной. Так? Т.е. если мне браузер говорит: Таблица, а в ней - заголовок (в th) - Прайс - то дальше будут табличные данные - название, цена... Описания стилей или назначенные id/class в этом случае браузер мне надиктовывать не будет. Вот. Т.е. если он дойдет до дива, в котором назначен display:table, он прочтет только содержимое этого дива, но диктовать мне табличную структуру не будет, так? Тогда где нарушение семантики?"

Что же касается злополучного вопроса о трехколоночном футере, стабильном и кроссбраузерном, без использования display: table; - было предложено использовать метод "отрицательных полей" (по статье на вебмасконе http://webmascon.com/topics/coding/43a.asp). Однако. Отрицательные поля - такой же обман браузера, как и в случае использования стилевых свойств типа display:table! Поэтому - выбор между двумя нарушениями логики - типа по вкусу как мне кажется.

В рамках семантических реализаций был супер главным оператором канала озвучен вывод урока: "сегодняшний урок: не важно, что мы там напишем в CSS, главное, чтоб ul был списком" (в первоначальной реализации звучало так: "сегодняшний урок: не важно, что мы там напишем в CSS, главное, чтоб ul выглядел как список", что не соответствует тем требованиям, которые предъявляются к семантической разметке – она не должна выглядеть, она должна быть – ее можно озвучить словом, словами).

Semantic Web - это вообще интереснейший проект, продвигаемый директором w3c.org, одним из основателей Web, и более внятно и подробно (определение, цели и задачи, плюсы и минусы) лучше прочесть на официальном портале семантической паутины на сайте консорциума или же в русскоязычной википедии. Однако великое и прекрасное будущее сети, видимо, еще достаточно далеко от нынешних разработчиков. Давайте немного поговорим об основах - стандартном html.

По определению HTML — Hypertext Markup Language (Язык Разметки Гипертекста) - это язык, предназначенный для описания форматирования текста, задания ссылок и других элементов веб-страниц. В нём используются стан­дар­ти­зи­ро­ван­ные "тэги", такие как и , смысл и способ интерпретации которых задан универсально WWW-Консорциумом. К сожалению, современные разработчики, зачастую, не стремятся к изучению и соблюдению стандартов (не забывая при этом обижаться и злобить на разработчиков браузеров, которые так же не в полной мере те же стандарты блюдут, что, мол, "кривой браузер неверно отображает мою страницу", и старая больная тема - сделать кроссбраузерный, не разваливающийся и не расползающийся сайт). Более того, некоторые, довольно матерые интернетчики демонстративно игнорируют осовные требования к разметке страницы, намеренно рекомендуя новичкам "не возиться" с правильным, но трудно форматируемым документом, "не морочиться" с изучением документации, а сделать "как все" - поскольку главное - чтобы документ отображался в сегодняшних браузерах прилично, а начинающий дизайнер при этом - не переутомился, побыстрее сдал проект и забыл как о заказчике сайта, так и о его пользователях.

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

Код был примерно следующим: в блоке (div с длинным и сложным описанием стиля) располагался тег параграфа P, внутри которого - картинка, т.е. примерно следующее:

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

Однако что говорит консорциум о правильном использовании тега параграфа?

P - это строчный (inline) элемент. Элемент P представляет параграф. Он не может содержать элементы уровня блока (включая сам P). в рамках стандарта допустимо заключать картинку в тег абзаца (поскольку она не является блочным элементом, а определена как empty - т.е. пустой объект, до тех пор, пока этому объекту не заданы дополнительные атрибуты и значения), картинку вообще можно ставить куда угодно :), однако вовсе не обязательно заключать ее в тег параграфа; при этом простое решение для конкретного вопроса - убрать обрамляющий и не нужный тег параграфа и поставить перенос строки после картинки, т.е.

Решение простое, и оно сработало. Однако настойчивые рекомендации других участников форума "забить на стандарты" и перейти к табличной верстке немного удивляло. А на замечание о том, что существует какая-то "логика сети", которая, вообще-то, должна соблюдаться, от весьма уважаемого участника форума (который, кстати, и порекомендовал не морочиться и перейти к традиционной табличной верстке) поступил странный ответ: "А не приходила мысль, что может быть логика эта - какая-то неправильная, раз большинство разумных, профессиональных разработчиков при создании хороших в общем-то сайтов ее нарушают?". Да почему же нарушают? Профессиональные разработчики как раз очень даже используют картинки в качестве иллюстраций к текстовому контенту, в том числе включают их в тег параграфа. А те картинки, которые не являются контентом, а представляют из себя элемент интерфейса, оформление - здесь уже другие решения используются.

И вот ведь странно... я не являюсь фанатом css и блочной верстки, и настаивать на какой-то конкретной модели не буду - да верстайте как хотите, однако странно - даже если не говорить о semantic web, зачем же рекомендовать начинающему разработчику использовать лишние теги для верстки параграфы/таблицы, усугубляя изрядным стилевым описанием, когда достаточно сделать по стандарту, (как в приведенном выше примере - добавить перенос строки после иллюстрации)? Решение, которое является избыточным, не может быть правильным.

Действительно, решение вставить картинку в тег параграфа не противоречит логике разметки, когда картинка является иллюстрацией к тексту параграфа. Однако противоречие наблюдается, когда в параграф включают картинки "элементов дизайна" интерфейса страницы. А теперь воспользуемся приведенным в начале заметки методом анализа семантической верности разметки и попробуем прочесть то самое неправильное решение :) голосовым, к примеру, браузером, для ленивых или плохо видящих, к примеру, пользователей: "а сейчас будет новый параграф текста: оп-па, картинка для оформления страницы; а сейчас - следующий параграф: оп-па, еще одна картинка для оформления страницы". И как? логично?

Н O B O C T И

:: Второй московский международный фестиваль графического дизайна DeArt'05
Фестиваль состоится с 7 по 13 ноября 2005 года, место проведения - Британская Высшая Школа Дизайна. С программой фестиваля можно ознакомиться здесь: ...>>

:: "Рамблер Медиа" проводит в Москве рекламную кампанию своего поисковика
"Рамблер Медиа" проводит в Москве рекламную кампанию своего поисковика. Второй по популярности поисковик в Рунете, продолжил непрекращающийся поток работ, использующих образ Иисуса в рекламе. ...>>

:: Новая версия Semonitor: продвижение русскоязычных сайтов еще эффективнее
Компания FlamingoSoft представляет новую версию программы Semonitor. Введены новые инструменты анализа и оптимизация контента, благодаря которым работа с русскоязычными сайтами станет еще удобнее и эффективнее. ...>>

:: Webprojects.Ru проводит исследование рынка услуг по оптимизации сайтов
К исследованию рынка услуг по оптимизации сайтов приглашаются все желающие принять участие в данном экспертном опросе. Всем ответившим предоставляется скидка на оплату услуг проекта SeМастер (http://www.semaster.ru/) в размере 50% в течение сентября-ноября 2005 года. ...>>

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

:: Стартовал VI Кубок Яндекса по поиску в Интернете
6 октября начинается розыгрыш VI Открытого Кубка России по поиску в Интернете. Организаторы приглашает к участию всех, владеющих русским языком и клавиатурой. ...>>

:: Контекстная реклама – самая популярная
По данным совместного исследования Бюро интерактивной рекламы и PwC, затраты на рекламу в Интернете за первую половину 2005 года составили $5,8 млрд. ...>>

:: Golden Drum-2005: золотая "Ника" улетит в Россию
Награждение в номинации "веб-сайты" вообще стало российским триумфом - триумфом молодой столичной студии "Парк": за работы для MTV Russia они получили бронзовую и золотую "Нику". ...>>

:: Бегун выпустил вторую версию Автоконтекста
С начала октября партнеры компании "Бегун" получили возможность использовать на своих сайтах новую версию технологии "Бегун.Автоконтекст". ...>>

:: Конкурс "PROFIССИОНАЛЬНЫЙ ЛОГОТИП" в рамках премии PROFI
журнал Identity (первый российский журнал о брендинге и коммерческом дизайне) предлагает Вам принять участие в конкурсе "PROFIССИОНАЛЬНЫЙ ЛОГОТИП" в рамках премии PROFI. ...>>

:: За отсутствие сайта – под суд!
В Петербургt прошли предварительные слушания по иску представителей Института развития свободы информации к ряду федеральных органов исполнительной власти, которые не открыли свои сайты в интернете. ...>>

:: Библиотека Сайтостроительства на Премии Рунета-2005
Библиотека Сайтостроительства принимает участие в конкурсе "Премия Рунета - 2005" - в номинации "Технологии и Инновации". Премия Рунета была учреждена в 2004 году, в год 10-летнего юбилея российского Интернета. ...>>

С Т A T Ь И

:: Десять самых распространенных ошибок в дизайне [web-дизайн]
Якоб Нильсен составил рейтинг самых неприятных ошибок 2005-го года, которые допускают дизайнеры в разработке веб-сайтов. К сожалению, это одни и те же ошибки, которые повторяются из года в год. ...>>

:: Рисуем с Wacom: введение в цифровое рисование [web-графика]
В комплект поставки графических планшетов Wacom Intuos 3 входит очень простая и интересная программа Corel Painter Essential 2. ...>>

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

:: Игры в ассоциации [раскрутка сайта]
Узнаваемость торговой марки — это ее хлеб. Когда торговую марку знают, ее любят, ей доверяют, ее боготворят. Добиться узнаваемости торговой марки, товара или услуги можно, например, вызывая у людей ассоциации (положительные ли, отрицательные ли — отдельная тема). ...>>

:: Он симулирует счастье. Интервью знаменитого дизайнера Карима Рашида [дизайн]
Карим Рашид - египтянин, ди-джей, автор книг, один из топ-мировых дизайнеров и лауреат десятков престижных премий. Интервью с дизайнером: "Я стараюсь не жить с вещами, которые старше пяти лет"... ...>>

:: Оптимизация расчета ссылочной популярности и учета ее при ранжировании результатов поиска [раскрутка сайта]
В работе предложена идея по разделению индекса ссылочной популярности (PageRank, SiteRank) на независимые части, соответствующие "добровольной" и "обменной" цитируемости с тем, чтобы в алгоритме ранжирования учитывать их с разными весами. ...>>

:: Раскладка в CSS: позиционирование [css]
В CSS существует, по большому счету, четыре способа раскладывать боксы по странице: прямой поток, позиционирование, float’ы и таблицы. Итоговая практическая статья о том, как создается раскладка, приближенная к реальности. ...>>

Большее количество новых материалов вы найдете на сайте Библиотеки - http://design.i2r.ru/

Ф О Р У М Ы [горячие темы]

:: Леонид: Ошибка, которая может убить ваш сайт
Если быть реалистами, не существует одной рекомендации, которая бы подходила всем, хотя бы по причине разного програмного обеспечения и разных настроек пользователей. Например, те же относительные размеры шрифтов по-разному интерпретируются в разных браузерах. А абсолютные, как было сказано, зависят часто от настроек экрана. Можно часами спорить с пеной у рта, что тот или другой пример не всегда сработает, но дело ведь в том, что идеальных советов нет и быть не может! Автор хорошо постарался, дав общие полезные советы. А как им следовать - личное дело читателя. Можно просто попробовать свои странички разными браузерами, насколько это будет возможно, проверить несоответствия специальными програмками, но идеала всё равно ведь не достичь. С другой стороны, следуя общим советам, как например тому, чтоб не смешивать разные шрифты в кучу, можно уже многого достичь. Так что давайте бросим критиковать, а будем отмечать положительные стороны. Второе, конечно, труднее.

:: Михаил: ИНТЕРАКТИВНЫЕ МЕНЮ
Для того, чтобы из формы данные отправлялись сразу на емайл юзеру необходимо использовать скрипты. Например, Perl, ASP или php-скрипт. html не имеет встроенных возможностей отправить письмо.

:: Руслан: Теория нейминга: как назвать бренд?
Мне очень понравилась эта статья и я выражаю искреннюю благодарность её авторам!!!

:: Статиевский Д.Е.: Re:Участники "Интернити" высказываются о фестивале
По поводу своих впечатлений от фестиваля я высказался тут. Небольшая выдержка: "...Коротко о первом дне фестиваля. Понравились выступления Антона Носика (предложившего изданиям типа компромат.ру перейти на бизнес-модель бегуна) и Александра Ларьяновского (это наш, местный человек). Оба весьма харизматичные, живые, интересные люди. Жаль, их выступления длились не более 40 минут. Ещё было интересное выступление одного человека, запатентовавшего хитрую систему концентрирования внимания на баннерах и показ телевизионной рекламы в Интернете. Интересно, как скоро он получит по голове от юристов за то, что без ведома пользователей хочет отгружать им кучу траффика, заставляя качать видео-ролики? Сегодня он ещё пообещал нам поведать о своём новом революционном видении поисковых систем :-). Не понравилась организация фестиваля (точнее, некоторые накладки). 2 доклада отменили (Артон консалтинг не прилетел, т.к. у их представителя украли документы, второй отменили не знаю почему) - из-за этого программу как-то перетусовали, скомкали, но провели. Ещё понял, что зря платил 1200, можно было и по обычному билету пройти. Правда, в этом случае я бы лишился:
1. Фирменного полиэтиленового пакетика.
2. Фирменной пластмассовой авторучки.
3. Фирменного бумажного блокнотика.
4. Бумажной же программки фестиваля.
5. Упоминания меня в списке гостей на сайте Интернити."
и по второму дню:
"Ещё сегодня дали бумажный каталог со списком сайтов-номинантов и тезисами из нескольких докладов :-). Практически полезного было мало. Но г-н Носик опять интересно выступил с докладом по порталам - ничего нового, но его слушать интересно". Вот, добавить нечего. Кроме того, что хоть за это, но спасибо организаторам - для Новосибирска даже такой фестиваль весьма интересен полезен... Хотя бы для популяризации интернета :-).
P.S. Всё это только мой личное мнение, с которым кто-то может не согласиться.

:: ass: как сделать динамическое появление объекта?
треба, чтоб по наведению мыши на ссылку медленно(плавно) появлялась картинка, и плавно исчезала при её отсутствии? может как то филлтры с явой использовать - тока вот сами фильтры неполучается применить нелп плиз

У Л Ы Б Н И Т Е С Ь !

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

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

::: рассылку ведет:     Татьяна Вукс      http://www.i2r.ru     2005 :::