Демо работы
Описание работы
Описание работы
Задание 1. Создать простую галерею изображений, используя языки HTML5 и CSS3. (Обучение)Дисциплина
Основы web-дизайна (HTML, СSS)
Группа
ОБД-3908МО
Время проведения
01.08.2021 - 16.01.2022
Максимальный балл
30
Описание
Оценивание:
Высокий уровень – работающая галерея из нескольких веб-страниц, работает переход к большим фотографиям и обратно; код HTML и CSS не содержит ошибок. 20–30 баллов.
Средний уровень – работающая галерея из нескольких веб-страниц, но есть проблемы с переходом к большим фотографиям и/или обратно. Есть небольшие ошибки в коде HTML и CSS. 10-20 баллов.
Низкий уровень – есть только одна страница, либо страницы не связаны переходом. Грубые ошибки в коде HTML и CSS. 0–10 баллов.
Содержание задания:
Создать простой неупорядоченный список из пяти элементов (в качестве маркера использовать квадрат). Каждый элемент должен представлять собой миниатюру (эскиз картинки размером в 200 пикселей по ширине), являющуюся ссылкой на полное изображение. При клике на миниатюру должна открываться страница с изображением в его полном размере. На странице с изображением должна быть кнопка "Назад" (именно кнопка, оформленная через стили, а не просто ссылка), ведущая обратно на страницу с миниатюрами.
Для каждой страницы должен быть одинаковый фон (не просто белый, а текстура, например, с сайта http://pattern4site.ru/). У каждой страницы должна быть правильно оформленная структура HTML и подшит внешний файл со стилями CSS.
Форма проведения:
Практическая работа в компьютерной программе (загрузка результата архивом zip со всеми файлами сайта в Личный кабинет)
Литература к заданию:
http://pattern4site.ru/ – текстуры для фона сайта.
https://html5book.ru/ – справочник HTML5 и CSS3
Задание 2. Создание макета и небольшого сайта на его основе. (Обучение)
Дисциплина
Основы web-дизайна (HTML, СSS)
Группа
ОБД-3908МО
Время проведения
01.08.2021 - 16.01.2022
Максимальный балл
30
Описание
Оценивание:
Высокий уровень – работающий сайт (минимум 5 веб-страниц), работает меню, оформление в едином стиле, сам сайт выглядит аккуратно; код HTML и CSS не содержит серьезных ошибок. 20–30 баллов.
Средний уровень – работающий сайт (минимум 3 веб-страницы), работает меню, оформление не одинаковое. Есть ошибки в коде HTML и CSS. 10–20 баллов.
Низкий уровень – Задание выполнено не полностью – не хватает областей в макете, не работает меню. Страницы не выполнены в едином стиле. Грубые ошибки в коде HTML и CSS. 0–10 баллов.
Содержание задания:
Разработать макет сайта, содержащий строку заголовка, панель навигации, основную контентную часть, боковую панель и подвал. Задать текстурированную подложку и цвета для каждого блока.
На основании макета создать от пяти до восьми страниц сайта (тема по желанию) с одинаковым оформлением. В качестве контента использовать заголовки, текст, списки, картинки и видео. В подвале добавить иконки-ссылки на социальные сети и другие контактные данные.
У веб-страниц должна быть иконка для отображения во вкладке браузера и разное название в теге title. Меню должно работать и осуществлять навигацию между страницами сайта.
Форма проведения:
Практическая работа в компьютерной программе (загрузка результата архивом zip со всеми файлами сайта в Личный кабинет)
Литература к заданию:
http://pattern4site.ru/ – текстуры для фона сайта.
https://html5book.ru/ – справочник HTML5 и CSS3