Как создать одностраничный сайт-портфолио для актёра
Одностраничный сайт (landing page) — это эффективный инструмент самопрезентации актёра. Он позволяет быстро показать кастинг-директору или агенту всю ключевую информацию: внешность, опыт, навыки и видеовизитку. В этой статье мы попробуем создать самую простую визитку - портфолио актёра или медийной личности. Поехали
Зачем актёру одностраничный сайт
В индустрии кино важно произвести впечатление за 1–2 минуты. Поэтому сайт должен быть быстрым, понятным и визуально привлекательным. Формат одной страницы идеально подходит — вся информация доступна сразу.
Структура сайта
- Первый экран (фото, имя, позиционирование)
- Биография
- Фото-портфолио
- Видеовизитка
- Фильмография
- Навыки
- Контакты
Пример оформления биографии
Посмотрите пример подачи информации: Иван Янковский. Биография написана кратко и по делу: происхождение, образование и ключевые роли.
Пример простой HTML-страницы портфолио
Ниже — базовый пример одностраничного сайта актёра. Его можно использовать как основу:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Актёр Иван Иванов</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
background: #111;
color: #fff;
}
.container {
max-width: 900px;
margin: auto;
padding: 20px;
}
img {
max-width: 100%;
border-radius: 10px;
}
h1, h2 {
margin-top: 30px;
}
.gallery {
display: flex;
gap: 10px;
}
.gallery img {
width: 30%;
}
</style>
</head>
<body>
<div class="container">
<h1>Иван Иванов</h1>
<p>Актёр театра и кино</p>
<img src="photo.jpg" alt="Иван Иванов">
<h2>Биография</h2>
<p>
Родился в 1990 году. Окончил театральный институт. Снимается в кино и играет в театре.
</p>
<h2>Фото</h2>
<div class="gallery">
<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg">
</div>
<h2>Видео</h2>
<iframe width="100%" height="400" src="https://www.youtube.com/embed/VIDEO_ID"></iframe>
<h2>Фильмография</h2>
<p>2024 — Сериал «Название» — главная роль</p>
<p>2023 — Фильм «Название» — второстепенная роль</p>
<h2>Навыки</h2>
<p>Английский язык, верховая езда, вокал</p>
<h2>Контакты</h2>
<p>email@example.com</p>
</div>
</body>
</html>
Рекомендации по дизайну
- Минимализм и акцент на фото
- Простая структура без перегрузки
- Адаптивность под мобильные устройства
Итог
Одностраничный сайт актёра — это удобный и современный способ представить себя. Даже простой HTML-вариант может выглядеть профессионально и помочь получить новые роли.
Комментарии ()