Когда-то фотоаппарат использовался для того, чтобы запечатлеть действительно самые важные события в жизни человека, поэтому снимков было в принципе не очень много. Сейчас ситуация коренным образом изменилась – огромное количество изображений, ежедневно, ежесекундно публикуется во всемирной паутине. Каждый пользователь хочет знать, как выложить фото в интернете, и сделать его популярными среди посетителей.
Одноклассники . Зайдите на свою страницу, нажмите «Фото», далее «Загрузить». Найдите файл в памяти компьютера. Нажмите «Открыть», отредактируйте описание, отметьте друзей, поверните картинку.
Инстаграмм . Чтобы выложить фото в Инстаграмм с компьютера, вам потребуется установка специальных программ, например, BlueStacks. Однако, можно обойтись и без этого, достаточно перекинуть фотоснимок через USB кабель на телефон, и загрузить его в Инстаграмм через официальное приложение.
Чтобы ваши публикации в интернете были яркими и оригинальными, посмотрите, изучите способы изготовления коллажей и открыток. Чем шире ваши познания и навыки в области фотошопа, тем более впечатляющими получаются изделия из фотографий.
Сегодня не нужно звать друзей в гости, чтобы показать им отснятое видео – достаточно выложить видеоролик в интернет. Загрузив видео, вы сможете сделать его общедоступным или ограничить его просмотр.
Инструкция
Инструкция
Вот и подошёл к концу наш курс по основам HTML. На протяжении всего этого времени мы занимались тем, что создавали HTML-странички у нас на компьютере, изучали работу различных тегов, научились работать со стилями и даже сумели собрать всё воедино и создать простейший сайт из нескольких страничек.
Теперь же, чтобы наш сайт смогли увидеть другие люди, его нужно выложить на хостинг – это специальный сервер в сети Интернет, который позволяет опубликовать Ваши файлы для других людей.
Начнём с того, что нам для начала нужно понять, как вообще работают сайты. Что происходит с того момента, как Вы вводите в адресную строку yandex.ru, и до момента, когда Вы видите главную страницу Яндекса.
Происходит следующее – когда вы пишите в адресной строке доменное имя – yandex.ru и нажимаете Enter, Ваш компьютер обращается к специальным DNS-серверам в Интернете, с запросом найти для этого доменного имени IP-адрес. Эти DNS-сервера содержат записи, по которым можно найти связь между доменным именем и IP-адресом, на который оно указывает. Этот IP-адрес в большинстве случаев принадлежит хостингу.
Так вот после того, как этот IP-адрес для домена определён, на него отправляется запрос по протоколу HTTP. И если на хостинге для этого доменного имени имеются настройки, то хостинг отдаёт результат в виде HTML-кода, который приходит в браузер.
Браузер обрабатывает этот HTML-код, и возвращает нам его визуальное представление в виде привычных нам страничек. То есть это очень похоже на то, как мы с Вами открывали HTML-файлы прямо на своём компьютере, с той лишь разницей, что HTML-код загружается не с Вашего жёсткого диска, а с удалённого сервера, который мы далее будем именовать «хостинг».
Данный процесс можно исследовать с помощью инструментов разработчика в Google Chrome (смотрите видео).
Итак, разобрались с тем, что такое доменное имя и хостинг. Давайте теперь поговорим о том, где всё это взять, и о том, как всё настроить.
Я же покажу как это делается в случае покупки хостинга, так как если Вы всё же решите использовать другого провайдера, то Ваши шаги будут именно такими.
Покупка хостинга и домена
Жмём далее. Убеждаемся в том, что выбран нужный тариф, и указываем срок, на который хотим заказать услугу. Здесь же указываем доменное имя, которое хотим зарегистрировать. Я выбрал в качестве примера домен bestbooksforprogrammers.ru. Поиск хорошего доменного имени - отдельная тема, так как очень многие красивые домены заняты. Если интересно - погуглите на тему "подбор доменного имени".
Собственно, чего ждём? Входим в панель управления с полученными данными.
Входим, и видим, что для активации аккаунта нужно пополнить баланс.
Жмякаем на оплату, и видим, что доступны несколько способов оплаты. При этом на некоторые из них распространяется бонус в виде нескольких процентов от суммы на баланс. Мелочь, а приятно.
Оплачиваем выбранным способом, и возвращаемся в панель управления. Видим, что выполняется активация аккаунта. Происходит это в течение пары минут (хотя пугают, что можно и 10 минут прождать).
После того, как аккаунт активируется, увидим сообщение о том, что нужно заполнить анкету с личными данными, без которых невозможно зарегистрировать доменное имя.
Делается это в первую очередь для Вашей безопасности, чтобы домен не украли и т.п.
Заполняется она довольно быстро, ко всем полям есть подсказки по заполнению. В каком формате, порядке, вот это вот всё.
Если сейчас зайти в меню "сайты", то увидим, что домен регистрируется.
Ждём, в моём случае прошло где-то 6 часов. Сайт сменил статус на "активен".
После этого можем открыть наш сайт в браузере и увидеть, что он заработал. Будет открыта стандартная страничка, которую разместил провайдер на хостинге.
Загрузка сайта на хостинг
Теперь нам нужно закачать наш сайт на хостинг. Делается это по специальному протоколу для передачи файлов - FTP (File Transfer Protocol). Для этого используются специальные программы, которые называются FTP-клиенты. Одна из таких бесплатных программ - FileZilla. Скачать - . После того как программа установится, можно подключаться к хостингу и работать с файлами. Для этого нужно взять данные для FTP из письма, присланного Вам на почту:
И забить их в настройки программы и нажать кнопочку "Быстрое соединение":
После этого в правой вкладке откроется структура папок хостинга. Вас здесь интересует папка httpdocs
Переходим в неё, удаляем оттуда все файлы и перезагружаем вкладку с нашим сайтом. Видим ошибку.
Это нормально, ведь сейчас просто нечего показывать.
Давайте теперь просто перетащим туда файлы нашего сайтика, которые мы подготовили в предыдущем уроке.
На сайте, если не указан путь до конкретной странички, будет открываться файл index.html
.
Давайте теперь обновим вкладку с нашим сайтом и увидим, что открылись написанные нами странички:
Успех, наш сайт в Интернете! С чем я Вас и поздравляю.
Друзья, надеюсь этот урок был полезен для Вас, как и весь курс. Эти уроки всегда будут доступными всем желающим. Пожалуйста, если Вас не затруднит, поделитесь этим курсом в социальных сетях, или же просто расскажите своим друзьям, если они интересуются темой IT. Буду Вам очень благодарен. Сейчас буду делать , после него - ещё что-нибудь полезное буду делать. В общем, следите за обновлениями, подписывайтесь на канал на YouTube , следите за новостями в соц. сетях (ссылочки в шапке сайта).
Всем всего хорошего!
Здравствуйте, уважаемые Читатели сайта «сайт»! Если Вас интересует как создать и разместить сайт в сети интернет, тогда в данном обзоре вы можете ознакомится с полной информацией по созданию, размещению и . Подробнее об этом, читайте в обзоре!
При создании своего сайта, нужно чётко понимать какая у сайта будет направленность и тематика. Давайте разберёмся какие направления сайтов существуют в сети интернет.
Существует три основных направления сайтов:
1. Коммерческие сайты (бизнес сайты).
2. Информационные сайты.
3. Интернет сервисы (калькуляторы, конвертеры, графики и прочие сервисы).
С направлениями сайтов разобрались, перейдём к тематике. Исходя из значения самого слова, тематика сайта — это непосредственно тема сайта или то о чём будет размещаться на нём информация. Есть много разных тематик, но вебмастеру желательно выбрать для одного сайта — одну тематику.
Например: отличный банкир, может запросто вести финансовый блог, а хороший врач — сайт медицинской тематики.
Желательно выбирать ту тему, в которой создатель сайта очень хорошо разбирается. От выбранной тематики своего интернет ресурса, напрямую зависит будущий доход из него.
Если с тематикой сайта определились, тогда перейдём к информации о его создание. Для этого, следуйте пошагово, согласно ниже приведенной инструкции.
ШАГ 1: Выбор хостинга (место хранения сайта)
Хостинг — это место, где будет храниться сайт. Новичкам будет проще понять, если сравнить хранение сайта с хранением какого-то файла на жёстком диске удалённого компьютера. За данную услугу нужно заплатить, начиная от нескольких рублей в день, в зависимости от потребляемых ресурсов созданным сайтом.
К выбору хостинга следует подойти ответственно, так как от хостинг провайдера будет зависеть работоспособность сайта и удобство его обслуживания.
В данный момент лучшими хостинг провайдерами с отличной поддержкой, являются:
- — данный хостинг,предоставляет самые дешевые тарифные планы на хостинг, размещать сайт на самых различных движках, дешево покупать домены (дешевле чем у регистратора), имеет простую пользовательскую панель управления и много других преимуществ.
- - является регистратором доменов, небольшой выбор движков (почти все платно), возможность перепродажи доменов.
Сравните тарифные планы и другие возможности данных хостинг провайдеров и определитесь с выбором под требования создаваемого сайта. Многие начинающие вебмастера предпочитают хостинг от Бегет, так как он является интуитивно понятным и немного дешевле от предложений компании Рег.ру.
ШАГ 2: Покупка домена (имя сайта)
После определения и выбора хостинг провайдера, следует придумать домен сайта. Не спешите с этим! Хорошо обдумайте имя своего сайта, после чего зарегистрируйте домен.
Домен
— это имя сайта (название сайта на латинице), которое выводится в строках браузера.
Пример доменов: site.ru, site.com, site.org, где site - это название Вашего сайта, а ru, com, net - доменные зоны, в которой будет Ваш сайт.
Регистрация домена проходит в личном кабинете у хостинг провайдера. Если же имеется доменное имя, его можно подключить на вашем хостинге используя его сервисы и меню. В случае трудностей с подключение стороннего домена у хостинг провайдера, не стесняйтесь обратится в службу поддержки — они обязательно помогут вам с этой задачей.
Процедура регистрации или переноса домена происходит очень просто, нужно только следовать шагам в панели управления хостинга и выполнять запрашиваемые действия.
ШАГ 3: Движок сайта CMS
Движок сайта CMS — это программное обеспечение которое позволяет управлять сайтом. Для простоты понимания, движок сайта можно сравнить с программой MS Word, где вордовский документ является сайтом.
Существует большой выбор различных движков для сайта:
- WordPress;
- Joomla;
- Drupal;
- Bitrix.
Среди них есть платные и бесплатные движки. Лучшим бесплатным движком для информационных сайтов, является Wordpress. На нём с помощью плагинов можно создавать не только информационные сайты, а и форумы, интернет-магазины и прочие интернет ресурсы.
Если планируете создание форума, тогда для него следует использовать специализированные форумные движки: SMF, MyPHP, phpBB.
ШАГ 4: Выбор шаблона и наполнение контентом
После установки движка сайта, в панели управления хостинга появится доступ в администраторскую панель сайта. В данной панели вебмастер выбирает шаблон своего сайта (тему), подключает или отключает сервисы и функции (комментарии, написание постов), устанавливает дополнительные плагины, совершает резервную выгрузку саайта и прочие действия.
В администраторской панели сайта, вебмастер имеет возможность создавать страницы и записи. Кроме того, администратор сайта может добавлять и удалять пользователей и назначать им роли. Например пользователь сайта с ролью автор, может создавать обзоры и статьи на сайте и публиковать их. Пользователь с ролью посетителя, может только просматривать контент на сайте, а публиковать ничего не сможет.
Также, с помощью возможности установки плагинов (дополнений) есть возможность улучшать свой проект. Данные плагины позволяют расширять функционал сайта и возможность улучшить .
Привет, друзья. В сегодняшней статье я расскажу о том, как разместить сайт в Интернете. Инструкция по этому вопросу есть в моем бесплатном курсе «Профи сайт за 40 минут», но, иногда, людям нужна быстрая помощь, а в курсе этот урок идет третьим или четвертым по счету. Так что я решил сделать полноценную статью в блоге.
Это дополнительный полезный контент, а за одним и готовая страница, на которую можно будет быстро направить человека, у которого возникла проблема.
В статье я расскажу:
Если вы уже читали мой пост о том, то понимаете – перед тем как разместить сайт, вам необходимо подготовить для него место в интернете и зарегистрировать адрес.
Перед написанием инструкции, я предполагаю, что у вас уже есть подготовленные файлы сайта и вам есть что размещать. Если нет, то подпишитесь на мой бесплатный курс о том, и через 23 минуты у вас уже будет все готово.
Какие существуют варианты размещения сайта
Если быть полностью откровенным, то у вас есть 3 варианта для размещения сайта в интернете. Я вкратце расскажу о каждом из них, а подробно остановлюсь на том, который считаю оптимальным и использую сам.
1. Создание сервера на собственном компьютере
Любой сервер – это обычный компьютер, настроенный специальным образом и подключенный к интернету через быстрый канал связи. Такие же сервера используют все хостинг компании, так что вы можете самостоятельно разместить свои сайты на своем компьютере.
Для этого потребуется: выделенный IP адрес, быстрый интернет, серверное программное обеспечение и, соответствующие знания.
Мне не доводилось использовать такой вариант, но в свое время я читал статьи о том, как это сделать. И мне показалось, что проще отдать свои ресурсы на обслуживание профессионалов, это будет дешевле и удобнее.
2. Использование серверов хостинг компаний
Все то же самое, что и в первом пункте, только с вас снимается вся головная боль по настройке и обслуживанию серверов. И за работой железа и за правильным функционированием программного обеспечения будут следить специально обученные люди.
Хотя если смотреть на цены, то месячная абонентская плата у многих хостинг провайдеров ниже, чем цена выделенного IP адреса, который дает мой интернет провайдер. Так, что размещать свои проекты через специальные компании дешевле, чем на собственном сервере.
3. Бесплатные хостинги для сайтов
Есть несколько хостинг компаний, которые наравне с обычными платными тарифами предоставляют бесплатные аккаунты. Например, hostinger.ru. У меня даже была мысль порекомендовать его новичкам, но, после чтения отзывов о его работе, такое желание пропало. Несмотря на вполне приличную функциональность, заявленную в описании, использовать их для размещения действующих сайтов не рекомендую.
Можно поискать и другие бесплатные хостинги, которые будут работать более стабильно, но, скорее всего, там не будет поддерживаться что-либо, так что сплошной геморрой. Проще заплатить пару копеек в месяц и не знать проблем с работой сайта (). Но если хотите, можете поэкспериментировать. Вся процедура по размещению сайта на hostinger аналогична той, что я опишу ниже, разберетесь.
Справедливости ради нужно отметить, что есть надежные и стабильные бесплатные хостинги, типа blogger.com, про него я . Но они не позволяют размещать собственные файлы – на них работает только встроенный конструктор.
Регистрация домена
Регистрацией доменов занимаются специальные компании – регистраторы. Они, за определенную плату, которая зависит от самого регистратора и выбранной зоны, закрепляют за вами право владения доменом сроком на 1 год.
Но, очень часто, хостинг провайдеры предоставляют бесплатную регистрацию домена в качестве бонуса, то есть, они сами платят регистратору за вас. Опция очень полезная, особенно, если у вас всего 1 сайт.
Если же вам нужно несколько доменов, то второй и последующий лучше регистрировать не через хостинг провайдера, а напрямую через регистраторов. Я регистрирую через Ластрия Домэинс nn.gdmd.ru , там зоны.ru и.рф стоят по 95 рублей.
Регистрация хостинга
Вот мы и подошли к самому интересному, пора обзавестись домом для будущего сайта. Сейчас я помогу вам зарегистрировать хостинг и, вместе с ним, получить домен в подарок. В этом уроке я покажу всю процедуру для хостинга Sprinthost , но можно использовать и другие. Пара слов о том, почему в уроке будет описан именно он:
Почему Sprinthost?
- Это русскоязычный хостинг. Все что в нем есть, начиная от сайта для регистрации и заканчивая панелью управления аккаунтом на русском языке, так что, даже новички не будут испытывать проблем с работой.
- Круглосуточная тех.поддержка по бесплатному телефону. Я думаю, не нужно объяснять, зачем нужен такой бонус.
- Один из самых качественных и стабильных хостингов. Сервера не падают и можно быть уверенным в том, что ваш сайт будет функционировать постоянно.
- Одна из самых низких цен на рынке. Более дешевого варианта я не встречал – 890 рублей в год. В эту сумму еще и включена регистрация домена.
- Широкий функционал. Можно прямо из панели управления устанавливать на сайт все популярные системы управления контентом, включая wordpress.
В целом, о том, какой хостинг лучше выбирать для сайта я .
Регистрация аккаунта
Перед тем, как выложить сайт в интернет нам необходимо зарегистрировать аккаунт, для этого:
Перейти на сайт Sprinthost
Вы попадете на главную страницу, на которой необходимо выбрать подходящий тарифный план. Для старта я рекомендую использовать самый дешевый. Он позволяет разместить до 2-х сайтов и, как я уже писал, стоит всего 75 рублей в месяц.
После выбора тарифного плана необходимо заполнить небольшую анкету с вашими регистрационными данными. Обратите внимание, что для регистрации доменного имени потребуются данные паспорта (этого требует наше законодательство). После того, как вы укажете всю информацию – жмите кнопку отправить заказ.
Подтверждение заказа приходит не мгновенно, у этого провайдера проходит ручная проверка заявок. Сначала вы получите письмо о том, что ваша заявка принята, а спустя минут 15 к вам на почту придут данные для входа во вновь созданный аккаунт.
Сразу после подтверждения регистрации вы получите 15 дней на тестирование аккаунта, но, имейте ввиду, что тестировать вы можете только хостинг, а процедура регистрации домена начнется только после оплаты
, так что первым делом перейдите по ссылке для оплаты, которая пришла в письме, выберите подходящий вариант и оплатите услугу.
В письме есть важные данные, которые вам следует сохранить
- Это логин для входа в аккаунт, обычно он совпадает первыми 8-ю буквами заказанного домена.
- Пароль для доступа к аккаунту. Он генерируется автоматически, в будущем вы сможете его сменить из администраторской панели хостинга.
- Данные для подключения к по FTP – как раз они нам понадобятся для того, чтобы разместить файлы сайта на сервере. Обратите внимание, что пока ваш основной домен не начал работать (пока идет его регистрация у регистратора), вам предоставляется технический домен 4 уровня. В моем примере он выглядит как pr0stosait.ru.xsph.ru .
Вся информация на нем является полной копией тех данных, что мы увидим на основном сайте после регистрации, поэтому, можно начинать настройку не дожидаясь действий регистратора.
Размещаем сайт в Интернете с помощью FileZilla
Итак, у вас уже есть действующий хостинг, регистрация домена может занять 1-2 дня, но это не проблема, пока мы с вами будем пользоваться тестовым доменом и разместим все файлы на нем. Для этого воспользуемся FTP клиентом Filezilla. Это бесплатная программа, скачать ее можно здесь .
Для работы нам пригодятся те данные, которые были помечены в письме как «для тестирования». Позже, когда ваш домен будет зарегистрирован, вы сможете использовать основные ссылки.
Запускаете FileZilla и первое, что необходимо сделать – это подключиться к удаленному серверу.
Введите в окошках данные и нажмите быстрое соединение:
Имя пользователя – логин аккаунта
Пароль – пароль
В окнах программы у вас откроются папки на компьютере (слева) и на сервере в интернете (справа). Чтобы разместить файлы сайта в интернете, вам нужно открыть в левой части ту папку, где хранятся файлы ваших веб-страниц, а в правой части папку public_html/адрес сайта/ .
Внутри папки на хостинге уже находятся файл index.html и папка cgi-bin, они показывают заставку хостинг компании. Если вы откроете тестовый адрес сайта, то увидите вот такую картинку:
Вы можете выделить с помощью мыши файлы на сервере и удалить. После чего, выделите файлы вашего сайта на компьютере (левая часть) и просто перетащите их в правое окно. Обратите внимание, что ваш главный запускающий файл должен называться index.html (htm, php), ключевое слово index. Только файл с таким названием автоматически воспринимается браузерами.
Как только программа перенесет файлы с компьютера на сервер (ход выполнения отображается в нижнем окне программы) ваш сайт будет доступен в интернете.
Если на вашем сайте несколько страниц, то вы можете выкладывать другие страницы во вложенные папки. То есть, по адресу public_html/адрес сайта/ находится главная страница.
Для страницы с контактными данными вы можете сделать папку public_html/адрес сайта/kontakty/ и в нее положить файл index.html для страницы контактов. В этом случае, страница контактов будет доступна по адресу http://адрес сайта/kontakty/
Либо, вы можете разместить файл страницы контактов в главной директории, но назвать его kontakty.html, тогда эта страница будет доступна по адресу http://адрес сайта/kontakty.html
Первый вариант больше подходит для сайтов с большим количеством страниц и сложной структурой, если же сайт маленький, то лучше придерживаться второго способа.
Вот и все, разместить в интернете сайт оказалось совсем не сложно, теперь вам нужно дождаться пока заработает ваш домен и, вы станете полноправным владельцем собственного интернет ресурса.
Успехов, Дмитрий Жилин
