Хочу сделать сайт-портфолио с галереей работ — какие разделы делать новичку?
Сайт-визитку про себя я уже сделал, теперь хочу сайт-портфолио, где будут мои работы (рисунки и пара проектов). Не понимаю, чем портфолио отличается от визитки и какие блоки на нём вообще должны быть, чтобы выглядело нормально, а не как набор картинок подряд.
2 ответа
Визитка отвечает на вопрос «кто ты», а портфолио — «что ты умеешь и можешь показать». Базовый набор блоков, который выглядит цельно:
- Шапка (header) — имя и одной строкой, кто ты («Делаю сайты и игры на Python»). Можно фото.
- Обо мне — пара предложений: чем увлекаешься, что изучаешь.
- Работы (главный блок) — сетка карточек, у каждой: картинка/скриншот, название, 1-2 строки описания и ссылка.
- Контакты — телеграм, почта, ссылка на GitHub.
Чтобы работы не были «свалкой», оформи их одинаковыми карточками в сетке. Простой способ — flexbox или grid:
<section class="works">
<article class="card">
<img src="game.png" alt="Игра угадай число">
<h3>Угадай число</h3>
<p>Моя первая игра на Python.</p>
</article>
<!-- ещё карточки -->
</section>
.works { display: flex; flex-wrap: wrap; gap: 16px; }
.card { width: 220px; border: 1px solid #ddd; border-radius: 8px; padding: 12px; }
.card img { width: 100%; }
Одинаковые карточки в сетке сразу превращают «картинки подряд» в аккуратное портфолио. Начни с 3 работ — этого достаточно.
Совет: каждая карточка работы должна вести куда-то — на живой проект (GitHub Pages), на репозиторий или хотя бы на страницу с подробностями. Портфолио, где на работы нельзя кликнуть, выглядит незаконченным. И не гонись за количеством: три проекта с нормальным описанием лучше десяти безымянных скриншотов.