Как создать html страницу в vs code

Сегодня мы с вами  рассмотрим несколько вариантов создания сайта с абсолютного нуля и самое главное своими руками.

Создание html страницы

Сейчас во все разберемся. Для написания кода нам понадобиться текстовый редактор VS CODE от компании microsoft. Скачать его можно по ссылке с официального сайта Скачать

После того как вы скачаете программу вам нужно будет её установить. Думаю в установке у вас не должно быть проблем, (все время нажимаете далее).

Открываем редактор далее создаем новый проект для этого нажимаем в меню редактора

File — Add Folder to Workspace

добавить папку в проект

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

Добавить свой проект

Создаете новый файл index.html — нажатием на панели

Добавить файл

в открывшемся поле пишите index.html и откроется редактор файла и в нем вы вводите восклицательный знак !  Перед вами раскроется структура документа html, это работает с помощью встроенного плагина emmet который помогает раскрывать конструкции кода

как создать сайт своими руками

Если вы все сделали верно — перейдите в папку в которой создали файл и дважды щелкните на index.html, откроется окно браузера  с текстом «Привет я веб-страница».

первый сайт в редакторе

Да конечно это еще не полноценный сайт, а всего лишь веб страница и пока к сожалению без стилей. Если немного разобраться с HTML и CSS вы сможете привести ее к нужному виду и загрузить на свой хостинг.

Конструктор для создания сайта

Конструктор для создания сайта идеально подходит для тех кто хочет быстро создать свой сайт не забивая голову техническими подробностями. Здесь я вас сразу предупрежу — если вы думаете что там просто набросал блоков и выгрузил в интернет и все готово то это не так. Нужно иметь базовое представление о разметки страницы, как формируются заголовки в поисковой выдаче и многое другое. Базовые вещи не такие сложные как может показаться на первый взгляд. В Youtube много уроков на тему базового SEO. По конструкторам я могу посоветовать Tilda — неплохой конструктор с кучей настроек.

  • Долго грузятся страницы особенно где много блоков.
  • Ограниченный функционал (блоки только на выбор, не всегда найдется подходящий блок)
  • Сайт не принадлежит вам (так как размещен на сервере самого конструктора)
  • Высокая стоимость в месяц (Примерно 800 рублей и выше)

Плюсы конструкторов

  • Сделать свой сайт можно буквально за один вечер
  • Не нужно быть дизайнером так как очень много готовых шаблонов
  • Не нужно быть программистом так как все реализовано
  • Есть бесплатные конструкторы сайтов
  • Кто сомневается по разным причинам — подойдет всем.

Итог по конструкторам сайтов:

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

Общий итог

  • Теперь вы знаете как создать сайт своими руками — обязательно попробуйте все варианты.
  • Если у вас нет времени разбирать с текстовым редактором — берите конструктор и делайте на нем, но не забывайте про базовые понятия продвижения сайтов.
  • Если есть время, то лучше погрузиться в мир веб-разработки так как там вы сможете творить по-настоящему интересные и стоящие проекты. Сделать любой дизайн сайта и добавить необходимый функционал.

Желаю всем успехов! Все получиться если приложить усилия.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Здравствуйте! Меня зовут Александр. Я веб-разработчик. Мне нравится верстка, дизайн и программирование . В свободное время пишу статьи на тему веб-разработки. Если у вас есть вопрос вы можете задать его по контактам ниже.
Сообщество Вконтакте: vk.com/code_studio_ru