все о веб-программировании и веб-дизайне
Создание Windows приложений на чистом HTML

Поступило мне тут интересное задание. А заключалось оно в следующем: нужно было сделать оффлайн версию небольшого сайта и записать все это дело на диск, чтобы фирма могла легко распространять свою презентацию. Должен еще быть реализован автозапуск, но с этим вообще никаких проблем.
Первым делом с помощью программы TeleportPro, создал локальную версию сайта со всеми картинками, получилась папка около 20 мегабайт.
Но тут встал вопрос, как преподнести эту оффлайн версию. Вариант с браузером сразу отпал. Осталось только воспользоваться стандартными Windows средствами для создания приложений на html.
Ответ на все вопросы это HTA. *.hta-файлы отличаются от обычных html страниц лишь небольшим тегом с атрибутами, который собственно и устанавливает все параметры. Приведу сразу весь файл index.hta, благо что он занимает всего несколько строк
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <html> <head> <title>Presentation</title> </head> <hta:application applicationname="first app" border="thin" borderstyle="normal" caption="yes" icon="myico.ico" maximizebutton="yes" showwintaskbar="no" singleinstance="yes" sysmenu="yes" windowstate="maximize" navigable="yes" selection="no" /> </head> <body onload="window.location.href='a-garden/index.htm'"> </body> </html> |
- 20 строка после загрузки сразу перебрасывает пользователя на индексную страницу только что скачанного сайта.
- А вот строки 5-18 намного интереснее. Остановимся на них подробнее.
- 6 строка задает заголовок создаваемого окна, если не установлен title
- 7 задает рамку вокруг окна без возможности изменять размеры
- 9 – будет ли в окне отображаться панель заголовка
- 10 устанавливает иконку, которая гордо красуется на протяжении всего времени запуска приложения
- 15 сообщает приложению запуститься в развернутом режиме
- 16, если «yes», то все ссылки открываются в этом же окне
- самая интересная 17 строка – отключаем возможность выделения текста и отображения контекстного меню по правому щелчку
Надеюсь, пригодится это тому, кому надо очень быстро сделать что-то наподобие презентации. А может еще кому-нибудь пригодится.
| This entry was posted by Вредный on 05.03.2010 at 18:28, and is filed under CSS & HTML, программирование. Follow any responses to this post through RSS 2.0. Вы можете оставить комментарий или трэкбэк с вашего сайта. |
2 месяца назад
А винда его отображает страницу так, как если бы это IE?