Государственное образовательное учреждение высшего профессионального образования "Московский государственный технический университет имени Н.Э. Баумана"

(МГТУ им. Н.Э. Баумана)

Поскребышев а.А. Информационно – компьютерный практикум Компьютерные бизнес технологии

Методические указания

к лабораторному практикуму

Кафедра ИБМ-4

2014

Оглавление

Оглавление 2

Введение 3

Web средства поддержки бизнеса 5

Использование CSS при создании web страниц 27

Контейнерный Web-дизайн 47

Отступы в элементах 58

Литература 62

Введение

Чтобы лучше понимать, куда движется современный веб, первое, на что нужно обратить внимание, — это характерные трансформации, произошедшие в ИТ-индустрии в целом и веб-индустрии в частности. Мир, который мы наблюдаем сегодня заметно отличается от того, каким он был каких-то 5-10 лет назад (напомню, что HTML 4.01 был утвержден более 11 лет назад).

Среди этих изменений нельзя не отметить следующие:

• Новое оборудование. Графические чипсеты, многоядерные процессоры и различные сенсоры, проникающие в совершенно разные устройства, вплоть до мобильных телефонов, а также большое стремление к энергоэффективности (как тут не вспомнить ARM и Intel Atom). Плюс огромное разнообразие форм-факторов: от мобильных устройств, планшетов, таблеток, нетбуков и ноутбуков до стационарных компьютеров и телевизоров. И везде хочется иметь доступ к интернету!

• Новые веяния в сервисах. Облако, социальность, мобильность и постоянная доступность независимо от устройства доступа.

• Изменения в браузерах. Рост конкуренции — сегодня на рынке целых пять браузеров, имеющих долю достаточную для того, чтобы их нельзя было игнорировать. Плюс, конечно, разнообразные типы мобильных устройств :) И важный момент: сегодня (или завтра) современный браузер знает и про графическое ускорение, и про многоядерную архитектуру, и про сенсоры и различные медийные устройства ввода, и про энергоэффективность, и про облако и про социальные сервисы, и про мобильность. Конкретные детали могут отличаться от браузера к браузеру, но общий тренд очевиден.

Все это находит очевидное воплощение в тех или иных веб-стандартах, поэтому сегодня мы имеем действительно новое и постоянно растущее поколение технологий (буквально недавно Adobe на своей конференции Adobe MAX представила предложение нового стандарта и вариант его реализации — фильтры и шейдеры для CSS): Среди них:

• HTML: Semantics, Graphics, Multimedia, WebForms, Security, DnD, History, Offline…

• CSS: Fonts, Colors, Borders & Backgrounds, Layouts, Media Queries, Transformations, Transitions & Animations…

• APIs: Geolocation, DB & LocalStorage, Sockets, Files, Media, Workers…

• JS: ECMAScript5

Важно также понимать, что между всеми этими инновациями в устройствах, ПО, сервисах, стандартах и различных практиках разработки существуют тесные переплетения — и то, что мы сейчас происходит в области веб-разработки и веб-стандартов, безусловно, найдет свое отражение и в различном ПО, реализующем и поддерживающем эти стандарты (от инструментов разработки до браузеров и ОС), и на аппаратном уровне

• Изучение технологии создания современных web документов; формирование общих представлений о web, и о принципах их создания продуктов,

• необходимом программно-техническом обеспечении и перспективах использования создания современных сайтов в различных областях деятельности;

• формирование умений планировать, структурировать сайт в Интернете;

• формирование представлений об использовании компьютерных бизнес-технологий в Интернете.