Как сделать сайт самостоятельно

Чтобы быстро и без специальных знаний сделать веб-сайт в 21 веке, воспользуйтесь Bootstrap шаблонами с рецептом:

  1. Найти красивый шаблон
  2. Скачать
  3. Поменять картинки
  4. Поменять текст
  5. Выкинуть все ненужное
  6. Полюбить результат

1. Где найти красивый шаблон

Большая куча качественных шаблонов на shapebootstrap.net. 
Еще больше разнообразия на startbootstrap.com.



Уделите время помотреть как выглядят шаблоны целиком (Live Demo). Выберите самый хороший. Если не получается выбрать, то возмите любой красивый. Одностраничный шаблон легче готовить.



2. Скачайте шаблон

Ищите большую кнопку с надписью Download. Или воспользуйтесь хитростью и отгадайте какую кнопку надо нажимать.


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

Вы скачаете архив в котором лежит копия выбранного шаблона— что было показано в Live Preview. Распакуйте архив, чтобы изменить сайт.


3. Как поменять картинки

В скачанном архиве обязательно есть папка с названием images (сокращенно img или другое похожее название). В папке лежат все картинки — логотипы, фотографии. Замените картинки на другие с тем же названием и того же размера.

Открывайте в браузере файл с именем index и смотрите как меняется сайт, если поменять картинки.

4. Как поменять текст на сайте

Отредактируйте файл с именем index

brackets.io — хороший редактор, который не заставляет много думать. На роль редактора подойдет любое приложение для текста, которое покажет html код и позволит его менять.

index.html (пугающее начало)

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

этот код подозрительно напоминает главное меню… а под ним иконки

Сохраняйте изменения. Проверяйте в браузере. Если «всё поломалось», то возвращайте последние изменения и пробуйте заново. Процесс может затянуться, зато не требует глубоких навыков.


5. Удаляйте из шаблона ненужное и сложное

Чтобы сделать сайт быстро — смело удаляйте лишние строки или группы строк. Оставляйте только самое необходимое.

если удалить все строчки под заголовком Welcome, то белая область исченет с сайта, а все что расположено ниже поднимется наверх

Сохраняйтесь, смотрите результат после каждого действия. Регулярной проверкой быстрее научитесь интуитивно понимать код сайта.


6. Как полюбить результат

шаблон из рецепта на маленьком экране

Не сдавайтесь, продолжайте копаться в коде. Сделайте всё, что в ваших силах. Что не в силах — удалите. Если не получается удалить — смиритесь.

Посмотрите сайт на смартфоне или просто уменьшите окно браузера. Bootstrap шаблоны красиво подстраиваются.

Постарайтесь погасить амбиции. Берите то что есть.


Если амбиции погасить невозможно, то запомните: 
Даже если завтра будет помогать другой мастер…, сделать из маленького сайта большой сайт— быстрее, чем из несуществующего существующий.

Если дедлайн был вчера, то сегодня должен быть результат. Сделайте результат сейчас.