Как создать свой сайт с нуля за 5 минут

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

Это проще, чем кажется. Для создания сайта нужно написать код. Самые распространенные языки, на которых пишут сайты - это HTML, CSS и PHP (два первых НЕ ЯВЛЯЮТСЯ языками программирования). С помощью HTML - браузер понимает, что это за элемент (текст, картинка, видео). Благодаря CSS - HTML блоки становятся красивыми для пользователя (цвет текста, шрифт, фон). PHP отвечает за механику сайта. С его помощью можно сделать форму обратной связи и даже регистрацию пользователя.

В интернете есть огромное количество информации по типу: "Как создать свой сайт". Я рекомендую пользоваться справочниками HTMLBOOK, DEVELOPER MOZILA. Если у вас возникнут вопросы, на которые у вас не удаётся найти ответы, есть QNA HABR.

 

Давайте напишем самый простой одностраничный сайт. Создадим папку. 

Отлично! Теперь создадим новый файл. Самый главной страницей сайта является index. По скольку мы пишем на HTML, в конце будет не.txt,.html. Включаем в настройках видимость расширения имен файла, если эта функция не была включена ранее. Создаём текстовый файл. Переименовываем его в index.html. 

Теперь откроем файл в редакторе (блокнот) нажав по нему правой клавишей мыши. Нажимаем открыть с помощью. Находим блокнот. 

Теперь необходимо написать базовую разметку HTML. Можете скопировать от сюда (здесь не только базовая разметка). Я сразу же внесу некоторые изменения. 

Сохраняем наш файл. Теперь откроем его в браузере! Для этого нажимаем открыть с помощью. Находим браузер.  Вот мой результат:

 

Если вы хотите заниматься вёрсткой стоит скачать и установить предназначенные для этого программы. Я рекомендую скачать NOTEPAD++ и/или Microsoft Visual Studio. Это одни из самых распространенных программ. Инструкцию как их настроить без труда можно найти в интернете.

Будем считать, что вы уже написали свой собственный сайт. Для того, чтобы другие люди смогли получить к нему доступ необходимо разместить его на сервере (сервер — это мощный компьютер, предназначенный для хранения информации и обеспечения доступа к ней с удалённых клиентских устройств). Если у вас нет собственного сервера, есть удалённые. Вы платите за их аренду. Компании, которые предоставляют такие услуги называются хостингами. Я рекомендую пользоваться SprintHost. У них самые дешёвые цены на хостинг (169 руб. / месяц). Сайты, которые у них размещены работают безперебойно. Ещё один +, из-за которого я сейчас это и пишу, они проводят крутые конкурсы. Только посмотрите, что лично я выиграл! 

Вам подарят за покупку услуг хостинга бесплатный домен третьего уровня (вашсайт.доменспринтхост.ру). Если вам такой не подходит, можете зарегистрировать свой домен второго уровня у них же (вашсайт.ру). Доме́нное имя — символьное имя, служащее для идентификации областей, которые являются единицами административной автономии в сети Интернет.

Готово! Вы создали свой собственный сайт, к которому могут получить доступ другие пользователи Интернета. Кто-то может сказать, что статья поверхностная. Я же отвечу, она написана только для того, чтобы натолкнуть пользователей SEOSPRINT на создание собственного сайта.

Подпишитесь, поставьте лайк, чтобы поддержать автора и простимулировать выход новых интересных постов. Есть возможность денежной поддержки по ссылке. Не прощаюсь...

275 4
1 1
Login to post comments
Romane@350571901/17/2022, 3:48 pm
Комментарий #38342

Если хранить сайт на локальном сервере (грубо говоря свой компьютер) и вы хотите чтобы сайт был доступен 24/7 необходимо безперебойное подключение к электросети и интернету, что почти невозможно. Конструкторами по типу Викс и подобные лучше не пользоваться (лучше писать всё с нуля). Статья поверхностная и написана только для того, чтобы натолкнуть человека углубляться в эту тематику. 

Думаю с этим она вполне справилась. 

Тарас@13591186Author01/17/2022, 3:08 pm

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

А так же не помешает задать минимализм в Js и CSS
Каскадка это самое страшное что есть, ее очень сложно настроить так чтобы сайты или поисковик хотел работать с вашим сайтом, но если у вас опыта нет, милости просим потренироваться на сайте WIX, это конструктор сайтов (адаптивный)
Где можно и построить что-то простое и обучится некоторым моментам и там же на месте захостить.

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

Если хранить сайт на локальном сервере (грубо говоря свой компьютер) и вы хотите чтобы сайт был доступен 24/7 необходимо безперебойное подключение к электросети и интернету, что почти невозможно. Конструкторами по типу Викс и подобные лучше не пользоваться (лучше писать всё с нуля). Статья поверхностная и написана только для того, чтобы натолкнуть человека углубляться в эту тематику. 

Romane@350571901/17/2022, 3:00 pm

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

А так же не помешает задать минимализм в Js и CSS
Каскадка это самое страшное что есть, ее очень сложно настроить так чтобы сайты или поисковик хотел работать с вашим сайтом, но если у вас опыта нет, милости просим потренироваться на сайте WIX, это конструктор сайтов (адаптивный)
Где можно и построить что-то простое и обучится некоторым моментам и там же на месте захостить.

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