5 июня 2004/

Walkaround

Нормальные герои всегда идут в обход….Английское слово это и означает (это не hang araund - шляться), и оно часто встречается на страницах сайта Дж. Зеддмана и его книги о WEB стандартах. Используя таблицу стилей - CSS - при создании интернет страниц попадаешь в разные непредвиденные ситуации. Я попал в такую: фоновое изображение div (т.е. background) начинается под рамкой (border) в Explorer'е и внутри рамки в Nertscape. Вообразите, что у вас очень толстая рамка, тогда в Explorer'е часть фонового изображения будет закрываться рамкой, а в Netscape - нет.

Раньше я думал - что за интерес в этом всем копаться? Интереса мало, но сделать хорошо нужно. Тем более, что и можно, используя, опять же CSS. Теперь я это понимаю и сочувствую.

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

Понятия в CSS очень простые, но их столько, что все не стандартизуешь. Более того, делая отступ в один пиксель в своем CSS, я получал в EXPLORER отступ в два пикселя (а в Netscape - правильно) - можно сойти с ума! Благо отступы с тем же эффектом можно делать в разных местах, и, сделав в другом месте, мне повезло!

А теперь самый главный вопрос - зачем это все нужно, почему не делать все с таблицами по старинке? Делается так, что все проблемы уходят в CSS, а структура HTML кода становится ясной и прозрачной (другой вопрос в том, что CSS тоже надо писать как-то удобоваримо, отдельными блоками, привязанными к отдельным частям HTML документа, чтобы не было "спагетти" ). Такой HTML легко "причесать" - преобразовать в XHTML (закрыть открытые тэги и еще кое-что), а дальше этот код уже можно использовать в той технологии XML и XSLT, о которой я уже писал 15 и 22 мая этого года. Еще раз подчеркну, что об этой технологии здесь говорится в специальном смысле - в привязке к "шаблонам" для страниц интернет-сайта (а не для сложного преобразования данных).

Несколько слов о http://www.diawards.ru- там довольно интересные FLASH анимации Впечатляет первая работа: анимация меню - появляется человечки, которые иллюстрирую пункты меню. Жаль, конечно, что они делают тоже самое при том же пункте меню (могли бы быть вариации), и к тому же человечки всегда на экране - что тоже утомляет

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

Еще одна работа - возникает карта сайта и вы сами выстраиваете меню, по которому будете двигаться - точнее выбираете для вас любопытные разделы и только ссылки на них оставляете в меню

И несколько слов о http://www.joshuadavis.com - там есть сайт для NOKIA. Все сделано полностью во FLASH. Фоны каждый раз новые и неподвижные - просто в той или иной степени случайное рисование. Подвижные фоны отвлекали бы внимание. А что если сделать летающие кривые (были на моем сайте) и их замораживать?

www.zonezero.com - рассуждения о том, что профессионалов оттесняют от репортажных снимков. Более половины снимков из Ирака идут в электронные издания. Легче и дешевле нанять непрофессионального фотографа, который имеет доступ к интересным - и даже сенсационным - объектам съемки (как было в Ираке с американским скандалом). Надо только снабдить его цифровой камерой и пусть себе щелкает до посинения, а потом мы отберем. Увы - уделом профессиональных фотографов может остаться лишь свадебная фотография, ну и конечно же FASSION…

И мой старый рисунок - curves для поднятия фона рисунка и save for web - gif two colors with dither