Исследование возможностей html 5 на примере дизайна сайта сетевой академии




Скачать 24.86 Kb.
НазваниеИсследование возможностей html 5 на примере дизайна сайта сетевой академии
Дата05.02.2013
Размер24.86 Kb.
ТипИсследование

ИССЛЕДОВАНИЕ ВОЗМОЖНОСТЕЙ HTML 5 НА ПРИМЕРЕ ДИЗАЙНА САЙТА СЕТЕВОЙ АКАДЕМИИ


Евтушенко Степан Анатольевич, гр.ПР-47,

Руководитель: Адринский И. Г.

БОУ ОО СПО «Омский авиационный колледж имени Н. Е. Жуковского»


Большинство языков и технологий реализации Web-приложений были созданы более десяти лет тому назад, и за последнее время в них мало что изменилось, например, в языке разметки гипертекста HyperText Markup Language версии 4 — не изменилось ничего. В то же время в Web-дизайне произошли небольшие эволюционные изменения: появились 3D изображения и видео, возросли требования пользователей к визуальному содержанию Web-страниц.

Развитие HTML версии 5 находится в ранней стадии, но, по мнению экспертов, показывает большой потенциал. HTML5 — это не просто обновление своего предшественника, это новый стандарт, в который вошло много дополнительных функций, таких как: поддержка интерактивности, потокового видео и анимации.

Уже сейчас в сети Интернет появляются сайты, демонстрирующие возможности HTML5 и компании, занимающиеся их разработкой. Многие специалисты говорят, что HTML5 вытеснит Flash и SilverLight.

Целью данной работы является исследование возможностей HTML 5 на примере дизайна сайта сетевой академии при Омавиат. Для этой цели были созданы два экземпляра Web-приложения. Верстка первого приложения производилась на языке HTML4, второго на языке HTML5. Функционал сайтов реализован на языке PHP, данные хранятся в формате MySQL.

Шаблон дизайна страниц реализован с использованием анимации, имитирующей перебор IP-адресов. В правой колонке имеется анимированный рекламный баннер.

Дизайн страниц сайта для лучшего восприятия информации для разных пользователей выполнен в стилях Черного моря, Светлых и Синих тонах. В качестве выделения дополнительных элементов используются синий и темно красный цвета.

Геометрический стиль создается на пространственном соотношении геометрических фигур, сайт создаёт некую закономерность размещения, на основе которой строится вся композиция дизайна. Это как явные геометрические фигуры: круг, квадрат, реже треугольник, так и простое размещение структурных блоков в строго прямоугольных ячейках.

Сайты, созданные с помощью HTML4 и HTML5 тестировались в различных браузерах, а именно:

  • Mozilla Firefox

  • Google Chrome

  • Opera

  • Internet Explorer

Тестирование выявило наличие незначительных различий в разметки сайтов, но это никак не повлияло на функциональность, информативность и их работу.

Нагрузочное тестирование проводилось при помощи сервиса http://loadimpact.com/test/ в течении 15 минут. Сайты продемонстрировали стабильную работу.

Анализ и сравнение двух экземпляров Web-приложений позволяют сделать следующие выводы:

  • использование HTML5 уменьшает количество тегов (в данном проекте на 23%);

  • в последних версиях браузеров Mozilla Firefox, Google Chrome, Opera, Internet Explorer внедрена поддержка конструкций HTML5;

  • элементы страниц на HTML5 несут семантическую нагрузку, что в будущем делает возможным использование страниц в сетях Web 3.0;

  • HTML5 на данном этапе своего развития не может полноценно заменить Flash-технологии при работе с графикой.

Список информационных источников

  • Хоган Б. HTML5 и CSS3. Веб разработка по стандартам нового поколения. СПб.: Питер, 2012. – 272 c.: ил.

  • Лабберс Питер, Олберс Брайан. HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений.: Пер. с англ. – М.: ООО «И.Д. Вильямс», 2011. – 272 с.: ил.

  • Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста – СПб.: Питер, 2011. – 272 с.: ил.

  • Дронов В. А. HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов. – СПб.: БХВ-Петербург, 2011. – 416 с.: ил.


Похожие:

Исследование возможностей html 5 на примере дизайна сайта сетевой академии iconТемы курсовых работ по дисциплине «информатика» Исследование возможностей программного обеспечения операционной системы Windows
Исследование интерфейсных и функциональных возможностей операционных оболочек на примере Total Commander, far и др
Исследование возможностей html 5 на примере дизайна сайта сетевой академии iconTemplate html шаблон страниц веб-сайта
Что касается имени сохраняемого документа, то оно, в принципе, может быть любым. Но так сложилось исторически, что html шаблон страниц...
Исследование возможностей html 5 на примере дизайна сайта сетевой академии iconРуководство по рнр 0 Перевод Всероссийского Клуба Вебмастеров
Версии 0 язык написания сценариев, внедренный в html. Многое из синтаксиса заимствовано из C, Java и Perl, с добавлением специфичных...
Исследование возможностей html 5 на примере дизайна сайта сетевой академии iconЗагрузка uploading теория
После того как набор html страниц веб-сайта создан. Все они связаны между собой с помощью ссылок. Страницы наполнены контентом. Таким...
Исследование возможностей html 5 на примере дизайна сайта сетевой академии iconОпыт разработки сайта «English language teacher development page»
Применение распространенных wysiwyg-редакторов показалось нецелесообразным из-за резкого увеличения объема html-страниц. Достаточно...
Исследование возможностей html 5 на примере дизайна сайта сетевой академии iconПрограмма разработана на основе “Обязательного минимума содержания среднего (полного) общего образования РФ
Дизайн web-страниц и виды сайтов. Введение в стандарт Hyper Text Markup Language (html). Использование программных средств для Создания...
Исследование возможностей html 5 на примере дизайна сайта сетевой академии iconЛитература 14 Приложения 15 Ключевые слова. Демократия, модернизация, система ценностей, социальная группа, виртуальная сеть Введение Цель статьи поиск цивилизационного пути на развиваемой модели «Солнечного Виртуального общества»
Аннотация. Исследование возможностей культурной модернизации при поддержке социально-сетевых средств, поиск и конструирование общепризнаваемых...
Исследование возможностей html 5 на примере дизайна сайта сетевой академии iconТема «Использование возможностей икт при проведении современного урока»
Расширить представление учителей о возможностях использования ис «Сетевой край. Образование»
Исследование возможностей html 5 на примере дизайна сайта сетевой академии iconИсследование возможностей сеток на примере
Проектирование интернет-сайтов на базе сеток – важный инструмент для организации веб-страниц и создания привлекательных веб-интерфейсов,...
Исследование возможностей html 5 на примере дизайна сайта сетевой академии iconЛекция №8 веб-дизайн
Очень важно удостовериться, что цветовая схема дизайна сайта находится в соответствии с контентом и целевой аудиторией проекта. Вы...
Разместите кнопку на своём сайте:
Библиотека


База данных защищена авторским правом ©lib.znate.ru 2014
обратиться к администрации
Библиотека
Главная страница