![]() |
![]() |
АВИ 14.09.2004 - 22:11 |
Уважаемые веб-дизайнеры! Что лучше: закачивать один *.jpg файл объемом 40 кБ, или разбить его на четыре по 10 кБ? Вроде бы лучше целый, но вот на Флеше почему-то частями грузится быстрее! И еще: Кто может толково объяснить зачем используются заставки "Интро"? Если для невидимой загрузки используемых в сайте картинок, то как быть, если папка для временных файлов на ПК пользователя переполнена или отключен режим проверки наличия в ней ранее загруженных файлов? |
Любопытный варвар 1 - 14.09.2004 - 23:21 |
Я так понял, что все вопросы относятся именно к Флэшу, а не к выводу изображений в HTML-странице. 1. Бить или не бить на части — зависит от того, что за это картинка. Если это полноцветное изображение портрета девушки или пейзажа в галерее, либо образца продукции фирмы, резать его на куски, ИМХО, смысла не имеет. 2. Заставка Intro, как правило, используется для красоты, чтобы показать как круто наваян сайт, и обычно располагается на так называемой сплэш-странице, откуда (после проигрывания Интро либо по ссылке "Скип Интро") осуществляется переход к содержательной части сайта. 3. То, что телепается во время "невидимой загрузки картинок", индицируя процент загрузившегося объема файла, обычно называется не "Интро", а "прелоадер", и служит, во-первых, для задержки начала проигрывания Флэша пока юзеру не загрузится весь мувик, либо большая его часть (во избежание прерывания показа хвильма на догрузку большого количества байтов в текущем фрейме) и, во-вторых, для наглядности, для того, чтобы юзеру было понятно, что это вовсе не обрыв коннекта с сервером, чтобы он видел, сколько времени ему еще ждать, пока, наконец, не откроется это фонтанирующее креативом анимационное великолепие. 4. Если у пользователя переполнена папка, имеются сбойные кластеры на винчестере, криво установлена ОС, то это его, юзера, проблема. |
АВИ 2 - 16.09.2004 - 03:18 |
Любопытный варвар: Я не услышал главного: можно ли в интро загружать jpg или gif или swf файлы в маленькую ячейку или однопиксельный фрейм (невидимые) с тем, чтобы при загрузке самого сайта эти самые файлы не перекачивались из интернета, а подчитывались из папки временных файлов ПК пользователя? Здесь смысл в том, чтобы часть большого объема загрузки файлов сайта переложить как раз на интро. С точки зрения пользователя загрузка сайта произойдет быстрее. И еще: Не мешают ли интро индексации сайта поисковыми серверами? (Как фреймы). Что такое сплэш-страница и чем она отличается от index.html ? |
Любопытный варвар 3 - 16.09.2004 - 10:04 |
Главного (для тебя) ты не услышал, по всей видимости, по той причине, что далеко не у всех людей хорошо развито умение читать мысли на расстоянии. Сформулируй вопрос почетче. 1. Если речь идет о загрузке HTML-страницы со встроенными в нее объектами типа jpg, gif, png, swf, svg, asf, etc, то способ, описанный в №2 не имеет смысла. При первичной загрузке страницы в броузер пользователя, перекачки через интернет с сервера на компьютер прользователя ее самой и относящихся к ней изображений избежать невозможно. 2.С точки зрения пользователя загрузка не будет казаться более быстрой, если при значительном объеме информации на странице, покуда оная будет загружаться, ему придется лицезреть практически пустой экран. 3. index.html - это, по всей видимости, одно из названий индексного html-файла, отдаваемого веб сервером по умолчанию при обращению к какому-либо его из каталогов с клиентской стороны. Индексный html-файл может наываться как угодно, в зависимости от настроек веб-сервера. Сплэш (splash)-страницей обычно называют входную страницу сайта, имеющую очень красочное оформление, как правило, не несущую никакой другой информации, кроме как о крутости дизайнера, сваявшего такую крутую анимацию, и, естественно, крутости компании, круто заплатившей этому крутому дизайнеру. Само по себе это ни хорошо, ни плохо — вопрос в уместности наличия этой сплэш-страницы как таковой и качества ее реализации. |
АВИ 4 - 16.09.2004 - 23:29 |
Варвар, ты не обижайся, но то что ты излагаешь давно извесно каждому школьнику, в том числе и чайнику вроде меня. Я спрашивал в чем отличие страницы Интро и файла index.html , который грузится первым по умолчанию? Я так понял, что никакой - эта Интра как раз и имеет имя index.html. Насчет второго вопроса: Если ты думашь, что интро это просто красивая заставка, то ни хр..на то ты не знаешь! Некоторые дизайнеры умудряются использовать ее как я говорил для ЧАСТИЧНОЙ ЗАГРУЗКИ ФАЙЛОВ САЙТА! Пока пользователь любуется интро, просматривает анимацию и ищет кнопочку RUS или Вход на ней, чтобы включить загрузку сайта, эта самая интра продолжает интенсивную закачку графических файлов в свои невидимые области. Чтобы потом эти файлы (картинки) мгновенно открывались в сайте. А как извесно основной объем занимают именно они. Текст весит мало. Вот я у тебя и спрашивал, как практически это сделать. |
Любопытный варвар 5 - 17.09.2004 - 12:47 |
Дружище, я действительно ни хрена не соображаю в веб-технологиях вообще и в веб-дизайне, в частности. Это связано с тем что, я очень плохо соображаю сам по себе, то есть, моим собеседникам, как правило, приходится подробно излагать свои мысли, детально поясняя, разжевывая каждый нюанс, чтобы я вообще хоть что-нибудь понял. Разумеется, не последнюю роль здесь играет и полнейшее отсутствие у меня опыта практической деятельности в вышеозначенных областях. Например, мне так ни хрена и не удалось понять, о каком типе сайта идет речь — 1. Выполненном полностью на Флэше, 2. либо о комбинированном многостраничном HTMLном. Далее. Index.html это всего лишь одно из названий файла, отдающегося веб-сервером по умолчанию при обращении к любому (в т. ч. и к корневому) из его каталогов, открытых на чтение (а во многих случаях и на запись). Между тем, имя этого файла может любым - index (традиционное), default, vasya_pupkin - каким его укажешь в настройках веб сервера, таким оно и будет. Расширение тоже может варьироваться - html, shtml, xml, xhtml, asp, php, phtml, pl, ado, cfm и т.д. (и все вместе взятые, кстати, но обязательно с установленным приоритетом). Это зависит от выбранного серверного движка, причем, ничто не мешает тебе написать свой собственный энджин, где будет в ходу расширение исполнимого сервером приложений файла, придуманное тобой лично. Это я к тому, что в принципе, то, что ты называешь "Интрой", не обязательно должно носить имя index.html, а называться соответственно имени "умолчательного" файла. . "Если ты думашь, что интро это просто красивая заставка" Речь шла о сплэш-странице, а не просто об некоем интро (см.). Сплэш-страницей традиционно принято называть входную страницу сайта, отличительной особенностью которой, как правило, является сочетание минимума информации с максимумом графических наворотов. (Обрати внимание: я сплошь и рядом, здесь и в предшествующих постах использую обороты "как правило", "обычно", означающие, что речь идет о наиболее распространенной практике, но вовсе не об абсолютных категориях типа "только так, и не иначе".) Обычно сплэш-пейдж представляет собой HTML-файл, лежащий, естественно, в корневом каталоге сайта и носящий имя файла по умолчанию. Его содержанием является некий красочный графический блок, в последнее время выполняемый на Флэше и содержащий небольшое количество ссылок на основные содержательные разделы сайта. Очень часто эта ссылка бывает одна единственная, продублированная текстом. Так вот, наиболее частой причиной, по которой сплэш-страницы появляются на свет, является желание выпендриться. |
Любопытный варвар 6 - 17.09.2004 - 12:48 |
(продолжение) Иногда эта страница служит для предоставления пользователю выбрать интерфейс, соответствующий языку, размеру окна, типу броузера, наличия плагинов, коннекту и пр. Иногда сплэш-страница служит одновременно рекламой контента и заглушкой к закрытым платным ресурсам сайта. Переход со сплэш-страницы сайта 2-го типа (см. выше) обычно осуществляется с загрузкой документа в окне броузера, то есть, в это случае предварительная загрузка – как ты ее не назови, хоть Интро, - не имеет смысла. Именно по причине того, что новая страница и загружается вновь. Если этот тезис требует основания, могу остановиться на этом подробнее, ты только скажи. Если мы имеем дело с сайтом, полностью выполненном на Флэше, картина несколько меняется. Структура его может быть следующей. В HTML-страницу встраивается флэшовый мувиклип, в котором и разворачивается все действо. Сайт тогда может быть выполнен так, что переход к любой из его частей не вызовет перегрузки окна броузера, потому что имеет Флэш такую возможность обмена данными с сервером, предоставляя разработчику механизмы, основанные, в частности, на функциях loadMovie и loadVariables. Тогда действительно можно изящно реализовать и фоновую подгрузку больших объемов информации во время проигрывания того, что ты называешь Интро. Таково, в общих чертах, мое видение проблемы. Если ты уточнишь задачу и пояснишь, о каком типе сайта идет речь, мы сможем углубиться в рассмотрение конкретных идеологических и им соответствующих технических моментов, нюансов и подробностей, которые могу существенно разниться в зависимости от поставленной задачи. |
АВИ 7 - 18.09.2004 - 03:00 |
Уже теплее... Согласен, если сайт выполнен целиком на Флеше, можно творить чудеса. Но к сожалению даже версия МХ не может работать с большими объемами текста. Размеры файлов возрастают до бесконечности. Да и редактировать тексты во Флеше не тоже, что на Ворде. Можно конечно подгружать из внешних текстовых файлов, но я например не смог добиться корректного отражения кириллицы. Следовательно от HTML никуда не деться. Постораюсь объяснить то, что я хотел сказать: ПК пользователя при ПЕРВОМ вхождении на сайт не только отображает его в браузере, но и копирует файлы сайта в папку временных файлов интернета, для считывания их в дальнейшем в автономном режиме и ПРИ ПОВТОРНЫХ ВХОЖДЕНИЯХ НА САЙТ. Например, флеш-вставки и jpg и gif при совпадении даты и еще незнаю чего не скачиваются из интернета при повторном вхождении, а считываются из вышеуказанной папки на ПК пользователя. Если конечно насторйки по умолчанию не изменены. Ты наверное сталкивался с тем, что изменив флешку , входишь на сайт как пользователь и видишь старую версию флешки, хотя на сервере в интернете давно уже лежит новая. Теперь ближе к теме: Смысл в том, что на странице Интро работает флешка, мувик длительностью 1-2 минуты. Пользователю при первом вхождении интересно посмотреть его до конца, что он и делает.Пока он это делает НТМL страница (Интро)продолжает загрузку объемистых картинок, которые используются далее в сайте. Пользователь нажав кнопочку Rus включает загрузку главной страницы сайта. А большинство объемистых картинок уже считано и мгновенно открывается в сайте. Это создает у пользователя иллюзию быстрой загрузки. При повторных вхождениях, пользователь не дожидается конца муви-клипа и жмет кнопку Rus. Но сайт все-равно быстро грузится,т.к. часть файлов подчитывается уже из временной папки на жестком диске. Вот как это сделать практически я и спрашивал. |
Любопытный варвар 8 - 19.09.2004 - 00:02 |
Это хорошо, что теплее - есть надежда, что дотянем до начала отопительного сезона без насморков и простуд, с одной стороны, и, с другой стороны, без вынужденных излишеств с употреблением спиртных напитков сугрива ради, ибо, по меткому выражению Сергея Есенина, "осыпает мозги алкоголь". Хотя, как ты уже успел убедиться на практике, есть во Флэше определенные траблы, когда речь заходит о тексте, с которыми без бутылки никак не разберешься. И, разумеется, эти недостатки становятся особо выпуклыми, если нужно работать с большими массивами текста. Да, можно и, зачастую, нужно подгружать текст из внешних файлов, благо от многих проблем легко избавляют привнесенная в MX 2004 такая полезная фича, как useCodePage, и простое, наглое, циничное и увеличивающее вес СВФки встраивание шрифта. Но даже несмотря на эти ухищрения и подпорки, Флэш продолжает удручающе тормозно работать с текстами, иначе — буде эти недочеты устранены — традиционный HTML можно было бы просто похоронить, устроив ему пышные поминки, сопровождающиеся дикими, разнузданными, пьяными оргиями. Теперь об Интро собственно. Сама по себе схема загрузки, которую ты предлагаешь (показ Флэш-заставки, предваряющий показ контентной страницы, покуда последняя загружается в фоновом режиме без ведома ничего не подозревающего пользователя), конечно, имеет право на жизнь, хотя и не лишена некоторых мелких недостатков. Например, это Интро — само по себе лишняя сущность, не несущая никакой информационной нагрузки, кроме наличия выбора между русской и нерусской версией. Говорю это, судя по тому, что пользователь должен нажать на кнопку Rus. При этом пользователь по любому попадет именно на русскую страницу, поскольку, судя по всему, речь идет именно о некоей целостной конструкции в пределах одной страницы. И для того, чтобы попасть на нерусскую версию, ему придется нажать на кнопку, вызывающую переход на другую страницу, что будет само собой сопровождаться ожиданием загрузки этой версии страницы после того, как уже было потрачено время на закачку страницы-Rus. Либо, чтобы избежать перехода по УРЛ, сформировать страницу так, чтоб она содержала обе (если их всего только два) языковых версии и нужная показывалась, а ненужная бы пряталась средствами DHTML/JavaScript. Нелепость, громоздкость и нецелесообразность последнего варианта мне кажутся столь очевидными, что я с твоего позволения даже не буду на нем останавливаться, хотя, если хочешь, мы можем об этом поговорить. |
Любопытный варвар 9 - 19.09.2004 - 00:03 |
(продолжение) Если же я тебя неправильно понял, и сайт не имеет никаких других языковых версий, и кнопка Rus просто безусловно переключает пользователя на текущую страницу, то и в этом случае Интро, по моему скромному мнению, является излишней сущностью, подлежащей беспощадному отсечению бритвой Оккама. И вот почему. Во-первых, пришедшему на твой сайт пользователю вряд ли будет известно, что под этой Флэшовой личиной скрывается нужная ему информация, которую обязательно он увидит, вот-вот увидит, сейчас, вот только он дождется загрузки ролика, его проигрывания, тогда уже ему останется всего-то ничего, он только должен будет нажать на Rus-кнопку. То есть, для того, чтобы посетитель не ушел с твоего сайта навсегда, так и не дождавшись полного отыгрывания сценария, придется, как минимум, написать краткую инструкцию юзера по использованию своего времени в процессе ожидания, типа «старик, ты погоди сваливать,сейчас загрузится флэшина, потом она немножко поиграет красками и звуками – тебе понравится, к тому же это недолго, каких-то две минуты, — затем появится кнопочка, нажав на которую ты узнаешь все, что хотел знать, но боялся об этом спросить. Причем, заметь, старина, клик по этой кнопочке не будет сопровождаться переходом по УРЛ, а страница предстанет пред твоим пытливым взором мгновенно! Постой, постой, ты куда? Что? Кого ты на хрен посылаешь, козёл!..» Во-вторых, предположим, что кнопочка Rus показывается пользователю либо сразу, при начале проигрывания ролика, либо и вовсе существует в виде графической или текстовой ссылки отдельно он Интро. Готов поклясться, что большая часть впервые пришедших пользователей воспользуется этой кнопочкой немедленно, не дожидаясь проигрывания ролика, после чего посетитель останется один на один с пустой загружающейся страницей. («Почему чукча не любит сигареты с фильтром? Потому что когда выкуришь фильтр, дальше все равно, что с фильтром, однако»). В-третьих, юзеру, уже поднаторевшему в обращении с твоей страницей, все равно придется кажный раз тупо жать эту Rus-кнопку при заходе на сайт. Но, кстати, эту проблему можно обойти при помощи использования куки, тогда само Интро не будет показыватся при повторных посещениях вообще. Для тех, у кого эти куки в браузере включены. В-четвертых, ИМХО, опять же, не совсем уместным будет этот сценарий в случае, если пользователь попадет на входник твоего сайта, перейдя по ссылке со страницы второго уровня, на которую он может прийти и с поисковика. Дабы отсечь такую возможность, тебе придется либо принимать меры по запрещению индексирования всех страниц, кроме входной, либо убрать с этих страниц ссылку на Хоум, либо отлавливать юзера по реферреру… Скажи, оно тебе надо? |
Любопытный варвар 10 - 19.09.2004 - 00:05 |
(окончание) Ну, если не надо, то и Бог с ним, пусть юзер смотрит, что ему показывают, зря старались, рисовали-кодили, что ли? Это не полная, а демонстрационная версия карты минного поля, по которому тебе придется ходить, освещая свой путь вспышками молний (как, кстати, «вспышка молнии» будет по-английски?). При всем при этом я вовсе не настаиваю, чтобы ты принял во внимание всем мои предостережения, просто, я высказал свои соображения по этому поводу. Теперь попробую ответить о практической реализации рассматриваемой схемы. Думаю, что одним из самых вариантов решения будет примитивная DHTML-конструкция. В общих чертах: Страница бьется на две части – одна содержит интро, другая — остальное. Эти части рассовываются в два отдельных DIV`а. Первый, интровый, по умолчанию делается видимым, второй, контентный, невидимым. Нажатие кнопки Rus вызывает простейшую функцию Javascript, которая убивает слой с интро и показывает контент. <style> .intro {VISIBILITY: visible; z-index: 10; } .content {VISIBILITY: hidden; } </style> <script> function hide() { showIntro.style.visibility='hidden'; showContent.style.visibility='visible'; } </script> <div id="showIntro" class="popup">Здесь находится Интро с кнопкой Rus, вызывающей фунцию <div> <div>Здесь – остальная часть сайта, должная быть показанной после нажатия кнопки Rus</div> Это самая простая конструкция. Здесь можно использовать и style.display = none. |
Любопытный варвар 11 - 19.09.2004 - 00:12 |
Сорри, в последней строке кода не указал идентификатор контентного слоя и его класс, задающий невидимость: <div id="showContent" class="content">Здесь – остальная часть сайта, должная быть показанной после нажатия кнопки Rus</div> |
АВИ 12 - 19.09.2004 - 01:57 |
Ну вот и дошли до сути... К сожалению DHTML и Javascript я не знаю. Хотя последний должен быть похож на Флешевский экшинскрипт. Вот если бы можно было писать на турбопаскале или СУБД... Насчет злополучного интро: Я меняю дизайн сайта нашей организации, и руководство хочет эту Интру. Так что выбирать не приходится, нужно слепо выполнять. Поэтому я и начал интересоваться, чтобы извлечь из этого хоть какую-нибудь пользу. Начальство не переубедишь, оно хочет как у людей. Хотя это еще пол беды. Когда я сделал первую версию сайта, они вмешались в святое, в ДИЗАЙН и заставили половину переделать. Вот кошмар получился! Но им нравилось. На этот раз у меня вобще никаких мыслей по дизайну, что скажут, то и состряпаю. Я ж любитель. |
Любопытный варвар 13 - 19.09.2004 - 16:18 | Очень тебя понимаю, АВИ, тут ничего не поделаешь — форс-мажор, батенька, обстоятельства непреодолимой силы, причем, тупой и самонадеянной, самодурской силы. "Я начальник, ты — дурак". Менталитет, однако. Тогда сделай им эту Интру просто в виде сплэш-страницы, то есть, индексный файл корневого каталога будет содержать анимированную заставку, крутую, навороченную, неимоверно весящую, повесь на нее невидимую кнопку для перехода в любой момент, вне зависимости от сценария, допустим, на русский контент, выведи в конце проигрывания заставки кнопки перехода на все соответствующие языковые версии, и продублируй эти точки входа текстовыми или графическими гиперссылками для самых нетерпеливых (а их будет очень много в числе посетителей сайта) или не имеющих флэшового плагина по тем или иным причинам ("пропустить заставку", "skip intro", "passer `intro", "бамбарбия кергуду"). И не заморачивайся, и не парься. |
АВИ 14 - 20.09.2004 - 01:19 |
Подумал тут на досуге и решил, сделаю наверно сайт полностью на флеше с прелоадом ( он же по совместительству интро) маленького размера, но с длительной игрой. Сам сайт будет без полос прокрутки на любом разрешении - этакая красивая заморочка с меню, анимированными картинками и незначительным объмом текста. Насчет обновляемого текста думаю так: он будет загружаться в отдельных окнах (браузера без шапки), прямо поверх сайта. Тем более, начальство хочет заниматься обновлением само. Вот пусть верзает на Ворде и сохраняет в HTML-формате, можно даже с картинками. Блокнот для этого слабоват, хотя файлы были бы маленькими. Да и на Ворде файлы получаются не слишком тяжелыми, если не вдаваться в дизайнерство. Пять-шесть постоянных страниц сайта можно выполнить в виде подгружаемых по мере надобности swf файлов. А что, правда есть люди у которых нет флеш-проигрывателя в браузере? |
Любопытный варвар 15 - 20.09.2004 - 09:20 |
Здорово ты задумал им отомстить, я бы ни в жисть не додумался до такой откровенной издевки над своим начальстовом, даже будучи в состоянии крайнего раздражения. Впрочем, думаю, что ты можешь творить это глумление над юзабилити совершенно безнаказанно, бо, расказанного тобой о твоем руководстве вполне достататочно, чтобы быть уверенным — оно, начальство, этого просто не поймет, даже если какой-нибудь "доброжелатель", тыча пальцем в монитор, будет говорить ему "Смотрите, да это же откровенное вредительство!" Чтож, они этого вполне заслуживают, так поимей с сиутации хотя бы, как минимум, моральное удовлетворение. А при удачном раскладе — и материальное. Люди, у которых нет Флэша, на белом свете есть, и это отнюдь не такая уж и фантастика, как снежный человек, поедающий сыр "Хохланд". Например, в большой компании, предоставляющей своим сотрудникам служебный доступ в Интренет из локальной сети, вполне могут быть запрещены какие-либо изменения в настройках броузера, в соответствии с корпоративной политикой безопасности, что просто не позволит им проинсталлировать нужный плагин. Ну и правильно, нефиг шастать по Сети в рабочее время и цеплять на комп всякую гадость. Кроме того, есть такие снежные люди, которые у себя не ставят Флэш намеренно, несмотря на то, что имеют все возможности для проведения этой несложной процедуры. Moreover, эти йети даже гордятся тем, что у них нет Флэша. Впрочем, процент сиих маргиналов сравнительно невелик, да и люди с таким менталитетом вряд ли окажутся в числе потенциальных VIP-клиентов вашего предприятия. |
АВИ 16 - 20.09.2004 - 22:03 |
Мстить и издеваться не хочу, просто редактировать постоянно в падлу...Информация частенько меняется, запарила рутина. Тем более все на чистом энтузиазизме. Глвное основные страницы будут должным образом оформлены, чтоб не стыдно было за бесцельно прожитые дни за ПК. Хотя в смысле конкретных вариантов оформления в голове пустота. Надо полазить по навороченным сайтам, поучиться. Один вопрос: Ты что то упоминал об утилите с помощью которой можно корректно отображать подгружаемый в swf тектовый файл. У меня отображаются одни скобочки и закорючки. Латиница и цифры отображаются без изменений. Что это за прибамбас? И где его скачать? |
Любопытный варвар 17 - 20.09.2004 - 23:24 |
Нет, это не утилита, это не документированная в хелпе фича самого Флэша — System.useCodepage. Включается строкой кода System.useCodepage = true; Вот статейка по этому поводу: http://flash-ripper.com/archives/000053.htm Еще, крокозябры в динамическом тексте и полях ввода можно надежно пофиксить простым встраиванием шрифта (правда, это увеличивает вес SFW), при условии, что шрифт сам по себе действительно русифицирован, т.е. содержит кириллические символы. |
АВИ 18 - 22.09.2004 - 02:02 |
Благодарю за помощь! Самый последний вопрос: Где можно посмотреть по настоящему достойные в смысле дизайна сайты? |
Любопытный варвар 19 - 22.09.2004 - 13:22 |
Посмотреть есть много где. Навскидку попробую припомнить. Мне нравится, как работают команды Артемия Лебедева http://www.artlebedev.ru и http://teletype.ru Сайт мастера http://www.kiokenuk.com/ Также много хороших сайтов можно увидеть на http://coolhomepages.com http://k10k.net/ http://www.linkdup.com/ http://www.australianinfront.com.au/ http//netdiver.net http//www.cwd.dk http//www.styleboost.com Экзотика - корейцы шуруют вовсю: http://dbcut.com И много, много других. . Желаю удачи. |
АВИ 20 - 22.09.2004 - 22:22 |
Благодарствую! Удачи! |