Рассылка www.mweb.ru: #6 (12) от 22го июля 2003 года.
Секреты WEB дизайна от А до Я
В этом выпуске: Суровые будни веб-разработчика | PHP - постраничный вывод | Наши проекты | Интересные ресурсы
Ссылки в Internet: Хостинг | Архив рассылок | Перекур | Трюки в PhotoShop | CorelDRAW | Web-мастеру | Графика | Flash | HTML | DHTML | Java | Полезные программы | Бесплатные чаты
Доброе время суток!
Наши проекты
Xosting.ru - поисковая система предоставляет вам возможность в поиске хостинг-провайдера. Что это такое и как оно работает? Вы задаете запрос на нужную вам конфигурацию тарифного плана для вашего проекта, и система самостоятельно выберет наиболее подходящий для вас вариант. Не плетись в конце, воспользуйся этой уникальной системой сейчас!


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


MasterWEB Club - наковальня вебмастера. Всё что нужно начинающему вебмастеру, уникальные статьи по обучению в PhotoShop, CorelDRAW, Flash, HTML, DHTML, JavaScripts, Java, а также подборка шрифтов, коллекция графики, "примочки" для Web. Подробнее...


Перекур - Это лучшее место для общения на веб-дизайнерские темы. Здесь вы можете задать интересный вопрос, получить на него не менее интересный ответ и поделиться опытом с коллегами. Что особенно приятно, у форума есть модератор - это исключает пустой треп и вездесущую рекламу в сообщениях. Общайтесь с пользой!


iLIB.ru (Internet Library) - Интернет Библиотека.
Суровые будни веб-разработчика
На рубеже веков
Можно без сомнения утверждать, что начало XXI века ознаменовалось повальным игнорированием многих основополагающих принципов разработки Интернет-проектов со стороны не только конечных исполнителей (HTML-верстальщиков, веб-мастеров и пр.), но и представителей руководящего звена – менеджеров, принимающих решение о технологической и содержательной составляющих будущего веб-сайта.

В те времена, когда рынок браузеров был поделен примерно поровну между Microsoft и Netscape, Flash находился в зачаточном состоянии, а скриптовые технологии еще не заполонили всемирную сеть, любой Интернет-ресурс создавался таким образом, чтобы каждый пользователь – независимо от установленного на его компьютере программного обеспечения, версии и модели используемого браузера, а также некоторых индивидуальных пристрастий или особенностей € мог быстро и эффективно работать с информацией. Под словосочетанием §быстро и эффективно¤ как правило подразумевалось отсутствие неудобств при использовании веб-сайта.

Ставка на фаворита
С установлением у Internet Explorer неофициального статуса §монополиста¤ среди программ просмотра HTML-документов (о чем красноречиво свидетельствуют многочисленные статистические выкладки), львиная доля веб-разработчиков со спокойной совестью отвернулась от пользователей других браузеров (Netscape, Opera и др.), руководствуясь принципом: §Зачем нам тратить время на кросс-браузерный Интернет-проект, если все давно используют MSIE?¤.

При этом в качестве неоспоримого доказательства приводятся те самые статистические данные, подтверждающие лидерство браузера от Microsoft. Пользовательская аудитория, работающая с другими браузерами автоматически отсекается и позиционируется как незначительная. Это и есть основное заблуждение, ведь зачастую главное € не количество, а именно качество. Никто не может дать твердой гарантии того, что среди 90% посетителей сайта, использующих MSIE, сформируется стабильный состав постоянных клиентов, партнеров, потребителей и т.д. С другой стороны, существует вероятность возникновения целевой аудитории именно среди оставшихся 10% пользователей (в данном случае процентное соотношение приведено абстрактно, в действительности доля того или иного браузера варьируется для каждого проекта в отдельности).

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

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

Веб-сайт Администрации Санкт-Петербурга
Вид официального веб-сайта Администрации Санкт-Петербурга в браузере Netscape Navigator 4.7 (правая часть горизонтальных меню - «Экономика и бизнес», «Контакты» и пр. – не влезает в размер окна, становясь полностью недоступной для посетителя).

Приведенный пример позволяет сделать важный вывод, который можно рассматривать с точки зрения разработки Интернет-проектов: отсутствие технологических преимуществ не должно сказываться на функциональности. Другими словами, вовсе необязательно адаптировать внешний вид веб-сайтов под все браузеры. Главное в другом: сохранить в них самое ценное – функциональность и полную работоспособность. Именно непонимание этого принципа ведет к появлению Интернет-ресурсов, буквально §разваливающихся¤ на глазах у пользователя других браузеров, нежели MSIE.

Разум и чувства
Именно последнее свойство мышления веб-разработчика преобладает сегодня при выборе технологической базы для будущего Интернет-проекта. Macromedia Flash, Java/JavaScript и прочие названия кажутся разработчикам сладкой музыкой, успокаивающей их сердца, уставшие от беспрестанных поисков чего-нибудь §этакого¤, что способно вызвать у пользователей благовейный ропот восхищения. Навигационные меню на Java – это быстро, рекламные интерактивные баннеры на Flash – это престижно, всплывающие посредством JavaScript окна – модно. Что думает по поводу использования всех этих технологий пользователь, сегодня мало кому из веб-разработчиков интересно: слепое подражание конкурентам и фанатичное стремление удивить посетителя не оставляет времени на анализ реальных потребностей своей аудитории.

И речь идет не о том, что использование Flash и JavaScript – признак дурного тона, от которого следует избавляться. Просто во всем надо знать меру, степень которой определяется многими факторами, как-то: тематика и статус Интернет-проекта, состав и динамика целевой аудитории, состояние рыночного сегмента, цели и задачи проекта и пр.

Тем не менее, сегодня встречаются почтовые серверы и ленты новостей, перегруженные Flash-роликами, электронные магазины, реализующие важнейшие функции через JavaScript и пр. Человеку, пришедшему на сайт Email-службы ознакомиться с новой корреспонденцией, совершенно не нужно бесконечное мелькание анимации и двигающиеся рекламные блоки. Посетитель онлайн-магазина, отключив в своем браузере JavaScript, окажется не способным сделать заказ интересущего его товара и т.д.

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

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

Веб-сайт радиостанции Radio-Studio
Заглавная страница сайта петербургской радиостанции "Radio-Studio" (полное нарушение композиции при отключении поддержки Macromedia Flash).

Встречают по одежке...
Структура раннего Интернета отличалась понятными наименованиями и четкими, однозначными формулировками. Один из наиболее красноречивых примеров – состав URL-запроса на электронные документы. Увидев ссылку http://www.site.ru/prices.html, посетитель сайта мог сделать закономерный и вполне обоснованный вывод о том, что данная страница посвящена ценам на те или иные товары или услуги. Такую ссылку можно легко запомнить, быстро вручную ввести в строке запроса браузера и без труда продиктовать другу по телефону.

С бурным развитием всевозможных скриптовых языков программирования, позволяющих генерировать содержание электронных страниц §на лету¤, многие веб-разработчики ушли от использования простых §говорящих¤ гиперссылок. В итоге, URL…ы даже начальных страниц сайтов и тематических разделов стали содержать слишком большое количество символов, зачастую непонятных пользователю и, что самое досадное, – не помещающихся в видимых пределах адресной строки браузера.

Например, адрес вида

http://www.site.ru/cgi-bin/services/prices.cgi?show=all&mode=title

выглядит весьма громоздко и довольно труден и для запоминания, и для сообщения в устной форме (сравните с http://www.site.ru/prices.html). Опытный пользователь, разобрав URL по частям, догадается, что по запросу такого адреса браузером по умолчанию будут выведены все расценки, но в краткой форме (только заголовки). Между тем, с программной точки зрения, ничто не мешает разработчику выводить для страниц с расценками читабельные адреса или хотя бы сделать для заглавного документа краткий линк, подразумевающий упомянутые выше опции по умолчанию.

Веб-сайт Интернет-провайдера Matrix
Вот так выглядит гиперссылка на первую страницу раздела «Хостинг» на сайте петербургского Интернет-провайдера "Matrix": http://www.mns.ru/Default.aspx?hosting/default.xml&Part=hosting&Lang=Ru.

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

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

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

Веб-сайт хостинг-провайдера Zenon
Текстовая версия сайта хостинг-провайдера "Zenon" (основное и второстепенное меню навигации, лента новостей, рекламные блоки – все реализовано обычным текстом).

При принятии решения относительно наличия текстовой версии необходимо учитывать следующие моменты:

  • Тематика Интернет-проекта
    Например, на сервере, посвященном работе с трехмерной графикой, ссылка на текстовую версию будет выглядеть неуместно.

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

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

К сожалению, в российской части Интернета разработка текстовых версий распространена весьма мало: веб-разработчиков больше заботит оригинальное дизайнерское решение, отклик на баннеры, участие в интерактивных опросах и т.д. Ситуация за рубежом заметно отличается от нашей: например, в законодательстве США существует специальный акт – ADA (Americans with Disabilities Act). В соответствии с ним, все страницы правительственных сайтов вроде http://www.whitehouse.gov должны читаться в текстовых браузерах (Lynx и др.) сразу, либо иметь обязательную ссылку, ведущую на текстовую версию. Более того: с недавних пор правительство США обязало делать то же самое всех, кто получает федеральные гранты: университеты и компании с правительственными заказами. Руководство остальных компаний пока находится в раздумии, однако после того, как американское общество слепых выиграло судебное разбирательство с одной из крупнейших корпораций "America On-line", требования по созданию "Text Only"-версий стали встречаться все чаще.

Что же касается печатной версии, то это – выборочная копия электронного документа со специальным форматированием, оптимизированная для вывода на принтер. Она может содержать графические элементы, однако не быть ими перегружена. В любом случае, задача печатной версии заключается в создании §облегченного¤ варианта документа.

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

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

При подготовке статьи использованы материалы форума E-Notes.Ru
и сети ФИДО (fido7.ru.linux).

[ к оглавлению ]
PHP - постраничный вывод
Привет всем!!! Вот и моя вторая статья!!!
Теперь поговорим о постраничном выводе информации из файла (подчеркиваю из файла) а не из базы данных :-)
Что меня натолкнуло написать эту статью? Вчера в аське мой друг Oles.pwl попросил объяснить ему, как организовать постарничный вывод из файла, вот я и держу свое обещание, только не для одного Oles.pwl, а для всех Вас товарисщи :-)

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

Допустим есть у Вас файл содержащий информацию такого вида
заголовок||статья
заголовок2||статья2
заголовок3||статья3
и так далее...

Тепрь сделаем это с выводом информации скажем по 5 на страничку, ну т.е. будем выводить по 5 строк инфы из файла Скажем так
------------------------------------------------------
Заголовок статьи --- Тря ля ля ля ля лял
Сама статья --- Статетываывоаылвоал
------------------------------------------------------
Теперь приступим к самому приятному, кодингу :-) Главный файл test.php

<?php
$base="base_file.txt"; // Файл где находиться инфа
$general=file($base);  //Заносим весь наш файл в массив
$lines_file=file($base); //Еще разочек занесем наш файли в массив :-)
$lines=count($lines_file); //Считаем общее количество записей в файле, ну т.е. строк.
$pmessages = file("$base");
$onlyg=2; //Сколько записей выводить на страницу
/*
Тут начинаеться самая главная часть нашего файла
Просчитываем странички :-)
*/
if (@$page == "" or $page < 0) //Если переменная $page равна пустоте, или она меньше 0
{
$page = "1";   //Тогда переменнная $page=1
}
$first = count($pmessages) - ($onlyg * ($page - 1));
$second = count($pmessages) - ($onlyg * $page) + 1;
if ($second < 1)
{
$second = 1;
}
$pages = (int) ((count($pmessages) + $onlyg) / $onlyg);
//Считаем общее количество страниц
for ($onlyg = 1; $onlyg <= $pages; $onlyg++)
//Загоняем все в цикл, т.е. присваемваем переменно $onlyg значение
//1 и пока она меньше или равна $pages увеличиваем ее на единичку.
{
if ($onlyg != $page)  //Если $olyg не равняется $page
{
//То наши ссылки имеют такой вид
$line .= "[ <a href=\"test.php?page=$onlyg\">$onlyg</a> ]";
}
if ($onlyg == $page) //А если равняеться
{
//То такой
$line .= "[ $onlyg ]";  //Ну т.е. в выводим не в виде ссылки ту страницу где сейчас находиться пользователь
}
}
/*
Теперь выводим саму информацию
*/
for ( $i = $first-1; $i >= $second-1; $i--)
{
list($zag,$sama)=explode("||", $general[$i]);
//Считываем все из файла и разделяем данные при помощи explode а разделитель как вы помните у нас ||
$id = $i;
$id++;
echo "Заголовок статьи --- $zag<br> Сама статья --- $sama<br><hr>";
}
echo "$line<br>"; //Выводим ссылки
echo "Всего статей - <font color=red>$lines</font>.";  //Выведем информацию пользователю о общем количестве записей
?>
Ну вот в принципе и все.

Автор кода: Manlix http://www.Manlix.ru
Автор пояснительной статьи: Александр Лысенко (Alexander Lysenko) http://www.Ekibastuz.de, e-mail: alysenko@mail.kz, ICQ:154774388

[ к оглавлению ]
Интересные ресурсы
Всё о Macromedia Flash - уроки, исходники, статьи...
DIG.ru Дайджест компьютерного рунета. - База всех русскоязычных публикаций в интернете, посвящённых околокомпьютерной тематике.
Rulz2003.H10.Ru - здесь вы найдете не только приятные сведения обо мне, но и коллекцию моих программ, которые, я считаю, должны быть на каждом современном компьютере! В дальнейшем я попробую сделать этот сайт архивом программ; как старых хороших, так и новых - еще лучших.

Хочешь опубликовать ссылку на свой сайт в этой рассылке? - прочти условия
Ведущий рассылки: Skay http://www.mweb.ru