Опубликован: 15.06.2011 | Доступ: свободный | Студентов: 701 / 55 | Оценка: 4.25 / 4.00 | Длительность: 14:09:00
Самостоятельная работа 9:

Internet Explorer 9. Pinned Sites

< Лекция 8 || Самостоятельная работа 9: 1234 || Самостоятельная работа 10 >

6.Заменим исходный код страницы Default.html на:

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8" />
     <title>Прикрепленные сайты</title>
    <meta name="application-name" content="Прикрепленные сайты пример" />
    <meta name="msapplication-tooltip" content="Пример Pinned Sites" />
    <meta name="msapplication-starturl" content="http://localhost:51363/Default.html" />
    <meta name="msapplication-window" content="width=800; height=600;" />
    <meta name="msapplication-navbutton-color" content="green" />
    <link rel="Shortcut Icon" type="image/ico" href="images/K001.ico" />
        </head>
    <body>
    </body>
</html>

Параметр application-name - название приложения, которое используется при именовании иконки приложения и в качестве названия стартовой ссылки в меню JumpList:


Рис. 17.22.

Параметр msapplication-tooltip – подсказка, которая показывается при наведении мыши на иконку в файловой системе и в меню "Пуск":


Рис. 17.23.

Параметр msapplication-starturl - стартовая страница. Эта страница открывается при клике на иконку приложения:


Рис. 17.24.

Параметр msapplication-window - начальный размер окна. Для закрепленного сайта можно установить начальный размер окна браузера, в котором он будет открываться. Если пользователь самостоятельно изменит размеры окна, запомнится именно его выбор.

Параметр msapplication-navbutton-color - цвет кнопок. Для задания цвета можно использовать как именованные значения, так и шестнадцатеричные:


Рис. 17.25.

Для использования нужной иконки используется следующий код:

<link rel="Shortcut Icon" type="image/ico" href="images/K001.ico" />

Для сайта необходимо создать несколько иконок разного размера:

  • 16х16 - используется в адресной строке, на вкладке, и рядом со ссылкой на стартовую страницу в меню JumpList (можно создать с помощью сервиса http://favicon.ru/):

    Рис. 17.27.
  • 24x24 — используется слева от кнопок, если не задана, то иконка масштабируется:
  • 32х32 — используется в панели задач:

    Рис. 17.29.
  • 48х48 и выше — используется в файловой системе (рабочий стол, проводник):

    Рис. 17.30.

Дополнительные материалы

Более подробно по функциям Pinned Sites можно прочитать по ссылкам:

< Лекция 8 || Самостоятельная работа 9: 1234 || Самостоятельная работа 10 >