В этом разделе формулируются тема и границы проекта, объясняется, почему сравнение изображений, созданных разными методами, удобно представить в виде мини-сайта. Здесь обозначаются проблема, актуальность, цель и задачи, а также кратко описываются предполагаемый продукт и аудитория. Отдельно указываются методы работы: поиск и проверка сведений, отбор изображений, создание веб-страницы и тестирование. Введение помогает читателю понять, какие вопросы будут рассмотрены и к какому результату предстоит прийти.

Раздел объясняет, что цифровое изображение хранится в виде файла и отображается на экране как совокупность визуальных данных. Рассматриваются понятия пикселя, разрешения, размера файла, цветовой модели и сжатия. Эти характеристики влияют на чёткость изображения, скорость загрузки сайта и его внешний вид на разных устройствах. Полученные сведения помогут обоснованно подобрать материалы для галереи и избежать ситуации, когда изображение выглядит размытым или занимает слишком много места.

В пункте сравниваются два распространённых способа представления графики: растровый, основанный на пикселях, и векторный, использующий описание геометрических объектов. Рассматриваются сильные стороны и ограничения каждого типа, а также примеры подходящих задач: фотография, схема, знак или иллюстрация. Объясняется, как увеличение масштаба влияет на качество и почему формат файла следует выбирать с учётом назначения изображения. Материал создаёт основу для сравнения примеров в проектной галерее.

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

Здесь рассматриваются форматы, которые могут встретиться в веб-галерее, в частности JPEG, PNG и SVG, и объясняется, как их свойства связаны со способом создания изображения. Описываются подготовка размеров, выбор степени сжатия, сохранение прозрачности и понятное именование файлов. Также отмечается необходимость учитывать объём изображений, чтобы страница загружалась без лишней задержки. Эти правила помогают сохранить качество примеров и сделать материалы удобными для просмотра в браузере.

Пункт посвящён принципам устройства простой веб-страницы. Объясняется роль HTML в создании структуры и размещении содержания, а также роль CSS в настройке цветов, шрифтов, отступов и расположения карточек. Рассматриваются элементы страницы, необходимые для галереи: заголовок, вводный текст, блоки с изображениями и подписи. В теоретической части также поясняется, почему логичная структура кода облегчает исправление ошибок и дальнейшее обновление сайта.

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

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

В заключении кратко соотносятся поставленные задачи и полученный результат: создана ли галерея, представлены ли разные методы создания изображений и проверена ли работа сайта. Здесь отмечаются освоенные навыки работы с графическими файлами, HTML и CSS, а также ограничения продукта, например размер подборки или необходимость дополнительного тестирования. При наличии времени можно обозначить перспективы развития: добавить фильтры, новые категории или более подробные описания. Формулировки должны опираться на фактически выполненную работу.

В списке приводятся использованные учебные материалы, справочные страницы и документация, которые помогли разобраться в графических форматах, HTML, CSS и способах создания изображений. Для каждого источника указываются автор или организация, название материала и адрес сайта либо выходные данные издания. Интернет-источники следует проверять на достоверность и записывать так, чтобы читатель мог их найти. При публикации изображений необходимо отдельно учитывать условия использования и указывать авторство или источник, если это требуется.