Не ОС красит веб...
Пара практических занятий. Занятие первое
Сергей Трошин
Любая работа влияет на человека, и порой крайне неожиданно. Нередко это сводится к неравномерному развитию или неразвитию (!) его тела, интеллекта, сознания и, если угодно, души. Например, очень заметно это у профессиональных теннисистов, у которых гипертрофированная рабочая рука иногда чуть ли не в два раза толще в обхвате, чем нерабочая (та, которая с ракеткой меньше знакома).
Но широко распространенные профессиональные заболевания - не самый критичный фактор влияния на судьбу человека тяжелых или вредных условий труда. Слишком много в нашем мире занятий, воздействующих на человека менее заметно, чем физическое напряжение, но приводящих к более тяжелым последствиям, когда на поверхность всплывают самые темные стороны личности - начиная от службы в ГИБДД и заканчивая держанием за министерские портфели.
Помнится, в былые времена в нашей атеистической стране некоторые активные товарищи спорили - бытие определяет сознание или наоборот? Не знаю, помогло бы разрешение этого вопроса гармоничному развитию человека, но сегодня мы, к сожалению, наблюдаем сплошные перекосы. Немного утрируя, можно сказать, что "квартирный вопрос" (быт и работа) продолжает свое вредное воздействие на народонаселение.
Добропорядочный гражданин, попавший в органы нашей родной власти, вдруг становится махровым взяточником или казнокрадом, а любящая, заботливая мать, приходя на работу в захолустную нищую поликлинику, превращается в равнодушного и глухого к чужим проблемам врача. Раньше, кажется, самым ярким повседневным проявлением подобного влияния условий работы на сознание человека были продавцы совковых магазинов - их хамство и наплевательское отношение к покупателям стало благодатной почвой для анекдотов.
Но все меняется - вместе со сменой правил игры изменилось и поведение сегодняшних торговцев. И вот уже самым раздражающим фактором при общении с ними становится невероятная их навязчивость: "А что вы ищете?", "А чем я могу вам помочь?", "А что вам показать?". От подобной распугивающей покупателей "любезности" (читай - желания всучить хоть что-то) лично меня уже тошнит, и, заслышав первые звуки этих дежурных фраз, я еле сдерживаюсь. Видимо, никуда от этого не денешься...
Но даже самый, казалось бы, безобидный род занятий непременно воздействует на человека. Например, на мое сегодняшнее существование накладывает довольно заметный отпечаток специфика весьма напряженной работы с компьютерами и всем, что с ними связано. Проявляется это в значительном сужении круга интересов грубо говоря, вся жизнь вертится возле (читай выше)…
Горы книг на полках - и ни одной художественной среди последних приобретений, сплошь компьютерная тематика. Приятели забыли, когда в последний раз я появлялся на теннисном корте. Все реже жене удается меня заманить в театры и кино. В результате - явственно наметившееся от сидячего (за клавиатурой) образа жизни брюшко и ощущение постепенного отупения. Кто-то сказал: "дилетант - тот, кто знает о многом по чуть-чуть, а профессионал - тот, кто знает много, но лишь об одном предмете".
И ради чего, спрашивается? Нет, есть, наверное, исключения, когда высококлассный узкий специалист, абсолютно ничего не знающий об окружающем мире за пределами своих профессиональных интересов, остается личностью, притягивающей других людей. Но на ум мне приходит только выдуманный Шерлок Холмс. В реальности же такому влиянию поглощающей тебя целиком работы надо сопротивляться изо всех сил, стараясь остаться разносторонне развитым человеком, не зацикливаясь на одном занятии, что, конечно, очень непросто.
Дисгармонию я наблюдаю даже в своем поведении в интернете - среди избранных сайтов сплошь компьютерные да справочные. Несколько сайтов электронных библиотек - лишь исключение, подтверждающее правило. Но зато такое погружение в предмет изучения приводит иногда к весьма забавным открытиям.
Так, в Сети огромное количество ресурсов, посвященных операционным системам, а Windows, наверное, в этом отношении вообще вне конкуренции. Сайты, посвященные этой системе, создают и начинающие любители, и профессионалы экстра-класса. Полезные советы, решение проблем, устранение глюков, недокументированные возможности настройки Windows - все сегодня можно найти в интернете.
Порой мусолятся одни и те же прописные истины, а порой натыкаешься на такие глубокие исследования, что просто диву даешься. Великое множество домашних веб-страничек и крутых сайтов посвящено и веб-дизайну, еще одной популярной у современной молодежи теме, а знатоков HTML не меньше, чем "любителей" Windows. Но среди этого моря статей по операционным системам и веб-дизайну я пока не встречал хоть сколько-нибудь серьезного рассмотрения вопроса настройки так называемого веб-вида папок в окне Проводника Windows 9x.
Дело в том, что дилетанту без приличного знания операционной системы, HTML, VBScript и JScript воспользоваться этим инструментом более чем затруднительно, поскольку основан он именно на Dynamic HTML. Да и документации от Microsoft по этому вопросу - минимум, а независимые профессиональные системщики и веб-дизайнеры как будто хором воды в рот набрали. А все оттого, что каждый из них не видит дальше своей узкой области деятельности: большинство специалистов по ОС недостаточно обращают внимания на HTML, а веб-дизайнеры плохо знают и мало интересуются особенностями Windows.
Негативное влияние узкого профессионализма привело к тому, что технология на стыке HTML и системного администрирования остается брошенной на произвол судьбы. А ведь оплеванная всеми, кому не лень, интеграция оболочки операционной системы с Internet Explorer - одно из самых замечательных свойств Windows, дающее в руки пользователя мощнейший инструмент настройки интерфейса ОС, и появилась она не вчера, а 3 года назад, когда вышел революционный IE 4.
Просто у ее критиков все это время не было желания вникнуть в особенности ее использования и понять все преимущества, которые она дает. Мне удалось найти всего несколько сайтов, на которых приводятся несколько устаревшие приемы использования HTML-ориентированного интерфейса Windows. Но, возможно, я еще не совсем деградировал под тлетворным влиянием "глюков" Windows, а потому попробую по мере своих сил немного восполнить этот пробел.
Комментарий к папкам
Для начала в меню View ("Вид") установите флажок "Enable web contents in folders" ("Как веб-страница"), тем самым вы включите режим веб-интеграции. Хотя, скорее всего, этот режим уже активирован. Запустив Проводник, вы увидите (если убрать дерево папок), что его окно состоит как бы из трех частей: большого поля со значками файлов и папок справа, графических элементов в верхнем левом углу и информационной панели, расположенной в левой нижней части, на которой отображаются сведения о выбранных файлах.
Это и есть исходное представление в виде веб-страницы, которое, как обычный HTML-документ, можно полностью преобразить, для чего в Windows предусмотрена специальная программа. Если в меню View ("Вид") Проводника Windows Me вы выберите команду "Customize this folder" ("Настроить вид папки"), то обнаружите почти неиспользуемый пользователями мастер настройки веб-вида папок.
Отчасти невостребованность этой функции у юзеров связана именно с этим мастером - уж очень примитивные настройки он предлагает:
- Choose or edit an HTML template for this folder (Создать или изменить HTML-шаблон для текущей папки);
- Modify background picture and filename appearance (Изменить фоновый рисунок и отображение имен файлов);
- Add folder comment (Добавить комментарий к папке).
Также предусмотрено удаление всех пользовательских установок и возврат веб-вида к исходному варианту.
(Шаблоны в Windows 98 сильно отличаются от шаблонов более проработанной Windows Me, а работает все это хозяйство несколько хуже, чем в "Миллениуме", а потому оговоримся сразу - мы рассматриваем самую свежую на сегодняшний день версию ОС семейства 9x - Windows Me плюс Internet Explorer 6.0. Разумеется, по аналогии вполне можно поэкспериментировать и с Windows 98, да и в Windows 2000 / XP многое сработает, но это я предоставлю нашим читателям в качестве домашнего задания.)
Для чего же надо было городить такой огород? Какая польза в интеграции браузера и файлового менеджера, требующей немалых системных ресурсов? А вот представьте себе - имеется у вас на диске обширная коллекция музыки в формате MP3. Вы аккуратно распределили все по специальным папкам в соответствии со стилями, исполнителями, альбомами.
Так вот, благодаря веб-виду можно, например, сделать так, что, когда наводишь курсор на каждую такую папку, в левой части Проводника - там, где располагается зона предпросмотра (она же информационная панель), - будет появляться изображение обложки компакт-диска, подобно тому, как отображается эскиз графического файла при выделении его мышью. Удобно. Приятно.
Делается это довольно легко с использованием такой функции веб-вида, как комментарий к папкам. Но если, находясь в выбранной папке, вы запустите мастер настройки веб-вида и попытаетесь добавить комментарий к папке штатными средствами Windows, то обнаружите, что по умолчанию все ограничено лишь примитивным текстом в рамке, причем даже никаких параметров этого текста задать нельзя - ни цвет, ни размер, ни шрифт.
О том, чтобы добавить еще и картинку, вообще речи не идет. Соответственно, при наведении мыши на такую папку в зоне предпросмотра появляется лишь большое скучное поле с сиротливо притулившейся на нем введенной вами фразой. Не стоит обращать на это внимания. Мастер - лишь вспомогательное средство, а вся работа по облагораживанию Проводника проводится вручную и не так сложна, как может показаться сначала.
Итак, после того, как с помощью мастера вы добавили простейший комментарий к папке - например, ввели название исполнителя и альбома, который в ней размещается, - откройте эту папку. Если у вас разрешено отображение скрытых и системных файлов, то вы обнаружите, что в ней появились служебный файл desktop.ini и скрытая папка Folder Settings.
В папке Folder Settings содержится пока единственный файл - comment.htt. А в desktop.ini мы видим строки:
[.ShellClassInfo]
HTMLInfoTipFile=file://Folder Settings\comment.htt
- которые, собственно, и говорят Проводнику, что для этой папки задан индивидуальный комментарий и описывают путь к файлу с ним. HTT-файлы придуманы Microsoft (расшифровывается "HyperText Template" - гипертекстовый шаблон) и являются фактически обычными HTML-документами (различия с HTML мизерные - добавлено опознавание трех переменных: %THISDIRPATH%, %THISDIRNAME%, %TEMPLATEDIR%), которые вполне можно отредактировать, если немного знать язык гипертекстовой разметки или уметь работать с каким-нибудь HTML-редактором.
Правда, визуальные редакторы типа Dreamweaver или FrontPage подходят для этого мало, поскольку в HTT-файлах содержатся в основном сценарии VBScript и JScript. Но в случае с comment.htt, самым простым файлом-шаблоном, визуальный редактор вполне сгодится. (Имхо, лучший редактор гипертекстовой разметки - 1st Page
(www.evrsoft.com); мало того, что он один из лучших текстовых HTML-редакторов, мало того, что он обучает пользователя языку HTML в процессе написания кода, мало того, что он включает в себя сотни скриптов и полный справочник по DHTML, - он к тому же абсолютно бесплатный - прим. ред.)
Открыв этот файл, вы обнаружите код примерно такого вида:
<body style="background: infobackground; color: infotext; margin-top:1; font: menu">
Это мой комментарий к папке!
</body>
Как видите, все примитивно как лопата: примерно так звучал бы код нашего комментария, если бы мы делали HTML-документ, состоящий из одной-единственной фразы, только опущены некоторые обязательные для HTML-файлов теги.
Но такая простота нас не устраивает, этот код надо заменить. Запустите теперь ваш любимый HTML-редактор и создайте в нем новый документ, в который поместите, например, изображение обложки альбома, его название или еще какой-либо текст. Разумеется, выберите нужный шрифт, цвета, размер, то есть сделайте все, что обычно происходит при составлении простейшей веб-странички.
После этого измените содержание файла comment.htt, переместив в него все, что прописалось между тегами <body> и </body>. Получится что-то типа этого:
<body bgcolor="#CCCCFF" text="#FF0000" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" scroll=no>
<p align="center">
<font color="#FF0000">
<b>Kraftwerk</b>
</font><br>
<img src="image.bmp">
</p>
</body>
Картинку с изображением обложки диска image.bmp, размером примерно 120 х 120 пикселей не забудьте поместить в папку Folder Settings. Если есть желание, то можно сделать даже анимированный GIF-файл на прозрачном фоне, чтобы изображение как бы медленно проявлялось на экране, что повергнет в трепет всех ваших знакомых "чайников".
Теперь запускаем Проводник, наводим мышь на нашу папку и в левой части окна видим фотографию компакт-диска, треки с которого хранятся в этой папке. Лепота! Единственное, что удручает - горизонтальная полоса прокрутки в нижней части зоны предпросмотра. Дело в том, что по умолчанию веб-вид всех папок, для которых он специально не задан, расписан в файле C:\Windows\Web\folder.htt - в нем-то и присутствует то ли "бага", то ли "фича", приводящая к появлению на некоторых системах этой неприятной полосы прокрутки.
Откройте вышеупомянутый файл и найдите в самом его начале такую строку:
.Message {width: 100%; frameBorder: 0; background: infobackground; color: infotext; border: 1px solid lightgrey}
Это и есть параметры поля с комментарием. Измените параметр "width: 100%" на "width: 90%" и полоса прокрутки пропадет, поскольку ширина этого поля немного уменьшится.
Конечно, любой, кто неплохо разбирается в HTML, сможет еще больше развить эту идею, вплоть до помещения в поле комментария всяческих Java-скриптов, кнопок, анимации и прочей атрибутики, я же показал самый простой пример использования самой простой функции интеграции Internet Explorer с операционной системой, применить который на практике под силу почти каждому - изменения требуют лишь несколько строк HTML-кода.
Фон папок
Но пойдем дальше. Следующая опция мастера настройки веб-вида папок - изменение фонового рисунка и цвета шрифта названий файлов. Благодаря все той же веб-интеграции для любой папки можно назначить фоновый рисунок точно так же, как для любой веб-странички. Лучше использовать текстуру, которая, будучи размноженной и многократно уложенной, подобно черепице, создаст нейтральный фон, на котором не будет заметно стыков между фрагментами этой мозаики.
Для создания такого фона подойдут специальные программы типа TeraLogic Texture Maker
(www.swb.dk/win/grafik/txtmaker.htm), которая умеет делать "черепички" фона, укладывающиеся на страничку без видимых швов и образующих равномерное покрытие. Но самое простое - одноцветный фон. Для его создания достаточно простейшего графического редактора Paint - сделайте в нем небольшую однотонную квадратную картинку размером порядка 100 х 100 пикселей, расцветка которой должна соответствовать вашем замыслам.
Поместите эту картинку в директорию Folder Settings и запустите снова мастер настройки веб-вида папок, в котором в качестве фонового изображения укажите вашу текстуру и задайте цвета для шрифта, которым отображаются названия файлов, чтобы они были хорошо читаемы на цветном фоне. Цвет надо задать и для подложки названий файлов - он должен быть таким же, как и фон странички, чтобы под названиями не было некрасивых прямоугольников.
В результате в файле desktop.ini появятся новые параметры:
IconArea_Image=Folder Settings\background.bmp
IconArea_Text=0x00800000
IconArea_TextBackground=0x0000FFFF
К сожалению, большего из настройки фона не вытянешь, и, кроме этих трех параметров, на данном этапе ничего полезного изменить нельзя.
Опять запускаем Проводник и смотрим, что же получилось. И опять видим, что функция эта сделана явно на скорую руку: фон зоны предпросмотра, в отличие от панели со значками файлов не изменился, а остался все таким же не вписывающимся в общую картину белым пятном, что в корне портит весь замысел. К счастью, цвет этот тоже можно изменить вручную, но для этого нам надо перейти к самой сложной и интересной части наших экспериментов, а именно к редактированию внешнего вида информационной панели.
Фон панели
предпросмотра
Основное назначение информационной панели, расположенной в левой части окна Проводника, - это, конечно же, вывод сведений о выбранном файле, а для некоторых типов файлов - еще и маленьких эскизов, позволяющих получить представление о содержимом файла. По умолчанию в Windows выводятся миниатюры графических и HTML-файлов. Для того чтобы изменить внешний вид этой панели или расширить число отображаемых в виде маленьких "превьюшек" типов файлов, снова воспользуемся мастером настройки веб-вида, в котором теперь отметим пункт "Создать или изменить HTML-шаблон".
К сожалению, Microsoft почему-то не довела до удовлетворительного состояния и этот раздел - пользователю предлагается всего лишь четыре типа готовых шаблонов, из которых наибольший интерес представляет Image Preview, предназначенный для папок с графикой (собственно, работу этого шаблона вы можете наблюдать на примере папки "My Pictures").
Поэтому опять придется все делать вручную. Выбираем для нашей экспериментальной папки стандартный шаблон (Standard) и ставим в мастере флажок "I want to edit this template" ("Отредактировать шаблон"). Открывается Блокнот с HTML-кодом шаблона.
Закрываем его ко всем чертям без всяких изменений. В данном случае редактировать этот шаблон в Блокноте, конечно, можно, но, во-первых, это неудобно - HTML-теги желательно бы иметь выделенными разными цветами, а строки пронумерованными, как это происходит, например, в мощных редакторах типа UltraEdit
(www.ultraedit.com) (или 1st Page - навязчивое прим. ред.). А во-вторых, стандартный шаблон довольно велик и на каком-то этапе Блокноту просто не хватит памяти и он не сможет сохранить все ваши труды.
Главная же функция проделанной операции и вызова Блокнота - создание в папке Folder Settings нового файла - folder.htt с шаблоном дизайна веб-вида папки. И вот его-то мы уже спокойненько открываем в любом специализированном редакторе (но не визуальном!) и приступаем к созданию нашего шедевра. В крайнем случае, откройте этот файл в WordPad.
Кстати, файл desktop.ini вновь изменился - теперь в нем добавились строки, указывающие, что для нашей папки создан индивидуальный шаблон, и задающие путь к нему. Плюс в папку Folder Settings оказались скопированы несколько графических файлов, отвечающих за оформление Проводника.
Мы остановились в предыдущей главе на том, что нужно изменить цвет панели предпросмотра. Находим в файле folder.htt строку:
<div id=Panel style="background: white url(wvleft.bmp) no-repeat left top">
- она должна располагаться почти в самом конце файла. Измените "white" на тот цвет, который вы ранее установили для фона папки, например, на "blue" или введите любой другой цвет в шестнадцатиричном виде, как это принято в веб-дизайне, например, "#FFFF00" для желтого цвета или "#4040FF" для голубого (для того чтобы узнать, какой код у какого цвета, удобно использовать продвинутый графический редактор типа Jasc PaintShop Pro, но, думаю, вы без особого труда найдете и другие программы, умеющие выражать цвета в любом из стандартов) и получите полностью однотонное окно Проводника без неприятного белого поля предпросмотра.
Но если вы обратите на верхний левый угол Проводника, то увидите, что картинка, на фоне которой расположен значок папки, изменилась - вместо "миллениумовских" цветных квадратов оказались какие-то неказистые облака.
Дело в том, что программеры Microsoft, по-видимому, недоглядели и допустили маленькую ошибку - в "умолчальном" файле C:\Windows\Web\folder.htt (который, как я уже говорил, применяется по умолчанию для папок, вид которых не настроен индивидуально) в строке <div id=Panel style="background: window URL(wvleft.gif) no-repeat left top"> прописано использование для этого изображения файла wvleft.gif, а в стандартном шаблоне (файл standard.htt), которым мы воспользовались, на его месте уже почему-то оказался wvleft.bmp - совсем другой файл.
Поэтому вам следует либо отредактировать по своему усмотрению файл wvleft.bmp так, чтобы он полностью соответствовал вашему глобальному замыслу (например, фотографию исполнителя вместо дурных облаков вставить), либо исправить опечатку в редактируемом нами файле folder.htt, чтобы использовался стандартный для всех папок файл wvleft.gif.
Разумеется, при этом wvleft.gif надо скопировать из C:\Windows\Web в папку Folder Settings (впрочем, сохранять исходное название этого файла необязательно - надо только, чтобы в folder.htt он был прописан верно). Точно так же очень легко изменить или убрать цветную полоску, которая подчеркивает имя папки на информационной панели - достаточно либо отредактировать файл wvline.gif из папки Folder Settings в графическом редакторе, сделав эту полоску, например, анимированной, либо изменить строку <img id=LogoLine src="wvline.gif"> в файле folder.htt так, чтобы использовался другой файл.
В принципе, можно в этот угол добавлять и другие элементы, например, третью картинку или ссылку на веб-сайт - для этого достаточно рядом со строкой <img id=LogoLine src="wvline.gif"> внести нужные изменения, но это оставим на ваше усмотрение - экспериментируйте. Желательно только чтобы эти графические элементы были в формате "прозрачный" GIF, дабы избежать цветовых нестыковок с фоном инфо-панели.
Вот таким образом мы с помощью несложных операций получили оригинальный и неповторимый внешний вид папки с музыкой любимой группы.
А на следующем "занятии" мы просмотрим весь файл folder.htt, чтобы понять, что же еще можно в нем изменить.
Продолжение следует...
Источник: http://www.computery.ru/upgrade/
|