ВыWEBнись Stylьно! Тестируем ImageStyler
Xakep, номер #033, стр. 033-018-4
Пусть тебя сильно не пугает цифирь в 60-100 кило, если в твоем проекте много одинаковых объектов (кнопочки, бордюрчики и т.д.). Это вполне фиксибельно. В общем, дави "File/Export", выбирай папку, вводи имя файла и жми "Сохранить". В выбранной дире появится html-ка с тем самым имечком и папка Images с jpeg-гами.
Оптимизация посредством кастрации
Если ты расположил свои объекты не одной большой кучей, а оставил между ними небольшие промежуточки, то прога порежет их вполне нормально, то есть один объект - один jpeg. Но если картинки и надписи слиплись вместе, то ты получишь самые немыслимые куски своих творений. Поэтому располагай все посвободнее.
С оптимизацией у этой софтины очень туго. Допустим, ты разграничил колонки текста столбиком рельефных точек. Каждая точка для ImageStyler-a - отдельный файл. И ему плевать, что они идентичны. Скажешь, что вес такой точки - мизер. Да, 400 байт, но у меня их набралось 120 штук, или 46 килобайт(!), и еще 119 лишних файлов. Половина веса паги - мусор! А еще есть кнопочки, каждое состояние которых (при контакте с мышкой) тоже отдельный файл, то есть 4 вместо 2-х (помнишь, не нажатое и отпущенное состояния и наведенное и нажатое состояния обычно совпадают). Что же делать?
Есть два способа: цивилизованный и дикий. Цивилизованный заключается в импорте изображений в Фотошоп для доводки и подрезания либо сразу в jpeg и в использовании визуального html-редактора (GoLiv-a того же самого). Дикий означает, что ты создаешь страницу ImageStyler-ом со всеми недостатками, а потом кастрируешь их Блокнотом. Сейчас объясню как.
Грузани страницу в бродилке. Теперь кликни на изображение своей точки правой заклепкой мыша. Ты получишь инфу о файле: его название (что-то вроде projectimage7.jpg) и размеры изображения. Сделай backup-копию проекта. Теперь открывай html-ку в Блокноте и ищи в тегах таблицы (<td> и <tr>) название первого файла, содержащего точку, запоминай значения параметров width и high. Далее все imageX с такими параметрами заменяй названием самого первого файла. Удаляй лишние файлы из директории Images. Грузи страницу в Осле и мучительно вспоминай, что же такое не то ты удалил 8).
Также можно вносить и текст. Загнать в макет страницы прямоугольники, на месте которых должны быть слова, а потом, правя файло в Блокноте, заменить их на эти самые слова.
Казнить нельзя помиловать!
Вот, запятую в предыдущей фразе тебе придется ставить самому. С одной стороны ImageStyler позволяет просто элементарно забацать красивые надписи, эмблемки, бордюрчики и прочую графическую мишуру для твоего сайта, причем богатство настроек дает возможность добиться чего-то неповторимого. Кроме того, тебе не нужно будет резать уже готовый проект на части - это будет сделано за тебя. Но, с другой стороны, чтобы комфортно работать с этой софтиной, тебе понадобится еще туча других: Фотошоп, Иллюстратор, GoLive - в общем, почти вся линейка ADOBE. Вот такой неслабый PR :). Если все это у тебя и так есть, имей, однозначно! Если чего-то не хватает, то готовься качать проги и насиловать Асталависту. Ведь приличный угол в iNet-е иметь все-таки хотца!
