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

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

2. Задача

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

3.

4. Параметры разрабатываемого сайта

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

5. Подготовка к верстке

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

6.

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

8. Адаптивность

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

9. Адаптивность

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

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

11. Кроссбраузерность

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

12. Opera

13. Mozila firefox

14.

15. Вывод

Проект реализован в полной мере согласно
ТЗ и шаблону.
Поставленные задачи достигнуты.