- •«Томский государственный университет систем управления и радиоэлектроники» (тусур)
- •Методология разработки и продвижения программного обеспечения и веб-приложений
- •«Томский государственный университет систем управления и радиоэлектроники» (тусур)
- •Индивидуальное задание по групповому проектному обучению
- •«Томский государственный университет систем управления и радиоэлектроники» (тусур)
- •Индивидуальное задание по групповому проектному обучению
- •«Томский государственный университет систем управления и радиоэлектроники» (тусур)
- •Индивидуальное задание по групповому проектному обучению
- •Оглавление
- •Введение
- •1 Методология продвижения по и веб-приложений
- •1.2 Методология маркетингового продвижения по и веб-приложений
- •2 Верстка и контекстная реклама
- •Цель разработки html5
- •Отличия html5 от html4.01 и xhtml1.0
- •Bootstrap 3
- •2.3.1 Подключение Bootstrap
- •2.3.2 Использование Bootstrap
- •2.4 Контекстная реклама
Отличия html5 от html4.01 и xhtml1.0
В таблице 2.1 представлен список отличий.
Таблица 2.1 – Отличия HTML5 от HTML4.01 и XHTML1.0
HTML5 |
HTML4.01 и XHTML1.0 |
Изменён синтаксис Встраивание SVG и MathML в text/html Новые элементы: <article>, <aside>, <audio>, <canvas>, <command>, <datalist>, <details>, <embed>, <figcaption>, <figure>, <footer>, <header>, <hgroup>, <keygen>, <mark>, <meter>, <nav>, <output>, <progress>, <rp>, <rt>, <ruby>, <section>, <source>, <summary>, <time>, <video>, <wbr> |
Новые компоненты ввода: date/time, email, url, search, number, range, tel, color Новые атрибуты: charset (в <meta>), async (в script) Глобальные атрибуты, которые могут быть применены ко всем элементам: id, tabindex, hidden, data-* (пользовательские атрибуты данных) Элементы, которые будут исключены: <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <isindex>, <noframes>, <strike>, <tt> |
Полный список изменений в HTML5 представлен в обновляющемся рабочем проекте W3C «Отличия HTML5 от HTML4» (последняя версия от 9 декабря 2014 года. [2]
Bootstrap 3
Bootstrap – свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML и CSS шаблоны оформления элементов веб-интерфейсов, включая JavaaScript расширения. Разработан компанией Twitter Inc.
Можно выделить следующие основные преимущества Bootstrap:
Экономия времени при использовании готовых шаблонов классов и дизайна.
Высокая скорость – динамические макеты масштрабируются на различных устройствах и разрешениях экрана, что позволяет минимизировать код.
Гармоничный дизайн – Все компоненты используют единый стиль и шаблоны. Так же есть возможность настроить эти стили (темы) под себя при помощи специальных сервисов.
Простота в использовании – Платформа проста в использовании, по этому ей может воспользоваться даже пользователь с базовыми знаниями HTML и CSS.
Совместимость – Twitter Bootstrap совместим со следующими браузерами: Mozilla Firefox, Yandex Browser, Google Chrome, Safari, Internet Explorer и Opera.
Открытое программное обеспечение – Особенность данного фреймфорка предполагает возможность изменения исходных кодов и бесплатной загрузки.
Выделяются следующие основные инструменты Bootstrap:
Сетки – заранее заданные колонки определенного размера, которые сразу можно использовать. Так же активно используется при написании адаптивного сайта.
Шаблоны – Фиксированный или резиновый шаблон документа.
Типографика – Описания шрифтов, определение классов для шрифтов, таких как коды, цитаты и т.п.
Меди – Управления изоражениями и видео.
Таблицы – Средства оформления таблиц, вплоть до добавления функциональности сортировки.
Формы – Классы для оформления форм и некоторых событий, происходящих с ними.
Навигация – Классы для оформления вкладок, меню, тулбара и т.д.
Алерты – Оформление диалоговых оконо, подсказок и всплывающих окон [3].