Задача
Создать простой одностраничный сайт на основе макета, представленного ниже. Работа выполняется в редакторе кода Brackets (или в ином редакторе на усмотрение студента).
Состав проекта:
- Проект должен быть в отдельной папке (папка должна быть названа латинскими буквами и не содержать спецсимволов, заглавных букв). Примеры имени папки: my_final, final_work... Такие имена папок для проекта заданы не зря. Смотрим статью.
- Внутри папки должны быть следующие файлы проекта: index.html, style.css и все файлы изображений проекта. Имена файлов изображений должны быть также названы латиницей, без спецсимволов, без заглавных букв. Смотрим статью.
- Сдача работы происходит следующим образом: вы архивируете папку с проектом (со всем содержимым) и высылаете на почту преподавателю через форму в разделе Контакты.
Пояснения к выполнению работы
- Шапка сайта (header) должна содержать большое изображение. Желательно связанное спроектом студента (имет какой-то смысл). Возможно самостоятельно сделанное в Photoshop. Рекомендуемый размер изображения: Ширина 1200 пикселей, высота 800 пикселей. Изображение должно быть отцентрировано (по центру страницы).
- Сразу под шапкой должен быть блок меню (div), содержащий логотип (на усмотрение студента) и кнопки меню с надписями как в макете. При наведении на кнопки курсора мыши они должны реагировать - смена, к примеру, цвета кнопки.
- Раздел "О нас" содержит небольшое осмылсенное изображение слева и справа абзац (параграф) с текстом. Для текста можно использовать генератор Lorem ipsum. В тексте, некоторые фразы или слова прошу выделить жирным, курсивом, подчеркнутым и перечеркнутым. Блок можно сделать с закругленными углами. Должны быть отступы слева и с права. (padding-left, padding-right).
- Раздел "Портфолио" содержит три карточки (горизонтальные и отцентрированные). Можно с закругленными углами. В карточках небольшое изображение (осмысленное и связанное с проектом). Под изображением заголовок карточки, и после заголовке небольшой абзац. У главного блока (внутри которого карточки) - должны быть отступы слева и с права.
- Раздел "Контакты" - это завершающий страницу блок (footer). На всю ширину страницы без отступов слева и справа. Содержит три строки с жирным текстом: номер телефона, Email и адрес.
Если у вас есть затруднения с выполнением работы, я всегда готов помочь и проконсультировать! Не стесняемся задавать вопросы.
Связаться с преподавателем и задать вопрос
Ребята - не стесняемся задавать вопросы!Я онлайн практически постоянно - с 7-00 до 22-00.
