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

Web - полезные советы по веб-строительству


Информационный Канал Subscribe.Ru


 

[ Компьютерная библиотека | Компьютерный форум | Рассылки сайта | Реклама в рассылке ]

 
 

Web - полезные советы по веб-строительству


Новости


Сегодня в выпуске:

  1. Новости сайта и форума рассылки. ->
  2. Лето, жара - задай вопрос специалисту и получи освежающий ответ. ->
  3. Статья «Повышаем юзабилити формы поиска». ->
  4. Статья «Доступность имеет значение». ->

Последние статьи на ComputerLibrary.info:

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

Выпадающее меню на CSS и JavaScriptВеб-мастеру -> Дизайн и верстка ]
Если на сайте слишком много ссылок в расположенном горизонтально главном меню, то для всех разделов может не хватить места. В таком случае необходимо делать выпадающее меню. Принцип работы подобных меню основан на том, что через события XHTML-документа вызывается функция JavaScript, которая динамически меняет CSS-свойства блоков, содержащих пункты меню.

Проверка полей формы с помощью JavaScriptПрограммирование -> JavaScript ]
В целях безопасности всегда необходимо проверять введенные пользователем данные. Проверка клиентским JavaScript легко обходится отключением js в браузере и предназначена она не для борьбы со злоумышленниками, а для помощи тем, кто случайно допустил ошибку. Тоже очень благородное занятие :) Согласитесь?

Береги честь смолоду: прячем e-mail адреса от спамаПрограммирование -> JavaScript ]
Получая ежедневно большое количество спама, я с легкостью могу рассказать, чем «ксанакс» отличается «прозака», где нынче проходят семинары по уходу от налогообложения и сколько стоит база данных автовладельцев Москвы за 2004 год. Если вам такое разностороннее образование не нужно, придется прятать e-mail от спам-роботов. В этом нам поможет JavaScript.

Свойство CSS float: обтекание рисунка текстом и врезка к статьеВеб-мастеру -> Дизайн и верстка ]
Свойство CSS float определяет обтекание одного элемента другим. С его помощью на сайте можно реализовать обтекание рисунка текстом или, например, врезку к статье. Рассмотрение float: на этих примерах и будет целью данной статьи.

Версия сайта для печати средствами CSSВеб-мастеру -> Дизайн и верстка ]
Допустим, у нас есть серьезный бизнес-сайт, с серьезными клиентами. А серьезные люди, как правило, консервативны; они больше доверяют бумаге — там и подпись поставить можно и у нотариуса заверить… В общем, непременно нужна качественная версия сайта для печати. Благодаря CSS решение этой задачи не составит большого труда.

Оформление текста с помощью CSSВеб-мастеру -> Дизайн и верстка ]
Оформление текста — задача на первый взгляд простая, но только на первый взгляд. На деле необходимо учесть множество параметров: гарнитура, размер, цвет шрифта, длина строки, высота строки (интерлиньяж), выравнивание, отступы и поля (свободное пространство)… Итак, сверстаем текст, который удобно читать.


Лето, жара - задай вопрос специалисту и получи освежающий ответ


Sostav.ru совместно с компанией NetPromoter проводят конкурс «Продвижение в онлайне».

Если Вас волнует вопрос продвижения и рекламы в онлайне Вашего ресурса, у Вас есть уникальная возможность задать свой вопрос и получить консультацию у профессионалов. Два наиболее удачных вопроса будут награждены призами от интернет-магазина бытовой техники Холодильник.Ру и Группы НИМАЛ. Субъективное судейство будут проводить специалисты компании NetPromoter. Более того, каждый участник сможет получить бесплатный экспресс-анализ ресурса, в который входит обзор некоторых ошибок и недочетов сайта, а также рекомендации по их устранению. Еженедельно будет проводиться промежуточный отбор, победители которого и выйдут в финал. Подведение итогов: 10 октября 2005.

Более подробная информация о конкурсе: http://sostav.ru

Информация о компаниях:
Sostav.ru - ведущий сайт российского Интернета в области рекламы, маркетинга и PR
NetPromoter - инновационная технологическая компания-разработчик программных решений в области кибермаркетинга

Контактная информация:
Наталия Погорела,
промоменеджер http://netpromoter.ru
npohorela@netpromoter.ru

На правах рекламы


Статья «Повышаем юзабилити формы поиска»


Автор: Земсков Юрий
www.ComputerLibrary.info

Написано для «CHIP Special»

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

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

Назначение формы разъяснено текстом внутри нее

Внешне вполне допустимое решение, но в реальности все не так. Чтобы отправить поисковый запрос пользователю придется сначала кликнуть внутри формы мышкой, потом выделить объяснительный текст, затем удалить его уже с клавиатуры, вписать свой поисковый запрос и нажать кнопку поиска или enter. К счастью простой код на JavaScript избавит посетителей от ненужных им действий, а нас — от ненужных нам, но вполне заслуженных, претензий.

<form id="searchf" action="/search.php" method="get">
  <input type="text" name="searchstring" id="searchstring" value="Поиск" onfocus='this.value = "";' />
  <input type="submit" value=" &gt; " />
</form>

Эта форма передает запрос пользователя серверному скрипту search.php. Сама форма очень проста и состоит из текстового поля для ввода запроса и кнопки отправки данных на сервер. Фраза «Поиск», вписанная в текстовое поле, задана атрибутом value. C помощью события документа onfocus мы запускаем код на JavaScript. Событие onfocus возникает, когда элемент получает фокус от указательного устройства или при навигации табуляцией. Можно использовать событие onclick, срабатывающее при клике на элемент, но оно не так универсально.

В любом случае, событие запускает программный код. В этот раз код не вынесен в отдельную функцию, а записан в качестве значения. this.value = ""; фактически означает «установить значение текущего (this) поля равным пустоте».

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

onmouseover='this.value = ""; this.focus();'

Событие onmouseover срабатывает при прохождении курсора мыши над объектом, а this.focus() активизирует текущий объект.

Подобные мелочи, пожалуй, и отличают хороший дизайн от «неплохого».



Статья «Доступность имеет значение»


Автор: Михаил Павлов
Mike Design Review

Недавно я стал счастливым обладателем мобильного телефона со встроенным веб-браузером. Я мог бы сколь угодно долго распространяться о том, как далеко шагнули технологии с тех пор, как 10 лет назад я впервые взял в руки сотовый телефон компании Nokia — один из тех, что не поместились бы в самый глубокий карман пиджака.

Но заметка о другом. В первый же день пользования «мобильным интернетом» мне стала понятна истина, к которой прежде я относился с иронией. И звучит эта истина так: «Доступность сайта имеет значение». Я на своем опыте понял, что все эти казавшиеся мне пустыми слова о том, что сайт должен быть доступен даже для пользователей Lynx, обретают значение при работе с браузером даже современного мобильного телефона.

Вот какие ограничения я обнаружил:

  1. Маленькое разрешение экрана. Результат — изменение композиции, неудобочитаемость текста и масштабированных изображений.
  2. Игнорирование CSS и JavaScript. Думаю, комментарии излишни.
  3. Небольшой объем памяти. В ряде случаев браузер отказывался загружать страницу даже после отключения графики.
  4. Работа с сайтом возможна только после полной загрузки страницы. Это относится и к кнопке «Назад» браузера.

По мере пользования браузером я буду обновлять список неудобств. Также буду признателен тем из вас, кто сообщит мне о своих наблюдениях.

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



Хотите опубликовать собственную статью о веб-мастеринге на сайте и в рассылке? Пишите. Ссылки на авторов и большое человеческое спасибо гарантируются :)



Постскриптум


Уважаемые читатели,

  • если у вас есть какие-то вопросы, предложения, пожелания касательно рассылки, пишите на мой e-mail: yura@computerlibrary.info,
  • присылайте интересные статьи о веб-строительстве на мой e-mail. Все, достойное внимания, будет опубликовано,
  • предложите своим друзьям и знакомым подписаться на рассылку,
  • подписаться на другие мои рассылки можно с этой страницы,
  • по поводу рекламы в рассылке пишите сюда же.

Удачного веб-строительства,
С уважением, Юрий.

 
 

[ Компьютерная библиотека | Компьютерный форум | Рассылки сайта | Реклама в рассылке ]

 

Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора
Подписан адрес:
Код этой рассылки: inet.webbuild.theweb
Отписаться
Вспомнить пароль

В избранное