Найти тему
KHASYANOV.RU

Как создать сайт самому

Оглавление

Сегодня подниму интересную тему как разработать свой сайт самостоятельно бесплатно. Сразу скажу, что это статья-инструкция рассчитана на начинающих.

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

Пример работы в результате этой статьи

Такой сайт у меня получился где-то за пару часов. Можете посмотреть его по ссылке: http://ramenskiy-master.ru/ . Если вы научитесь базовым вещам сможете сделать такой же или даже лучше.

Вся работа разделена на пункты, для удобства. Все идет строго по порядку 1, 2, 3 и тд. поэтому не рекомендую перескакивать или пролистывать

1. Регистрируемся на сайте Tilda

Заходите на сайт Tilda и нажимаете "создать сайт бесплатно"

-2

Регистрируетесь. Форма достаточно простая поэтому с этим проблем возникнуть не должно.

2. Создаем новый проект

После того как зашли в личный кабинет с вашим новым аккаунтом нажимаете "Создать новый сайт".

-3

Затем выбираете название для сайта. Например можете назвать "Мой сайт". Это название никак не влияет на то, что увидят посетители. Это просто название для вас.

-4

Затем кликаем создать новую страницу

-5

Выбираете тему и подходящий шаблон. Здесь самое важное нужно определиться по тематике, что вам нужно и найти подходящий дизайн.

-6

Я выбрал самый первый шаблон с синей кнопкой. Вот как он выглядит в базовом исполнении http://test-dzen.tilda.ws/

3. Удаляем ненужные блоки

Блок с обратной связью удаляется при помощи такой иконки корзина
Блок с обратной связью удаляется при помощи такой иконки корзина

Блок с формой обратной связи я рекомендую удалить по двум причинам.

  1. Не заморачиваться с настройкой это немного сложно
  2. Есть номер телефона на который если нужно вам позвонят. Не каждый проверяет электронную почту регулярно. Просто физически иногда нет возможности отвлечься от работы и зайти на почтовый ящик.

Стандартные контакты тоже можно удалить. Делается это аналогично форме обратной связи при помощи иконки с корзиной. Просто нужно на нее кликнуть.

-8

4. Наполняем сайт текстом и картинками

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

Для того чтобы отредактировать картинку, кнопку первого блока наведите на него мышкой и увидите кнопку "Контент". Кликайте по ней.

-9

Вместо текста кнопки пишем наш телефон для связи. Ниже удаляем ссылку вида form. Просто стираем ее.

-10

Для того, чтобы добавить фоновую картинку на первый блок нажмите "загрузить файл".

-11

Затем еще раз кликаем "Загрузить файл". Выбираем нужную картинку, которую хотите поставить в качестве фона. Для этого ее заранее нужно скачать из интернета или сделать фото самому.

5. Публикация сайта

Для публикации нажимаете кнопку Опубликовать

-12

6. Итог

-13

Итог который должен получится доступен по ссылке http://test-dzen.tilda.ws/final

Надеюсь у вас получится также или даже лучше!

По любым вопросам пишите в комментарии к этой статье. Постараюсь на них ответить!