15 мая "Исходники.РУ" отмечают 20-летие присутствия в сети!
Поздравляем всех причастных и неравнодушных с юбилеем сайта!
И огромное спасибо всем, кто был с нами все эти годы!

Главная Информер Журнал Форум Wiki DRKB Discuz!ML Помощь проекту


HTML для вашего стола

Инна КАЛИНИНА


HTML, язык гипертекстовой разметки, позволяет не только создать Web-страничку высокого класса, но и доставить удовольствие даже тем пользователям, у которых нет Internet'а. В этой статье я бы хотела привести оригинальные примеры оформления вашего рабочего интерфейса с помощью FrontPage.

Чтобы "отредактировать" любую папку до неузнаваемости, вам понадобится файл Folder.htt. Выполните следующие действия в меню Вид: Настроить вид папки>Создать или изменить документ HTML>Далее. В любом месте открытого документа можно поставить пробел, после чего сохранить изменения - в папке появятся 2 скрытых файла (не забудьте установить опцию Показывать скрытые файлы). Открываем Folder.htt во FrontPage.
Выясните, в каком стиле вы хотели бы оформить папку, и подберите несколько понравившихся картинок *.bmp, *.jpg или *.gif, а также хотя бы один файл Gif Animation. Рис.1 - это то, что вы увидели при открытии файла Folder.htt. Теперь смело удаляем маленький серый элемент ActiveX, расположенный в левом верхнем углу (иконка папки). Не пытайтесь изменить размеры большого серого квадрата (тоже элемента ActiveX) - с ним мы поступим по-другому. Изменим цвет всей левой части папки (Left info panel). Для этого заменяем код

<!-- start left info panel -->

            <div id=Panel style="background-color: white; background-image: 
            url('file://%25TEMPLATEDIR%25/wvleft.bmp'); background-repeat: no-repeat; 
            background-attachment: scroll; background-position: 0%"> <p> 
            <object classid="clsid:E5DF9D10-3B52-11D1-83E8-00A0C90DC849" width=32 
            height=32> <param name="scale" value="100"> </object> 
            <p class=Title>
 <!--webbot bot="HTMLMarkup" startspan alt="<B><I>Web View Folder Title</I></B>&nbsp;" -->
 %THISDIRNAME%
 <!--webbot bot="HTMLMarkup" endspan -->			
 <p class=LogoLine> <img src="%TEMPLATEDIR%\wvline.gif" width=100% height=1px> <p>
 

на

 <!-- start left info panel -->
 <div id=Panel style="width: 204; height: 500" >
 &nbsp;
 <p class=Title>
 <!--webbot bot="HTMLMarkup" startspan alt="<B><I>Web View Folder Title</I></B>&nbsp;" -->
 %THISDIRNAME%
 <!--webbot bot="HTMLMarkup" -->
 <p class=LogoLine> <p>

Теперь поле для будущей деятельности полностью очищено, и достаточно один раз выбрать фон или заливку для всей левой части папки. Это можно сразу записать на HTML: в строчку <body scroll=no onload="Init()" > добавляем bgcolor="#000000" или background="адрес вашего фонового рисунка".
Пусть цвет левой части будет черным (bgcolor="#000000"). Потом заменим всем надоевшую четырехцветную линию (Logoline) на какую-либо другую. Для этого можно использовать любую картинку Gif или Gif animation. Теперь для красоты вставим еще один файл Gif Animation. На панели рисования находим кнопку Поместить вперед (Send Forward), нажимаем - теперь можете двигать картинку как угодно. Название папки и описания файлов могут быть плохо видны, поэтому их цвета лучше изменить на серебряный или белый. Расстояние между названием папки и описанием файлов можно немного увеличить, а шрифт сделать покрупней и поинтереснее. Две строки, определяющие название и описание файлов, будут выглядеть так:
p {margin-left:30px; margin-top: 55px; margin-right:0px;color:white}
p.Title {font: 38pt Coronet CE; font-weight: bold; margin-top:40px;color:silver;margin-left:36}
Теперь осталось выбрать фоновый рисунок. Я предлагаю открыть любой графический редактор, где есть градиентные заливки (например, Corel Photopaint), создать новый файл и полностью залить его растяжкой от черного цвета к белому. Сохраните этот шедевр в *.gif, *.bmp или *.jpg форматах. Важно подобрать размер рисунка так, чтобы при установке его в качестве фона не были видны повторения, а цветовое разрешение экрана было не менее 24 bit (True color). Примерно так будет выглядеть ваша папка (рис.2) после всех мучений:
По такому же принципу оформляем и Desktop. Уверена, не только мне надоели вездесущие иконки Windows. Что сделать, чтобы их больше не видеть? Вместо банального южного пейзажа поставить Web-страничку! Для начала удаляем все иконки, которые можно удалить. Остальные (корзина, мой компьютер) можно просто спрятать под главную панель, предварительно создав для них полностью прозрачную иконку, или же установить опцию Скрывать значки, если.... Теперь вновь открываем FrontPage. Предлагаю составить общую картину не из одной странички, а из нескольких. Для этого в код HTML добавляем:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Main_Page</TITLE>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
<META content="Microsoft FrontPage 4.0" name=GENERATOR>
<title>New Page 1</title>
</HEAD><FRAMESET border=0
cols=* frameBorder=0 frameSpacing=0><FRAME name=main noResize target="_blank" scrolling="no" src="new_page_5.htm">
<noframes>
<body>
<p>&nbsp;</p>
<p><br>
<br clear="right"> </p> </body>
</noframes>
</FRAMESET></HTML>
Далее в меню Frames выбираем Split frames. После чего подыскиваем радующий глаз фон, а вместо ярлыков добавляем кнопки или просто надписи, применив к ним различные эффекты. Затем устанавливаем ссылки на необходимые папки, и ваши новые ярлыки готовы. Из-за того, что у вас есть несколько независимых страничек, можно выбирать любые фоновые цвета и вообще хорошенько поэкспериментировать с оформлением. Например, на одну из страничек поместить бегущую строку с афоризмами. Но это, безусловно, далеко не все возможности HTML. А при определенном стремлении к совершенствованию знаний, вы скоро сможете претендовать на полную эксклюзивность в оформлении рабочего интерфейса.
Желаю удачи!