Как этим пользоваться.
Как этим пользоваться. Вы здесь: >ДПИ [/] >О нас Главная Об институте Как связаться Отделы и службы Сертификат ISO 9001:2000 Лицензии Регулярная информация Портфолио Крытый корт Магазин "Поларис" Бассейн Интерьеры Монетный двор НБУ Аккумуляторные заводы Стадион "Метеор" Детский сад "Буран-Энергия" ДВВС "Метеор" Выставочный центр Центр высоких технологий Школа в г.Кривой Рог Дом престарелых Жилые дома Клуб "Мегарон" Банки Таможня Больница Солнечная энергетика Завод полупроводников Software Ода Лиспу Былая мощь АКАДа скажи НЕТ субд к вопросу быстродействия Блеск и нищета САПР. ACE-технология (pdf, 621Кб) Учебный центр Книги наших авторов Планы курсов Цены Рабочие проекты Инсталяция Whip! Дом престарелых Тенисные корты Мемориальный комплекс Help/Помощь Требования к броузеру Левое меню В чем особенность Галерей. Фоновая загрузка. Здравствуйте! Рад Вас приветствовать. Если Вы здесь то у Вас воникли какие-то проблемы с использование данного сайта - спешу принести Вам свои извенения. Давайте попытаемся решить наши проблемы совместо: "Долгая дорога к интерфейсу". Требования к броузеру. Левое меню. В чем особенность Галерей. Фоновая загрузка. "Долгая дорога к интерфейсу". Идея подобного дизайна сайта складывалась у меня постепенно, в результате достаточно длительного хождения по интернету. Большинство сайтов казались не очень удобными - для того чтобы найти нужную мне страницу - требовалось пройти более-менее длинную цепочку совершенно бесполезных страниц. Возврат назад тоже далеко не всегда был достаточно удобен. Довольно долгое время я считал, что наиболее удобным способом представления является страница на основе фреймов с меню и основным фреймом, однако и этот способ не лишен недостатков - как быть если содержимое основного фрейма слишком длинное и меню осталось далеко вверху - либо приходится много работать мышью, либо располагать ссылку на начало страницы (это очень мало помогает, когда вы находитесь на пол-пути). Так постепенно у меня формировалось собственное представление о том, что есть плохая навигация по сайту, однако четкого ответа на вопрос как должна выглядеть хорошая - у меня еще не было. Почти идеальным была-бы возможность представить основную структуру сайта в виде дерева (знаю-знаю, в общем случае деревом обойтись не удается, веб это граф) (типа как в Проводнике в Окошках), но для того, чтобы таким деревом было бы удобно пользоваться оно должно динамически изменяться - раскрываться и сворачиваться. Эта идея - не отличается особой оригинальностью, однако, каюсь, я также уделил некоторое время на собственную попытку ее реализации. Кроме достаточно близкого знакомства с DHTML и JavaScript других плодов она не принесла. Но ведь отрицательный результат - тоже результат! Мне кажется довольно естественным, что решение проблемы было найдено также в интернете, хотя в готовом виде я его не встречал. Зато там я нашел оба необходимых мне компонента: плавающие слои - "флаеры" и выпадающие меню. При должном уровне фантазии было несложно представить себе, что из этого может получиться. После того как решение проблемы было сформулировано - оставалось лишь дело техники и вопрос времени. Результат моих усилий перед Вами и лишь Вам, в конечном итоге, судить он насколько удобен. Наверное стоить пояснить, что данный текст, в большинстве своем писался довольно давно по меркам компьютерных технологий - в самом деле, прошло более 6-ти лет с момента когда создавался первый вариант сайта. Не менее 3-х лет существовал и вариант с "поплавковым" меню. Вариант который во многом был построен методом проб и ошибок, без необходимых данных и вопреки всем усилиям разработчиков броузеров. Надо сказать что последним удалось на некоторый период сильно усложнить мою жизнь в почти бесконечных попытках добиться хотя бы примерно одинаковой работы в разных браузерах. Ситуация осложнялась еще и тем что зачастую новые версии работали не совсем так как старые и приходилось постоянно вносить изменения в скрипты. Тем не менее результатом такой работы было меню которое сносно функционировало в самом широком наборе браузеров. Код был работоспособен как в таких древних бразерах Netscape 4, Explore 4, Opera 5, так и в самых последних версиях. Тем не менее жизнь не стоит на месте. То тут, то там стали появляться плавающие меню, которые были реализованы более четко. Вообщем, в конце-концов, я снова решился несколько изменить скрипт меню. Теперь оно более напоминает дерево (правда, пока только двухуровневое) каталогов, скрипт стал существенно меньше и работает лучше... Не обошлось, правда, и без ложки дегтя - используемые технологии не поддерживаются старыми версиями браузеров. И хотя планка для браузеров поднята не так уж высоко, могу сказать что это здорово портит мне настроение. В настоящее время меню полностью функционирует в браузерах IE5.5+, Opera8+, FF1.5+ (по меньшей мере, я не смог обнаружить обратного). Вторая идея положенная в основу дизайна этого сайта не блещет новизной. Едва ли среди программистов найдется человек, который бы не задумывался бы о том, чем бы нагрузить Ваш процессор, пока Вы заняты чтением этих строк. Безусловную пальму первенства в решении этой нелегкой проблемы нужно отдать Билу Гейтсу - анимированные курсоры - это конечно круто, но ведь это не единственное его изобретение. Меня, как человека более прагматичного, всегда интересовала несколько другая постановка вопроса: как нагрузить Ваш процессор полезной работой, с тем чтобы в дальнейшем Вы не чувствовали как он напрягается в ответ на Ваш щелчек мышью. Должен сказать, что стараниями моего шефа, неустанно вдалбивавшего мне эту истину, я сейчас не могу даже представить, что об этом можно не задумываться. Именно эта идея вместе с возможностями JavaScript и привели меня к фоновой загрузке изображений и созданию галерей . наверх... Требования к броузеру. За все в этом мире приходится платить, и этот интерфейс конечно-же не исключение. Какова же цена? На мой взгляд она вполне приемлема. Для того, чтобы в полной мере ощутить удобства этого интерфейса Вам потребуется нечто удовлетворяющего следующим требованиям: поддержка XHTML 1.0 и объектной модели DOM2 поддержка языка скриптов JavaScript1.3 поддержка таблиц стилей CSS2 отображение графики (.gif, .jpg) поддержка "cookies" отсутствие серьезных ошибок рендеринга страниц На данный момент этим требованиям отвечает как минимум три броузера, распространенность которых вряд ли у кого-либо вызовет нарекания - это FF1.5+, IE5.5+, Opera 8+. Вполне возможно, что существуют и другие, ни чуть не менее, достойные варианты, но я пока о них не знаю . Некоторые вопросы могут возникнуть по поводу указанных версий - да они довольно новые и стоят, вполне возможно, далеко не у Всех - но у меня все-же есть два оправдания. Во-первых - время неуклонно движется вперед и по многим причинам ни коим образом не связанным с данным сайтом, я бы рекомендовал указанные мною версии как минимальные для комфортного броузинга. наверх... Как использовать Левое меню. Вы уже могли заметить, что данное меню обладает двумя особенностями: во-первых оно постоянно оказывается под рукой, куда бы Вы не перемещались по странице; во-вторых - это динамическое меню, для полной реализации возможностей которого требуется поддержка "cookies" со стороны браузера, если она у Вас включена - то браузер будет "запоминать" последнее состояние меню и новый сеанс начнется с этого состояния (не бог весть как сложно и оригинально - но достаточно удобно, как мне кажется) наверх... В чем особенность Галерей. Наверняка Вы сталкивались с ситуацией, когда хотелось бы просмотреть несколько связанных общей темой страниц, вернуться к какой-нибудь из уже просмотренных. Если сервер с которым Вам приходится общаться находится не в локальной сети - то единственный выход открыть каждую из страниц в отдельном окне и переходить от одного к другому. Конечно линейка задач при этом достаточно быстро превращается в "бочку с селедками", да и свободной памяти с каждым окном остается все меньше и меньше однако с этим приходится мериться - не ждать ведь каждый раз загрузки по несколько минут. Я попытался решить эту проблему с помощью специальным образом организованных галерей. Галереи легко отлечить от обычных страниц по наличию в верху специального меню с названием меню. На момент написания этих строк таких галерей на сайте несколько - прежде всего это "Портфолио" и "Книги наших авторов" Попав в галерею Вы можете сколько угодно переключаться между ее разделами (используя при этом верхнее меню) без обращения к интернету. Поэтому Вы можете не отказывать себе в удовольствии вернуться к понравившейся фотографии или заинтересовавшей Вас позиии в прайсе. Безусловно это возможно за счет несколько более длительной начальной загрузки, но беспокоиться не стоит - во многих случаях Вы просто ничего не заметите - большая часть информации грузится в фоновом режиме! наверх... Фоновая загрузка. Безусловно идея фоновой загрузки не нова - даже в процессоры встраивают предсказатели переходов, чтобы обеспечить преварительную загрузку команд еще до того как они реально понадобились. В применении к Web задача еще проще и даже более очевидна - загрузить вначале текст, а затем, уже дав пользователю возможность читать, перейти к загрузке изображений. Я крайне удивлен, но я еще нигде не встречал реализации этой простой идеи - и текст, и графика грузятся параллельно, заставляя пользователя сидеть перед пустым экраном. А ведь реализация этой идеии не намного усложняет страничку ведь она предельно проста - не более нескольких строк текста на JavaScript. Вполне возможно, что я драматизирую ситуацию и эта проблема в скором времени решится с внедрением более скоростных каналов доступа, но мне кажется, что вряд ли небрежность и невнимание к посетителям можно оправдать верой в прогресс технологий! наверх... Вместо эпилога. Вполне возможно, что кто-то недоуменно пожимает плечами прочитав эти строки, не понимая "зачем так напрягаться?". Едва ли смогу ответить на этот вопрос - просто по другому я не могу. Я пытался сделать так, чтобы самому было приятно пользоваться. На этом сайте Вы не найдете ни одной страницы сгенерированной визуальными редакторами - это не для меня, исключительно ручная работа , хотя это и более хлопотно, но однажды затраченное время мною, позволит сэкономить его для Вас. А забота о пользователе, я в этом абсолютно уверен, рано или поздно приносит свои плоды. В заключении хочу сказать, что с радостью готов обсудить все замечания и идеи по поводу улучшения интерфейса. Пишите мне и я непременно рассмотрю все Ваши замечания. наверх... Copyright (C) 2000-15 DPI, All rights reserved. Designed by Sergey Popadyin