Мой друг - Александр Щербин

Alx Creative Laboratory

 

*Ensemb - видео

*Веб-дизайн

*Человек и общество

*Эзотерика

*Беллетристика

*Наука и техника

*Интервью

*Юмор

*Критика

 

 

 
    - запомнить

Зарегистрироваться

Правила

Забыл пароль

 

 

Français

 

Рижский Третейский Суд по Гражданским делам

Фотография А.Щербина

 

 

 

Беллетристика

Веб-дизайн

*Ошибка системы

14.05.2003 00:00

Федор бежал, жадно глотая морозный воздух. Восемь тридцать - начало машинного времени, но до цели оставалось еще двести тридцать шесть метров. Вдруг Федора что-то приподняло и он мгновенно оказался у входа в здание института. «Чудеса!» - подумал он и посмотрел на часы. Восемь двадцать пять. Не сообразив, что это тоже чудо, он сорвал с себя куртку и шапку, нахально протиснулся сквозь таких же «отличников» и всучил гардеробщице в обмен на жестяной номерок свои доспехи. Теперь можно спокойным шагом двигаться в вычислительный зал. Самое главное – не соблазниться запахом свежеприготовленного два дня назад шницеля и не зайти в соседнюю дверь, за которой скрывался студенческий буфет. Это ему удалось. Траектория его движения лишь слегка отклонилась от оптимальной.

Федор открыл дверь с надписью «вычислительный зал», за которой располагался небольшой предбанник. Там стояли четыре телетайпа и студенты-энтузиасты толпились в очереди, чтобы собственноручно отперфорировать ленточку для ввода своей программы в машину. Очередь создавала белый шум. Все четыре аппарата были заняты. За первым сидела Светка из параллельного потока и раздражала очередь скоростью набивки телетайпной ленты, одним пальцем тыкая в тугие клавиши гедеэровского монстра. За остальными аппаратами сидели Толик – зубрила, что весьма не типично, далее неизвестный индивидуум, наверное прогульщик, и светила кибернетики лаборант Кактус, который с пулеметной скоростью выдавливал из щелки в деревянной тумбочке белую ленту, продырявленную гениальной фортрановской программой. Но студенты писали свои программы на языке доселе никому не известном. Придуман он был специально для машин с грузинским именем «Наири». Две такие машины стояли в том самом зале, о котором гласила табличка на двери.

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

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

- Поздравляю, - сказал Федор обрадовавшемуся результатам своей деятельности Женьке по прозвищу Ковш. – Теперь в папочку - и курсач готов.

Ковш, довольный и счастливый, аккуратно сложил распечатку и засунул ее в потрепанный целофановый мешок. У машины мгновенно оказался Толик.

- Я побежал в кабак. Все равно на электродинамику опоздал, - улыбаясь протараторил Ковш и растворился в воздухе.

На его месте из рассеявшегося тумана появился держащий в руках ворох перфолент лаборант Кактус.

- Ну что, помнишь как заряжать? – немного надменно произнес Кактус.

- Угу.

- Тогда давай.

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

В предбаннике слышался легкий шум, сквозь который можно было различить отдельные слова: «Кактус», «декан» и «дурак». Но Федор не обращал внимания на все происходящее и протянул руку к кнопке, будто собираясь запустить межконтинентальную ракету. Нажал. Перфолента с оглушительным треском плавно перешедшим в нечто похожее на свист промчалась над фотоэлементами и вылетела из устройства ввода.

- Заработала! – хлопнув кулаком о ладошку, выпалил Федор.

Машина стала моргать лампочками.

Шум в коридоре нарастал. Кактус наконец-то затолкал весь свой хлам в мусорник и стал медленно вставать, постепенно превращаясь в нечто напоминающее Ленина на броневике. Но вместо пламенной речи его округлившийся рот издал звук, напоминающий сирену скорой помощи:

- Ё-о-о!

Толпа из предбанника вместе с шумом, из которого исчезло слов «декан», в одно мгновение оказалась вокруг Кактуса. Обе машины замерли, прекратив помаргивание, но не зависли. Это была вычислительная солидарность.

- Мой курсач... – чуть не плача произнес Кактус.

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

- Профилактика, - обиженно и резко сказал Кактус.

Толик был вынужден сдаться. Лаборант - для него начальник. Однако Федора гроза обошла стороной, и он уставился на печатную машинку в ожидании результатов работы своей программы, но «Наири» не торопилась.

Рядом шуршал Кактус. Минут за пять от бедной жертвы он с компенсационным воодушевлением отвинтил боковую стенку и в открывшемся проеме стали видны сотни транзисторов. Федор повернул голову в сторону произведенного Кактусом разкардажа.

- Может помочь чем? – спросил Федор, стараясь успокоить нервно машущего отверткой Кактуса.

Кактус сидел на корточках и молчал. Он продолжал разрядку напряженности своим способом. Вытащил из корпуса машины пару плат, сплошь усеянных зелеными резисторами величиной с палец и бочонкообразными транзисторами, подергал за какой-то пучок проводов, дунул, плюнул и в очередной раз ткнул в один из многочисленных разъемов своей отверткой. Бедная «Наири» в ответ метнула в него сноп искр и испустила едкий аромат жаренного полиэтилена. Лицо Кактуса обрело цвет растения, в честь которого он был прозван.

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

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

Федор посмотрел на свои часы марки «Восток». Они вполне категорично показывали, что прошло два часа. На его лице отпечаталось удивление и он вспомнил, что утром что-то подобное уже было. Тогда исчезло пять минут, сейчас – час и сорок пять. Он вскочил и побежал в вычислительный зал. Бумага в пишущей машинке по-прежнему оставалась чистой. «Что-то не то» - подумал Федор. И в это мгновение застучали литеры по серовато-белому полотну. Федор пригнулся к месту возникновения текста, чтобы лучше рассмотреть результаты своей работы и...Машина замерла и на бумаге проявилась надпись «ошибка системы».

 

В комнате был полумрак. Ее освещали лишь настольная лампа с темно-зеленым абажуром и экран монитора, который излучал приятный голубоватый свет. Пространство наполнял легкий беспорядок. Только стоявшая на столе статуэтка многорукого Шивы отвлекала взгляд от модернистских обводов компьютера, бесшумно засасывающего воздух в кулер четвертого пентиума. Последний номер газеты «digital times» был нежно придавлен к столу щекой Федора, а его левая рука лежала на клавиатуре, надавив на невообразимое сочетание клавиш. Федор спал.

Экран монитора высвечивал надпись - «ошибка системы».

 

Рассказ был написан специально для конкурса "digital times".

 

Этот рассказ можно копировать на другие веб-сайты без моего разрешения при условии размещения в его коде подписи в виде гиперссылки: <a href="http://www.alx.lv/">Александр&nbsp;Щербин</a>.

Опубликовать в своем блоге на Facebook  Добавить заметку в twitter   Комментарии

 

*Основы хорошего дизайна (мое субъективное мнение)

01.02.2003 00:00

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

 

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

 

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

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

 

Небольшой вспомогательный материал
На верху прямоугольника расположены три основных цвета страницы и их градации насыщенности с шагом в 10%. Под основными цветами есть место (More colors), где можно "смешать" какой-либо основной цвет и выбрать 69 его градаций с шагом 5%.

 

Градации серого и цветного

Файл colors.png - 38.1КВ. Пример для программы Fireworks от Macromedia.

 

Как использовать файл
Разместите основные цвета вашей страницы в ячейки с обозначениями 100%. Все остальные цвета получатся автоматически. Тот же эффект получится, если заполнить нужным цветом ячейку More colors, только в этом случае вы получите уже 69 его градаций.

Цветовые поля в файле находятся в слоях "colors", текстовая информация в слоях "texts" и фильтры, формирующие градации - в слое "filters".

Цвета в фотографиях не подпадают под это правило. Идеальным вариантом было бы подобрать фотографии с близкой цветовой гаммой.

 

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

 

Прилипший и неприлипший тексты

Небольшой пример "прилипшего текста и тот же текст с десятипиксельными "спейсерами".

 

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

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

Не забывайте, что создавая страницу на национальных языках (латышский, русский, польский, эстонский и т.д.) в коде HTML необходимо указывать название таблицы кодировок. Даже если вы можете прочесть текст на экране монитора своем компьютера, это еще не значит, что другие увидят то же самое. Обычно люди не путешествуют по сайтам одной языковой зоны (скажем, Латвии), а посещают и другие. В этом случае, если вы не укажете какую таблицу кодировок указывать (например, windows-1257), браузер оставит установки от предыдущей посещенной вами страницы. Например, человек просматривал сайт www.gazeta.ru (на русском языке), а потом перешел на сайт с латышским языком.

 

Правильное и некорректное отображение текста

Правильное и некорректное отображение текста. Первый пример с установленной кодировкой windows-1257, и второй - на страницу без прописанной кодировки зашли после посещения www.gazeta.ru.

 

Если страница сделана на каком-либо национальном языке, то используйте только стандартные шрифты (Arial, Times, Verdana), так как они присутствуют (Unicode) практически во всех операционных системах Windows, и на вашей странице можно будет увидеть правильное начертание национальных букв. Здесь я не упоминаю iMac компьютеров, но, думаю, что и в них не будет затруднений с этими шрифтами.

 

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

 

Нормундс Брицс (www.nbinc.net)

Перевод статьи - Александр Щербин

Опубликовать в своем блоге на Facebook  Добавить заметку в twitter   Комментарии

 

Веб-дизайн

Следующие статьи

*Мама мыла раму (О "вреде" фреймов)

28.01.2003 12:00

Дизайнер Андрей Мусоян, между прочим, работы которого мне нравятся, прислал письмо с вопросом. Процитирую часть его: "...повсеместно считается, что использование фреймов - ПЛОХО! Единственный аргумент - проблемы с поисковыми машинами! ... Есть еще конечно проблемы со старыми браузерами, но сколько их осталось, менее процента…". Будучи в настроении, я написал небольшую статью о "вреде фреймов".

 

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

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

Теперь разберемся для чего же их используют веб-дизайнеры.

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

Разделение навигационной панели и текстовых блоков было целесообразно на заре развития Интернета для сайтов с большим объемом информации, когда не существовало технологий генерирования кода страницы на стороне сервера. Тогда проще было отделить неизменяемые части страницы, например навигационные панели, в свои файлы и потом каждый загружать в соответствующий фрейм. С приходом технологий SSI, ASP, JSP, PHP и подобных целесообразность этого подхода стала весьма сомнительной. Кстати, формировать страницу можно и на стороне клиента. Сегодня это редкость, но такой прием использовал, например, в своем сайте Нормунд Брицс - www.nbinc.lv. Он генерирует страницы с помощью JavaScript, что для большинства существующих сайтов было бы вполне достаточным.

Следующая цель, которую достигают с применением фреймов, - упрощение URL в адресной строке браузера и сокрытие кода страницы. Тогда всю страницу, адрес который имеет весьма длинный и малопонятный вид, загружают во фрейм. То есть, получается окно в окне. Страница будет выглядеть, как самая обычная, но в адресной строке браузера будет стоять URL, который вообще не будет меняться, пока посетитель находится на этом сайте. По такому принципу работает сервис from.lv, предоставляющий псевдо доменные имена, пряча реальный URL на super-puper-site.from.lv. Что можно сказать по этому поводу? Все недостатки этого приема не стоит даже перечислять. Хочу заметить лишь одно. Скрывать код страницы - бесполезное дело. Тот, кто хочет, все равно до него доберется. Делают это в основном специалисты, которым ухищрения с фреймами, да и другие тоже, не помеха. Каждый из нас может заглянуть под крышку телевизора и посмотреть, что у него там внутри. Но только специалисту будет понятно, что это и зачем. Особо любопытные залезут - ну, шибанет их током...

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

Фреймы используют для демонстрации рекламы (в основном это внутренние - iframe), когда необходимо за один показ страницы прокрутить несколько баннеров. Без фреймов не обойтись, когда на странице необходимо создать чат. В этих двух случаях содержание фрейма обновляется с периодом пять-десять секунд. Пожалуй, это единственный случай, когда против использования фреймов трудно найти весомых аргументов.

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

И, пожалуй, самый распространенный дизайнерский прием - всевозможные внутренние текстовые ролики. Этим многие увлекаются, особенно дизайнеры стиля инспирэйшн.

 

Скроллбары в разных браузерах

 

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

 

Разноцветные скроллбары

 

Посмотрите, что происходит при просмотре этого сайта с разрешением 800 на 600, и вы поймете в чем дело. Страница испещренная всевозможными скроллбарами, в последнем случае еще и разноцветными, производит весьма плачевное впечатление. Заметьте еще один нюанс - изображение скроллбаров можно изменять только для браузеров не младше, чем IE5. Что будут наблюдать обладатели всех остальных? Поди приспособь дизайн страницы с внутренними полосами прокрутки ко всем браузерам. Пока единственный способ сделать полосы прокрутки, которые одинаково выглядят во всех браузерах - это Flash, но это уже другая тема.

Использовать или не использовать фреймы? Не в этом дело. Вопрос - как использовать?

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

 

 

Эту статью можно копировать на другие веб-сайты без моего разрешения при условии размещения в ее коде подписи в виде гиперссылки: <a href="http://www.alx.lv/">Александр&nbsp;Щербин</a>.

 

28.01.2003

Опубликовать в своем блоге на Facebook  Добавить заметку в twitter   Комментарии - 2

 

*Есть ли жизнь на Марсе, нет ли жизни на Марсе... или Пицца для веб-сайта

16.06.2002 00:00  Комментариев - 0

*Вот вам меч или Сколько стоит сайт построить

13.05.2002 00:00  Комментариев - 0

*А у вас молоко убежало или Критика по правилам

06.02.2001 00:00  Комментариев - 1

*Карма и Интернет

27.01.2001 00:00  Комментариев - 1

 

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22

Alx Logo Signature of Alexander Shcherbin
   
Top.LV