Сделать сайт самой пошагово

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

К вопросу надо подойти просто 1,2,3,4,5 ну может быть ещё и шесть, и не более.

При таком подходе вам будет проще визуализировать ваш сайт

Вначале, как всегда, идут два «Либо»:

1. Либо создание всё поручаете мастеру, а потом делаете корректировки,
2. Либо что описано ниже.

Подготовка

Нужно штук пять листов бумаги, ручка и тишина. Можно использовать электронные устройства.

1. Делаем меню

Первое, что составляем это меню сайта, именно меню.

Это для начального уровня самый простой способ создать структуру, визуально представляя как будет выглядеть ваш будущий интернет продукт (ресурс) сайт.

Пример стандартного меню:

Главная (о нас) — Услуги, Цены, Галерея, Отзывы, Контакты.

Если надо делаете подменю под каждым нужным названием.

Как пример, раздел меню «УСЛУГИ» (строительство): а подменю делайте: Дома — бытовки — гаражи — бани и т.д. Если у вас одностраничный сайт, то просто пишите разделы.

Вложенность меню на многостраничном сайте делайте не глубже трех разделов

2. Набрасываем контент

Далее для каждого названия меню вы составляете контент, это тексты и фото.

1. Заголовок,
2. Текст,
3. Фото,
4. Ссылки,
5. Примечания.

Для визуализации

Откройте в поисковике понравившийся сайт и творите

Если фотографий нет, берите ссылки с понравившихся картинок в интернете и вставляете их по пути написания текста. Можно тезисно описать картинку — тут будет то-то.

3. Заполняем тезисно разделы (прототип)

Тут 4 блока для начала:

1. Шапка,
2. Контентная часть,
3. Подвал,
4. Сайтбар — ставится слева или справа от контентной части. Либо не ставится вообще.

Разлинуйте лист на нижеперечисленные блоки-разделы:

1. Шапка сайта: что в ней разместить (тел., чат, логотип, название, переводчик языков.)
2. Меню в шапке. Что указать?
3. Меню под шапкой. Какое оно должно быть для клиента?
4. Блок контента любой страницы, что там должно быть, текст видео, фото. Рассказ о бизнесе и другая информация о которой вы хотите рассказать.
5. Меню подвала, суть раздела решается в процессе.
6. Подвал сайта и что там разместить.
7. Сайтбар, ставится столбиком слева или справа, что там будет решите в процессе.

4. Выбираем три цвета

Выберите 3 цвета. Для начала этого достаточно. Можно на словах, а можно и с обозначением.

Пример: :`жёлтый № #FFC618, ярко-зелёный № #cdff00, фиолетовый № #7213ea

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

5. По ходу решим

Остальное решите в процессе, ширину, шрифты, краски, инструменты и т.д.

Заранее продумайте как вы будете администрировать информацию, поступающую с сайта, а какие инструменты подключить поймёте в процессе решения этого вопроса.

Пример: подключили чат WhatsApp, подумайте кто будет отвечать на вопросы и в какое время.

На этом этапе если вы это сделаете, то это 50 % успеха, а дальше всё пойдёт как по маслу.

Что далее

Изучите слова по теме для понимая процесса, и двигайтесь дальше.

Регистрируете название сайта — как правильно пройти регистрацию домена.