Как создать свою страничку в интернете бесплатно: Сделай сайт. 4 способа создать свою страницу в интернете

Содержание

Размещение своей страницы в Интернете

13.02.2001 10614
Комментарии (0)

Перед
тем, как вы начнете создавать свою
страницу в Интернете, хорошо бы еще
заранее продумать вопрос о ее
размещении — так называемом «хостинге»
(почему об этом нужно думать заранее -
будет написано ниже).

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

Чтобы не заниматься всеми
этими проблемами, страницу обычно
выкладывают на сервер какой-нибудь
фирмы, предоставляющей подобного рода
услуги, и не забивают себе голову
настройкой сервера, защитой и так далее.
Хостинг (размещение вашей страницы в
Интернете) бывает платный и бесплатный.
Различается он обычно по количеству
места, предоставляемого под вашу
страничку (это может быть 2, 5, 10, 20, 50
мегабайт и более), наличию доступа к
вашей странице по FTP (если его нет, то
обновление страницы производится
через специальную веб-форму на сервере,
что довольно неудобно) и по различным
дополнительно предоставляемым
возможностям (использование программ
на различных языках, доступ к базам
данных и так далее).

Платный хостинг напрямую
зависит от вида предоставляемых услуг
и места, отводимого под вашу страницу,
но при этом вам практически
гарантируется бесперебойный доступ к
вашей странице. Для обычных задач цена
хостинга варьируется где-то от 5 до 20
долларов в месяц.

В настоящее время также
распространен так называемый
бесплатный хостинг, который
предоставляют многие серверы,
специализирующиеся на данном виде
услуг (это такие серверы, как, например, Narod.ru,
Boom.ru, Agava.ru).
При этом уровень сервиса,
предоставляемый на бесплатных
серверах, как правило, ниже, чем уровень
сервиса при платном хостинге, а также
никто вам не гарантирует
бесперебойность доступа к вашей
странице («падучесть» серверов с
бесплатным хостингом — традиционная
проблема). Кроме того, многие
бесплатные серверы автоматически
вставляют в вашу страницу свою рекламу,
что может изрядно раздражать. Впрочем,
все эти недостатки логически вытекают
из бесплатности сервиса, ведь
бесплатный сыр бывает известно где. ..

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

Три наиболее знаменитых в Рунете сайта, предоставляющих
бесплатный хостинг для размещения вашей странички:Narod.Ru,
Boom.Ru и Agava.Ru

Где и с помощью какого вида
хостинга лично я могу порекомендовать
вам разместить свою страничку?
Разумеется, начинать лучше всего с
бесплатного хостинга. Во-первых, ваша
страничка в самом начале ее создания не
будет представлять собой нечто
совершенно потрясающее, поэтому нет
смысла тратить деньги на дорогостоящий
хостинг. И даже если она пару часов в
неделю не будет доступна из-за проблем
с сервером, ничего страшного не
произойдет. Та пара посещений, которых
вы из-за этого лишитесь, погоды вам не
сделает. Кроме того, у подавляющего
большинства провайдеров,
предоставляющих услуги по доступу в
Интернет, место под размещение вашей
странички входит в перечень бесплатно
предоставляемых услуг при заключении
контракта. Так что если вы об этом еще
ничего не знаете, просто ознакомьтесь
внимательно с памяткой, которую выдает
провайдер в момент заключения договора.
Если же такой услуги провайдер не
предоставляет (уж хотя бы пару мегабайт
на своем сервере провайдер
предоставить вполне в состоянии), тогда
имеет смысл подумать о том, с тем ли
провайдером вы заключили договор.

Так что начинать лучше с
бесплатного хостинга. Тем более, что
многие из подобных серверов бесплатно
предоставляют такие услуги, которые не
предоставляют даже серверы с платным
хостингом: на них часто размещаются
встроенные www-редакторы, позволяющие по
выбранному шаблону очень быстро
создать свой интернетовский сайт;
также многие из подобных серверов
бесплатно предоставляют доменные
имена третьего уровня, позволяющие
дать вашей страничке короткое и
запоминающееся имя.

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

13.02.2001

Как опубликовать веб‑страницу в интернете?

Как сверстать, если никогда не верстал

ХТМЛ, структура и содержимое
ЦСС, оформление страницы
Публикация страницы в интернете

Как сверстать, если никогда не верстал

ХТМЛ, структура и содержимое
ЦСС, оформление страницы
Публикация страницы в интернете

В прошлых советах я рассказал, как с нуля сделать простую веб‑страницу с базовым оформлением. Сегодня расскажу, как загрузить и опубликовать страницу в интернете, чтобы её могли увидеть другие люди.

Предположим, что в конце последнего совета у нас получилась такая страница‑визитка — файл index.html с разметкой и стилями:

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8">
    <title>Иван Фубаров</title>
      
    <style>
      body {
        font-family: Helvetica;
        font-size: 18px;
        line-height: 20px;
        background-color: #000; 
        color: #fff;
      }
      h2 {
        font-size: 32px;
      }
      p {
        max-width: 250px;
        opacity: 0. 9;
      }
      .highlighted {
        color: #ffd500;
      }
    </style>
  </head>
  <body>
    <h2>
      Иван <span class="highlighted">Фубаров</span>
    </h2>
    <p>Дизайнер, руководитель, философ, любитель луковых оладий.</p>
    <p>Помогаю бизнесу выглядеть подтянуто и стильно. Оптимизирую работу дизайнеров.</p>
    <p>В свободное время занимаюсь йогой и гуляю с котом 🐈</p>
  </body> 
</html>

Как страница попадает в интернет

Страницу можно открыть на своём компьютере, если перетянуть ХТМЛ‑файл в браузер.

Чтобы другие люди могли открыть страницу, нужно, чтобы они так же могли обратиться к какому‑то компьютеру и «перетянуть» файл оттуда себе в браузер. Такой компьютер называется сервером.

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

Большинство сайтов живут на арендованных серверах. Позволить собственные сервера и инфраструктуру могут немногие компании

Аренда сервера

Услугу по аренде сервера называют хостингом. Видов хостингов много, они отличаются ценами и специализацией: кто‑то сдаёт простые сервера для несложных сайтов, а кто‑то предлагает мощные серверные кластеры для огромных проектов.

Для размещения нашей страницы подойдёт самый простой хостинг. Стоит выбрать что‑то недорогое, без переплаты за избыточные мощности и с удобным понятным интерфейсом.

Гитхаб как хостинг

Бывают и бесплатные хостинги, но с ними нужно быть осторожнее. Обычно бесплатность компенсируется низкой надёжностью и встроенной рекламой сомнительного содержания. Хороший бесплатный вариант — это Гитхаб Пейджс, но разобраться с ним может быть сложнее, чем с обычными хостингами.

Гитхаб как хостинг

Рег.ру
Таймвеб

Популярные и зарекомендовавшие себя в рунете хостинги — Рег.ру, Таймвеб и Бегет.

Рег.ру
Таймвеб

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

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

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

Сначала регистрируемся, ищем в меню «Виртуальный хостинг», выбираем самый простой тариф:

У крупных хостингов обычно есть бесплатный пробный период

После выбора тарифа откроется панель управления. Отсюда можно оплачивать и управлять нашим хостингом.

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

На одном арендованном хостинге можно разместить несколько своих сайтов, если позволяет тариф

В разделе «Сайты» добавляем сайт. Сайт в терминах хостинга — это, условно, выделенное в памяти место с файлами, данными и уникальным адресом. Адрес сайта называют доменом и на этом шаге он может выглядеть сложно и непонятно, чуть позже мы приведём его в порядок.

На одном арендованном хостинге можно разместить несколько своих сайтов, если позволяет тариф

В Таймвебе первый сайт создаётся сам при регистрации, ничего добавлять не надо:

Наконец, в разделе «Файловый менеджер» загрузим файл нашей страницы в папку сайта.

Название файла index указывает на главную страницу, она откроется по умолчанию при заходе на сайт по его адресу

В зависимости от хостинга, названия папок для загрузки файла могут быть public_html или www. Эти папки могут находиться сразу в файловом менеджере или в папке с названием сайта. Если в нужной папке уже лежит файл с названием index, его нужно удалить.

Название файла index указывает на главную страницу, она откроется по умолчанию при заходе на сайт по его адресу

Адрес сайта

На один сайт может вести сколько угодно доменов

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

На один сайт может вести сколько угодно доменов

Домены, как и хостинг, не покупаются навсегда. Они арендуются сразу на год или на несколько лет, затем аренду нужно будет продлевать.

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

Цена аренды зависит от доменной зоны — текста после точки в адресе. Адрес в распространённой русской зоне .ru обойдётся дешевле, чем в более солидной коммерческой зоне .com и гораздо дешевле, чем в экстравагантной зоне .xxx.

Домены удобно арендовать у той же компании, что и хостинг. В Таймвебе купить домен можно во вкладке «Домены и поддомены», кнопкой «Зарегистрировать домен»:

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

История покупки домена hey.com

Занятый домен можно купить напрямую, связавшись с его владельцем. Купить домен с рук почти всегда гораздо дороже, а сам процесс сопряжён с переговорами и несёт определённые риски. Поэтому к такой сделке нужно подходить очень внимательно и осторожно.

История покупки домена hey.com

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

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

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

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

Веб‑разработка

Отправить

Запинить

Твитнуть

Свежак

Не используйте Wix или Weebly для создания собственного веб-сайта

В настоящее время создание собственного веб-сайта является относительно простой задачей. Прошли те времена, когда нужно было изучать HTML и разбираться, как разместить веб-сайт на сервере. Сейчас существует множество сервисов для создания сайтов, таких как Wix, Squarespace и Weebly. Даже если вы не разбираетесь в технологиях и вам просто нужно быстро создать веб-сайт, эти варианты могут быть очень заманчивыми, учитывая их пользовательские интерфейсы с перетаскиванием, разнообразие элегантных дизайнов и простые методы развертывания.

Однако огромным недостатком этих услуг по созданию веб-сайтов является то, что они могут быть довольно дорогостоящими с течением времени (5–25 долларов США в месяц в зависимости от вашего набора функций), и если вы когда-нибудь захотите перенести свой веб-сайт на свой собственный сервер или другой создатель веб-сайтов, вы в основном начинаете с нуля.

Кроме того, даже если вы выбираете самые дешевые или бесплатные тарифные планы, предлагаемые этими службами, они обычно требуют, чтобы вы отображали рекламу своих услуг на своем веб-сайте (что может выглядеть очень непрофессионально), и они предлагают базовые функции, такие как низкая ограничения на объем памяти и пропускную способность, невозможность отображения видео на вашем веб-сайте и отсутствие инструментов для отслеживания и анализа трафика вашего веб-сайта.

Что, если бы я сказал вам, что есть способ создать и разместить свой собственный веб-сайт абсолютно за БЕСПЛАТНО , и вы можете использовать свой собственный дизайн, вставлять видеоконтент и иметь расширенные функции, такие как инструменты для анализа трафика вашего веб-сайта.

И когда я говорю БЕСПЛАТНО , я имею в виду создание веб-сайта БЕСПЛАТНО и текущий хостинг веб-сайта БЕСПЛАТНО . Если вы думаете, что это слишком хорошо, чтобы быть правдой, подумайте еще раз! Используя бесплатные сервисы, такие как GitHub Pages, Jekyll, Google Analytics и YouTube, вы можете создать собственный многофункциональный веб-сайт и разместить его за 9 дней. 0009 БЕСПЛАТНО !

Начало работы с GitHub Pages и Jekyll

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

Тем не менее, малоизвестная особенность GitHub заключается в том, что он позволяет вам бесплатно разместить свой личный веб-сайт (без ежемесячной платы, без платы за запуск, всего БЕСПЛАТНО ). Это делается с помощью GitHub Pages, который позволяет разместить веб-сайт непосредственно на GitHub, и Jekyll, генератора статических сайтов, который позволяет преобразовывать обычный текст в многофункциональные веб-страницы.

Теперь нужно научиться пользоваться GitHub и Jekyll. Например, вам нужно использовать командную строку (Windows) или терминал (macOS), чтобы запустить веб-сайт и внести обновления, но как только вы сделаете это несколько раз, это станет вашей второй натурой. И если вы все еще думаете, что учиться не стоит, подумайте о 100-400 долларах, которые вы тратите в год на использование Wix или Squarespace, и хотите ли вы вернуть эти деньги в обмен на БЕСПЛАТНО , полностью настраиваемое и многофункциональное решение для создания веб-сайтов.

Вместо того, чтобы пошагово объяснять, как настроить GitHub Pages и Jekyll, я настоятельно рекомендую вам посмотреть видео выше или следовать официальным инструкциям GitHub Page.

Настройка Google Analytics

После того, как вы запустите GitHub Pages и веб-сайт Jekyll, вы сможете легко отслеживать трафик своего веб-сайта с помощью бесплатной службы под названием Google Analytics. Я говорю об этом, потому что, если вы заинтересованы в использовании бесплатного уровня сервиса создания веб-сайтов, такого как Weebly, в качестве альтернативы GitHub Pages и Jekyll, бесплатные уровни этих сервисов обычно не включают инструменты для анализа трафика вашего сайта.

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

Чтобы настроить Google Analytics, я рекомендую вам посмотреть видео выше или прочитать официальную документацию по установке Google.

Встраивание видео с YouTube на ваш веб-сайт

Одним из лучших способов сделать веб-сайт привлекательным является включение видеоконтента. Сейчас говорят, что «если картинка стоит тысячи слов, то видео стоит миллиона!» Даже если вы не согласны с этим утверждением, видеоконтент значительно увеличивает вовлеченность веб-сайта. В среднем пользователи проводят на 88% больше времени на веб-сайте с видеоконтентом.

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

Если вы хотите встроить видео с YouTube на свой веб-сайт GitHub Pages/Jekyll, я настоятельно рекомендую вам ознакомиться с этим руководством от Адама Гарретта-Харриса. Он короткий, простой и очень познавательный.

—

Понравилась ли вам эта статья? Если это так, следуйте за мной на LinkedIn или Twitter , чтобы увидеть будущие сообщения в блоге.

Ознакомьтесь с моим последним веб-приложением, База напоминаний , чтобы установить индивидуальные напоминания по электронной почте и текстовым сообщениям для ваших клиентов, коллег, семьи, друзей или себя!

См.