Экзаменационый проект по курсу Web-дизайн

Задача
Сверстать главную страну макета, разработанную в процессе работы над контрольной работой.

Параметры разрабатываемого сайта
Фиксированный ширина страницы – 1024
Блочная структура сайта;
Общий цвет текст – черный;
Используемые шрифты – Tahoma, Arial;
Заголовки подстроены под текста.

Подготовка к верстке
Для повышения скорости загрузки страницы и прозрачности я использовал формат PNG в следующих:
В областях баннеров, изображений мы использовали для повышения скорости загрузки картинки формата JPG

Вид сайта в браузере Chrome

Адаптивность
В рамках поекта надо было реализовать адаптивность.
Адаптивность реализована под любые размеры экрана при помощи фреймворка bootstrap

Адаптивность
Адаптивный вариант отличается от полноценного сайта, изменения произошли следующие:
Скрытие баннера при маленьких экранах;
Информация, ранее размещенная в 4 позиции в ряд теперь будет идти друг под другом на маленьких экранах.

Вид браузера в Chrome

Кроссбраузерность
Сайт грамотно отображается в следующих браузерах: opera, chrome mozila firefox и др.

Opera

Mozila firefox