Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Ermak.doc
Скачиваний:
41
Добавлен:
16.09.2019
Размер:
940.03 Кб
Скачать

10. Современный веб-интерфейс: технологии и возможности. Современный веб-интерфейс

Интерфейс, на который приятно посмотреть. Интерфейс приятный, динамический и легко понятный, но в то же время не слишком детский и назойливый. Интерфейс, который вам хочется использовать... Все это — характеристики современного веб-дизайна. Мы полностью следуем этим принципам, прорабатываем каждую деталь до последнего пикселя и облегчаем работу с интерфейсом.

"Попап" или встроенный виджет?

Всплывающие окна в прошлом. Но сделать чат без "попапов" — это сложная задача для веб-разработчиков. В соответствии с природой интернета, пользователи (да и все мы, по правде говоря), любим открывать десятки вкладок. Вообще, чем больше, тем лучше :) Пользователю тяжело запомнить, в какой вкладке он открыл окно чата, или найти вкладку, в которой вдруг зазвенел звонок чата, требуя внимания.

Мы постоянно стремимся сделать пользовательский интерфейс встроенным и доступным во всех вкладках. Пользователи P3chat могут начать разговор в чате в одной вкладке, затем перейти на другую и продолжить разговор уже там. Закрыв окно чата, вы продолжаете ходить по сайту, но и в этом случае сможете получить сообщения от службы поддержки посредством сплайс-окон, которые появляются снизу страницы и не прерывают навигацию.

Ну и конечно те, кто захочет, могут использовать всплывающее окно.

Персонализация

Мы помешаны на персонализации. В наши дни настраивать и персонализировать можно практически все, ведь никто не хочет следовать за большинством. Поэтому мы сделали так, что настройки доступны пользователю в любое время и сохраняются между сессиями. К счастью, стандарт HTML5 и современные браузеры позволяют нам сохранять большую часть данных на компьютере пользователя. Никаких файлов cookie! Теперь это называется Web Storage. Эта технология встроена в браузер, поэтому мы используем ее, чтобы хранить историю сообщений. Она доступна в любой момент, и ее можно отфильтровать по датам. Без сомнения, мы сохраняем и все остальные пользовательские настройки — такие, как расположение и размер окна.

11. Xml. Xhtml. Структура xhtml-документа.

XHTML-документ имеет следующую структуру:  <?xml version="1.0" encoding="UTF-8"?>  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  <head>  <title> Заголовок документа </title>  </head>  <body>  ...  </body>  </html>

Из этого примера видно, что XHML-документ состоит из следующих компонент:

  1. Декларация XML-документа (первая строка примера). Эта строка не является обязательной согласно стандарту XML, но W3C рекомендует всегда включать ее в начало XHTML-документа. Если же кодировка символов документа отлична от UTF-8 или UTF-16 , то XML-декларация становится обязательной и должна содержать название кодировки символов в атрибуте encoding .

  2. Декларация типа документа (вторая строка примера). Эта декларация является обязательной и может принимать одно из трех значений, которые соответствуют трем декларациям типов HTML-документов:

    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "DTD/xhtml1-strict.dtd">;

    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "DTD/xhtml1-transitional.dtd">;

    • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"  "DTD/xhtml1-frameset.dtd"> .

Корневой элемент документа (остальные строки примера). Этим элементом является html с обязательным атрибутомxmlns , задающим пространство имен XHTML-документа. Значением xmlns должна быть строка"http://www.w3.org/1999/xhtml". Кроме  того, для задания языка документа должны использоваться и атрибут lang , и атрибут xml:lang , как показано в примере.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]