Хочу быстро сделать сайт
Вам нужен результат, а не теория. Идите по этапам подряд — каждый заканчивается тем, что у вас работает.
- Шесть этапов, в конце сайт в интернете
- Скриншоты каждого действия
Проект ученика 10 класса
Сайт, который рассказывает историю своего создания
Меня зовут Дмитрий. Я собрал этот сайт с нуля и записал каждый шаг — от пустой папки до страницы в интернете. Повторить сможет любой: нужен компьютер и пара свободных вечеров.
index.html
<section class="hero">
<h1 class="hero__title">
Сайт, который рассказывает
<span class="hero__accent">
историю своего создания
</span>
</h1>
<a class="btn btn--primary" href="/etapy/">
Начать с первого этапа
</a>
</section>Выберите, что вам ближе
В сайт можно зайти с трёх сторон. Все три дороги ведут к одному: вы понимаете, как устроен сайт, и умеете собрать свой.
Хочу разобраться в вёрстке
Вам интересно, почему всё работает именно так. Теория собрана отдельно: от первого тега до скорости загрузки.
- HTML и CSS с примерами вживую
- SEO, доступность, микроразметка
Хочу понять, как помогает нейросеть
Главный вопрос: что именно у неё просить. Я показываю свои запросы целиком — вместе с ответами и правками.
- Настоящие запросы, а не пересказ
- Разбор, почему ответ вышел таким
Шесть этапов от идеи до сайта
Этапы идут по порядку: каждый опирается на предыдущий. Ни один не кончается словами «а дальше почитайте документацию» — в конце каждого что-то работает.
1
Зачем этот проект
Почему тема живая: сайт сегодня нужен школе, кружку, мастеру и магазину у дома. И почему порог входа стал ниже, чем был.
1 страница
2
Выбор инструментов
Что такое система управления сайтом, зачем она нужна и почему из всех вариантов я выбрал Evolution CMS.
6 страниц
3
Дизайн шаблонов
Сколько типов страниц нужно сайту, как описать их нейросети словами и почему чистый код важнее красивой картинки.
6 страниц
4
Установка CMS
Как превратить домашний компьютер в маленький сервер, поставить Evolution и войти в панель управления.
4 страницы
5
Натягивание вёрстки
Самое интересное: страница разбирается на шаблон, чанки и сниппеты — и начинает собираться сама.
3 страницы
6
Хостинг и публикация
Где живут сайты, сколько это стоит, как перенести свой и что проверить сразу после переезда.
1 страница
Кто это всё написал
Написать авторуНачнём с самого начала?
Первый этап — короткий и без кода. Там я объясняю, зачем вообще браться за свой сайт и почему сейчас это проще, чем кажется.