Иногда нужно выложить где-то скриншот или файлы исходников, чтобы другие люди могли их скачать.
Если у вас есть свой хостинг, то вы можете его и использовать, но если у вас его нет или вы не хотите использовать его для этих целей, то можно воспользоваться следующими способами.
Как выложить изображение
Чтобы выложить картинку или скриншот, можно использовать сервисы предназначенные для выкладывания изображений, например http://radikal.ru
Можно не использовать подобные сервисы, а просто загрузить изображение в альбом ВКонтакте и скопировать ссылку на изображение.
Так же можно поступить и с другими сервисами, позволяющими загружать фотографии.
Как выложить файл
Чтобы выложить файл, например zip архив, можно использовать файлообменники, например
http://narod.yandex.ru/
Есть множество разных файлообменников, но очень многими неудобно пользоваться из-за большого количества рекламы и из-за долгого ожидания перед началом скачивания файла. На мой взгляд, сервис от Яндекса наиболее удобный.
Как создать интернет магазин ВКонтакте. Продающее сообщество в ВК
Удобный способ выкладывания файлов и изображений
Один из удобных способов выкладывать изображения и файлы — это использовать Dropbox.
Dropbox — это облачное хранилище файлов. В отличие от других облачных хранилищ, Dropbox позволяет получить прямую ссылку на файл.
Кроме того, что можно использовать Dropbox для обмена и выкладывания изображений, вы можете хранить в нем и свои файлы. Если вы ещё не пользуетесь облачными хранилищами, то советую вам попробовать.
Совсем недавно Яндекс запустил сервис облачного хранилища Яндекс.Диск, а Google запустил сервис Google Drive. Dropbox существует с 2010 года. У облачных сервисов от Яндекса и Гугла, на данный момент нет возможности получить прямую ссылку на файл.
После регистрации в Dropbox на вашем аккаунте будет доступно 2гб, а если вы зарегистрируетесь по моей реферальной ссылке http://db.tt/57ZeVzCf — то вы и я бесплатно получим дополнительно по 500мб.
После регистрации, вам будет предложено скачать и установить программу. Если вы это сделаете, то на вашем компьютере появится папка Dropbox, в которую вы сможете копировать файлы как и в обычную папку.
Для того чтобы использовать Dropbox, не обязательно устанавливать программу. Вы можете авторизоваться на сайте Dropbox.com под своим аккаунтом с любого компьютера.
Вы можете создавать свои папки. Например, на скриншоте видно, что я создал свои папки all и Soft.
Папки Photos и Public уже были созданы.
Чтобы выложить файл в интернет для публичного доступа, нужно загрузить файл в папку Public.
Через интерфейс Windows это делается простым копированием файла в папку.
При авторизации в аккаунте через браузер, загрузить файл можно кликом по иконке Upload или простым перетаскиванием файла в окно браузера.
Как вывести группу вконтакте в топ яндекс и гугл?
Для того чтобы получить ссылку на загруженный файл, при работе через Windows:
Выделите файл, кликните по нему правой кнопкой и выберите Dropbox — Copy public link. Ссылка будет скопирована в буфер обмена.
При работе через браузер, выделите файл и кликните по Copy public link. Затем скопируйте ссылку обычным способом или кликните на Copy to clipboard.
Полученную ссылку можно использовать для вставки изображений или скачивания файлов напрямую. Просто вставьте ссылку туда куда вам надо.
Другие папки вы можете использовать для хранения своих файлов. Например, чтобы забэкапить свои файлы или чтобы получить доступ к ним с любого компьютера или мобильного устройства с доступом в интернет.
Источник: flapps.ru
Как выложить страницу вк в интернет
В прошлых советах я рассказал, как с нуля сделать простую веб‑страницу с базовым оформлением. Сегодня расскажу, как загрузить и опубликовать страницу в интернете, чтобы её могли увидеть другие люди.
Предположим, что в конце последнего совета у нас получилась такая страница‑визитка — файл index.html с разметкой и стилями:
Иван Фубаров body < font-family: Helvetica; font-size: 18px; line-height: 20px; background-color: #000; color: #fff; >h1 < font-size: 32px; >p < max-width: 250px; opacity: 0.9; >.highlighted
Иван Фубаров
Дизайнер, руководитель, философ, любитель луковых оладий.
Помогаю бизнесу выглядеть подтянуто и стильно. Оптимизирую работу дизайнеров.
В свободное время занимаюсь йогой и гуляю с котом
Как страница попадает в интернет
Страницу можно открыть на своём компьютере, если перетянуть ХТМЛ ‑файл в браузер.
Чтобы другие люди могли открыть страницу, нужно, чтобы они так же могли обратиться к какому‑то компьютеру и «перетянуть» файл оттуда себе в браузер. Такой компьютер называется сервером.
Сервером может быть и домашний компьютер, но это неудобно и небезопасно. Придётся особым образом настроить компьютер и сетевое оборудование, и всегда держать их включёнными, чтобы люди имели доступ к серверу в любое время.
Большинство сайтов живут на арендованных серверах. Позволить собственные сервера и инфраструктуру могут немногие компании
Проще и надёжнее арендовать готовый настроенный сервер и загрузить туда страницу.
Большинство сайтов живут на арендованных серверах. Позволить собственные сервера и инфраструктуру могут немногие компании
Аренда сервера
Услугу по аренде сервера называют хостингом. Видов хостингов много, они отличаются ценами и специализацией: кто‑то сдаёт простые сервера для несложных сайтов, а кто‑то предлагает мощные серверные кластеры для огромных проектов.
Для размещения нашей страницы подойдёт самый простой хостинг. Стоит выбрать что‑то недорогое, без переплаты за избыточные мощности и с удобным понятным интерфейсом.
Бывают и бесплатные хостинги, но с ними нужно быть осторожнее. Обычно бесплатность компенсируется низкой надёжностью и встроенной рекламой сомнительного содержания. Хороший бесплатный вариант — это Гитхаб Пейджс, но разобраться с ним может быть сложнее, чем с обычными хостингами.
Популярные и зарекомендовавшие себя в рунете хостинги — Рег.ру, Таймвеб и Бегет.
Принципиально крупные хостинги мало чем отличаются, кроме дизайна. Примеры дальше будут для Таймвеба, но для других хостингов особых отличий не будет.
Виртуальный хостинг означает, что на одном физическом компьютере‑сервере сдают места сразу под несколько сайтов, разграничивая их программно. Мощности сервера делятся между сайтами, тонко настроить сервер под себя нельзя. Это недорогое решение для простых сайтов.
Аренда физического сервера целиком гораздо дороже, зато даёт полный доступ к мощностям и позволяет тонко настроить сервер. Это выбор для сложных и высоконагруженных проектов.
Сначала регистрируемся, ищем в меню «Виртуальный хостинг», выбираем самый простой тариф:
Виртуальный хостинг означает, что на одном физическом компьютере‑сервере сдают места сразу под несколько сайтов, разграничивая их программно. Мощности сервера делятся между сайтами, тонко настроить сервер под себя нельзя. Это недорогое решение для простых сайтов.
Аренда физического сервера целиком гораздо дороже, зато даёт полный доступ к мощностям и позволяет тонко настроить сервер. Это выбор для сложных и высоконагруженных проектов.
У крупных хостингов обычно есть бесплатный пробный период
После выбора тарифа откроется панель управления. Отсюда можно оплачивать и управлять нашим хостингом.
Современные панели управления довольно дружелюбны и позволяют управлять хостингом без особых технических знаний. Тем не менее, нажимать незнакомые кнопки стоит с осторожностью :‑)
На одном арендованном хостинге можно разместить несколько своих сайтов, если позволяет тариф
В разделе «Сайты» добавляем сайт. Сайт в терминах хостинга — это, условно, выделенное в памяти место с файлами, данными и уникальным адресом. Адрес сайта называют доменом и на этом шаге он может выглядеть сложно и непонятно, чуть позже мы приведём его в порядок.
На одном арендованном хостинге можно разместить несколько своих сайтов, если позволяет тариф
В Таймвебе первый сайт создаётся сам при регистрации, ничего добавлять не надо:
Наконец, в разделе «Файловый менеджер» загрузим файл нашей страницы в папку сайта.
Название файла index указывает на главную страницу, она откроется по умолчанию при заходе на сайт по его адресу
В зависимости от хостинга, названия папок для загрузки файла могут быть public_html или www . Эти папки могут находиться сразу в файловом менеджере или в папке с названием сайта. Если в нужной папке уже лежит файл с названием index, его нужно удалить.
Название файла index указывает на главную страницу, она откроется по умолчанию при заходе на сайт по его адресу
Всё. Сайт уже доступен в интернете, но пока его адрес сложный и неудобный. Разберёмся, как сделать адрес удобным и красивым.
Адрес сайта
На один сайт может вести сколько угодно доменов
По‑правильному, адрес сайта называется доменом. По умолчанию на хостинге доступны и используются бесплатные домены, но они выглядят сложно и некрасиво. Поэтому обычно для сайта арендуют более удобный и красивый домен.
На один сайт может вести сколько угодно доменов
Домены, как и хостинг, не покупаются навсегда. Они арендуются сразу на год или на несколько лет, затем аренду нужно будет продлевать.
Доменная зона может влиять на продвижение сайта в поисковиках, но для простых некоммерческих проектов этим можно не заморачиваться и выбрать зону, которая больше нравится
Цена аренды зависит от доменной зоны — текста после точки в адресе. Адрес в распространённой русской зоне .ru обойдётся дешевле, чем в более солидной коммерческой зоне .com и гораздо дешевле, чем в экстравагантной зоне .xxx .
Доменная зона может влиять на продвижение сайта в поисковиках, но для простых некоммерческих проектов этим можно не заморачиваться и выбрать зону, которая больше нравится
Домены удобно арендовать у той же компании, что и хостинг. В Таймвебе купить домен можно во вкладке «Домены и поддомены», кнопкой «Зарегистрировать домен»:
Большинство доменов с популярными словами уже заняты. Их часто скупают не для размещения сайтов, а специально для перепродажи. Это похоже на бизнес с красивыми автономерами.
Занятый домен можно купить напрямую, связавшись с его владельцем. Купить домен с рук почти всегда гораздо дороже, а сам процесс сопряжён с переговорами и несёт определённые риски. Поэтому к такой сделке нужно подходить очень внимательно и осторожно.
Гораздо проще, если домен занят, подобрать другие слова или изменить доменную зону. Обычно в интерфейсе покупки домена сразу предлагается набор похожих вариантов, вместо занятого:
Когда домен подобран и оплачен, его привязывают к сайту через раздел «Сайты» в панели управления. Вскоре после привязки, сайт начнёт открываться по нужному домену.
Сайт на хостинге можно изменять и обновлять. Например, изменить главную страницу и загрузить её новую версию, или добавить больше страниц. В рамках тарифа можно добавлять новые сайты, покупать и привязывать больше доменов. Только не забывайте вовремя продлевать аренду хостинга и доменов, чтобы всё работало без перебоев.
P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.
Источник: bureau.ru
Как выложить сайт в Интернет: простая инструкция
Вот и подошёл к концу наш курс по основам HTML. На протяжении всего этого времени мы занимались тем, что создавали HTML-странички у нас на компьютере, изучали работу различных тегов, научились работать со стилями и даже сумели собрать всё воедино и создать простейший сайт из нескольких страничек.
Теперь же, чтобы наш сайт смогли увидеть другие люди, его нужно выложить на хостинг – это специальный сервер в сети Интернет, который позволяет опубликовать Ваши файлы для других людей.
Начнём с того, что нам для начала нужно понять, как вообще работают сайты. Что происходит с того момента, как Вы вводите в адресную строку yandex.ru, и до момента, когда Вы видите главную страницу Яндекса.
Происходит следующее – когда вы пишите в адресной строке доменное имя – yandex.ru и нажимаете Enter, Ваш компьютер обращается к специальным DNS-серверам в Интернете, с запросом найти для этого доменного имени IP-адрес. Эти DNS-сервера содержат записи, по которым можно найти связь между доменным именем и IP-адресом, на который оно указывает. Этот IP-адрес в большинстве случаев принадлежит хостингу.
- Привет, мир!
- Развернуть строку
- Чётные числа
- Числа Фибоначчи
Так вот после того, как этот IP-адрес для домена определён, на него отправляется запрос по протоколу HTTP. И если на хостинге для этого доменного имени имеются настройки, то хостинг отдаёт результат в виде HTML-кода, который приходит в браузер.
Браузер обрабатывает этот HTML-код, и возвращает нам его визуальное представление в виде привычных нам страничек. То есть это очень похоже на то, как мы с Вами открывали HTML-файлы прямо на своём компьютере, с той лишь разницей, что HTML-код загружается не с Вашего жёсткого диска, а с удалённого сервера, который мы далее будем именовать «хостинг».
Данный процесс можно исследовать с помощью инструментов разработчика в Google Chrome (смотрите видео).
Итак, разобрались с тем, что такое доменное имя и хостинг. Давайте теперь поговорим о том, где всё это взять, и о том, как всё настроить.
И домены и хостинг приобретаются у специальных провайдеров. Один из таких – Макхост. Проект php.zone размещён именно у этого провайдера, и я очень доволен качеством обслуживания. Сегодняшний урок будем проводить именно на примере заказа домена и хостинга у данного провайдера.
Тем более, что ребята из этого сервиса специально для Вас, пользователей php.zone согласились предоставить 3 месяца хостинга и доменное имя в зоне .ru или .рф совершенно бесплатно. Так что можете попробовать бесплатно – совершенно ничего не теряете. Подробнее о том, как получить халяву, читайте здесь — https://php.zone/post/729
Я же покажу как это делается в случае покупки хостинга, так как если Вы всё же решите использовать другого провайдера, то Ваши шаги будут именно такими.
Покупка хостинга и домена
Итак, заходим на страницу услуг хостинга, выбираем понравившийся тариф и жмём «Заказать».
Лично мне за глаза хватает тарифа Мак-10, на котором я размещаю 3 сайта, включая php.zone.
И в следующем окне вводим свой email, а ещё можно тут же ввести промокод WEBSHAKERU и получить 3 месяца хостинга и домен в подарок. Подробности тут.
Жмём далее. Убеждаемся в том, что выбран нужный тариф, и указываем срок, на который хотим заказать услугу. Здесь же указываем доменное имя, которое хотим зарегистрировать. Я выбрал в качестве примера домен bestbooksforprogrammers.ru. Поиск хорошего доменного имени — отдельная тема, так как очень многие красивые домены заняты.
Если интересно — погуглите на тему «подбор доменного имени».
После того как нажмете «далее» Вам будет отправлено письмо на почту с данными для входа на сайт.
Собственно, чего ждём? Входим в панель управления с полученными данными.
Входим, и видим, что для активации аккаунта нужно пополнить баланс.
Жмякаем на оплату, и видим, что доступны несколько способов оплаты. При этом на некоторые из них распространяется бонус в виде нескольких процентов от суммы на баланс. Мелочь, а приятно.
Оплачиваем выбранным способом, и возвращаемся в панель управления. Видим, что выполняется активация аккаунта. Происходит это в течение пары минут (хотя пугают, что можно и 10 минут прождать).
После того, как аккаунт активируется, увидим сообщение о том, что нужно заполнить анкету с личными данными, без которых невозможно зарегистрировать доменное имя.
Делается это в первую очередь для Вашей безопасности, чтобы домен не украли и т.п.
Заполняется она довольно быстро, ко всем полям есть подсказки по заполнению. В каком формате, порядке, вот это вот всё.
После заполнения жмём «Сохранить персону». В почте читаем о том, что домен будет зарегистрирован в течение двух рабочих дней.
Если сейчас зайти в меню «сайты», то увидим, что домен регистрируется.
Ждём, в моём случае прошло где-то 6 часов. Сайт сменил статус на «активен».
После этого можем открыть наш сайт в браузере и увидеть, что он заработал. Будет открыта стандартная страничка, которую разместил провайдер на хостинге.
Загрузка сайта на хостинг
Теперь нам нужно закачать наш сайт на хостинг. Делается это по специальному протоколу для передачи файлов — FTP (File Transfer Protocol). Для этого используются специальные программы, которые называются FTP-клиенты. Одна из таких бесплатных программ — FileZilla. Скачать — тут.
После того как программа установится, можно подключаться к хостингу и работать с файлами. Для этого нужно взять данные для FTP из письма, присланного Вам на почту:
И забить их в настройки программы и нажать кнопочку «Быстрое соединение»:
После этого в правой вкладке откроется структура папок хостинга. Вас здесь интересует папка httpdocs
Переходим в неё, удаляем оттуда все файлы и перезагружаем вкладку с нашим сайтом. Видим ошибку.
Это нормально, ведь сейчас просто нечего показывать.
Давайте теперь просто перетащим туда файлы нашего сайтика, которые мы подготовили в предыдущем уроке.
На сайте, если не указан путь до конкретной странички, будет открываться файл index.html.
Давайте теперь обновим вкладку с нашим сайтом и увидим, что открылись написанные нами странички:
Успех, наш сайт в Интернете! С чем я Вас и поздравляю.
Друзья, надеюсь этот урок был полезен для Вас, как и весь курс. Эти уроки всегда будут доступными всем желающим. Пожалуйста, если Вас не затруднит, поделитесь этим курсом в социальных сетях, или же просто расскажите своим друзьям, если они интересуются темой IT. Буду Вам очень благодарен. Сейчас буду делать курс по PHP, после него — ещё что-нибудь полезное буду делать.
В общем, следите за обновлениями, подписывайтесь на канал на YouTube, следите за новостями в соц. сетях (ссылочки в шапке сайта).
Источник: php.zone