проект опд

1.

УЧЕБНЫЙ ПРОЕКТ
Создание
сайта-портфолио
Как представить свои работы, навыки и достижения в
интернете
Выполнил(а): ____________________ Группа: ______
2026

2.

Почему я выбрал(а) эту тему
2/6
Что такое сайт-портфолио?
Это личный сайт, на котором можно
рассказать о себе, показать свои навыки,
достижения и выполненные работы.
Цель проекта
Почему тема актуальна
Мои задачи
Многие учебные и рабочие проекты сейчас
представляют онлайн. Портфолио помогает
собрать всё важное в одном месте и удобно
показать другим.
• Изучить примеры портфолио
Проект: «Создание сайта-портфолио»
Создать понятный и аккуратный сайт
для представления личных работ.
• Продумать структуру и дизайн
• Разобраться с HTML и CSS

3.

Из чего состоит портфолио
3/6
Я выделил(а) несколько основных разделов, которые делают сайт полезным и понятным:
01
02
03
Главная
Обо мне
Навыки
Короткое приветствие и основная
информация.
Образование, интересы и
небольшой рассказ о себе.
Программы, технологии и умения.
04
05
06
Мои работы
Достижения
Контакты
Проекты с изображениями и
описаниями.
Грамоты, сертификаты и результаты.
Способы связаться со мной.
Проект: «Создание сайта-портфолио»

4.

Какие технологии используются
4/6
HTML
CSS
JavaScript
Создаёт структуру
страницы: заголовки, текст,
изображения, ссылки и
блоки.
Отвечает за внешний вид:
цвета, шрифты, размеры,
отступы и расположение
элементов.
Добавляет
интерактивность: меню,
кнопки, плавную прокрутку
и другие действия.
Для своего проекта я выбрал(а) HTML и CSS как основу. JavaScript можно подключить, чтобы добавить
дополнительные функции.
Проект: «Создание сайта-портфолио»

5.

Как я планирую разработать сайт
1
1. Структура
Определить разделы и порядок информации.
2
2. Дизайн
Подобрать цвета, шрифты и оформление карточек.
3
3. Наполнение
Добавить информацию о себе и примеры работ.
4
4. Адаптация
Проверить, как сайт выглядит на телефоне и компьютере.
5
5. Проверка
Перейти по ссылкам, проверить меню и исправить ошибки.
Главное — чтобы сайт был не только красивым, но и удобным для посетителя.
Проект: «Создание сайта-портфолио»
5/6

6.

Что я получил(а) в результате
Итоги проекта
• Разобрал(а) основные разделы сайтапортфолио.
• Познакомился(ась) с назначением HTML, CSS и
JavaScript.
• Понял(а), почему важны удобство и адаптивный
дизайн.
Мой вывод
Работа над проектом показала мне, что
создать сайт — это не только написать
код. Нужно продумать содержание,
внешний вид и то, насколько легко им
пользоваться.
• Составил(а) план создания собственного сайта.
Спасибо за внимание!