| engineerklub | Дата: Вторник, 04.03.2025, 08:15 | Сообщение # 1 |
 Генералиссимус
Группа: Администраторы
Сообщений: 34087
Статус: Offline
| Основы web-дизайна (HTML, CSS) готовый практикум Синергия /МОСАП /МТИ
Задание 1. Создать простую галерею изображений, используя языки HTML5 и CSS3.
Содержание задания:
Создать простой неупорядоченный список из пяти элементов (в качестве маркера использовать квадрат). Каждый элемент должен представлять собой миниатюру (эскиз картинки размером в 200 пикселей по ширине), являющуюся ссылкой на полное изображение. При клике на миниатюру должна открываться страница с изображением в его полном размере. На странице с изображением должна быть кнопка "Назад" (именно кнопка, оформленная через стили, а не просто ссылка), ведущая обратно на страницу с миниатюрами.
Для каждой страницы должен быть одинаковый фон (не просто белый, а текстура, например, с сайта http://pattern4site.ru/). У каждой страницы должна быть правильно оформленная структура HTML и подшит внешний файл со стилями CSS.
Форма проведения:
Практическая работа в компьютерной программе (загрузка результата архивом zip со всеми файлами сайта в Личный кабинет)
Задание 2. Создание макета и небольшого сайта на его основе.
Содержание задания:
Разработать макет сайта, содержащий строку заголовка, панель навигации, основную контентную часть, боковую панель и подвал. Задать текстурированную подложку и цвета для каждого блока.
На основании макета создать от пяти до восьми страниц сайта (тема по желанию) с одинаковым оформлением. В качестве контента использовать заголовки, текст, списки, картинки и видео. В подвале добавить иконки-ссылки на социальные сети и другие контактные данные.
У веб-страниц должна быть иконка для отображения во вкладке браузера и разное название в теге title. Меню должно работать и осуществлять навигацию между страницами сайта.
Форма проведения:
Практическая работа в компьютерной программе (загрузка результата архивом zip со всеми файлами сайта в Личный кабинет)
СКАЧАТЬ
|
| |
| |
