Как запустить сайт на html

Как запустить сайт, что дальше после верстки?

я новичок. Взял готовый дизайн код для сайта. Я его сверстал, html+css+js, адапатировал. Теперь у меня есть готовый код. Но какие действия дальше? Нужно превратить верстку во что? Сайт простой из одной страницы. То есть готов изучать, платить за хостинг и тд, но не представляю что нужно для этого. WordPress?

Отслеживать
5,198 2 2 золотых знака 10 10 серебряных знаков 25 25 бронзовых знаков
задан 11 фев 2020 в 12:18
99 2 2 серебряных знака 5 5 бронзовых знаков

Запустить веб-сервер, настроив его на раздачу вашей одной страницы, и поделиться адресом веб-сервера с народом

11 фев 2020 в 12:39
Нужно прежде всего научиться пользоваться поисковыми системами.
11 фев 2020 в 14:58

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

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

Отслеживать
ответ дан 11 фев 2020 в 12:40
Andrei Fedorov Andrei Fedorov
5,809 1 1 золотой знак 9 9 серебряных знаков 31 31 бронзовый знак
А заливать что? Html или php?
11 фев 2020 в 13:14

Заливать всё, что там у вас имеется. Если у вас ‘html+css+js’ то откуда тут взяться php? Если весь сайт -ваша страничка — свёрстана в виде одного файла — его и грузите. Если же в html подключены css и js в виде отдельных файлов — грузите на хостинг их все. Включая файлы картинок, если таковые имеются.

11 фев 2020 в 13:28

То есть, если у меня простой лендинг и только форма работающая на js, то всё будет работать(в теории), в том числе мне смогут на емейл писать люди? Выходит я просто загружаю всё, что есть(верстку в виде html,ccs+js) и ничего более не нужно?(ну соответственно править я только через код смогу текст). Спасибо за ответ заранее.

11 фев 2020 в 13:42

@Алекс, то есть надо залить всё на хостинг, запустить и опробовать. Если локально всё работает, возможно сразу заработает и на хостинге. Впрочем, если вы у себя использовали какие-то сторонние библиотеки, то их необходимо и на хостинге подключить. Если же не заработает сразу, что вы там написали, смотрите логи ошибок и исправляйте. Порой на хостинге сразу из коробки включены не все модули php, например. Едва ли javascript лично отправляет письма. Скорее, он обрабатывает форму и передаёт её php-скрипту. Значит и php у вас есть, а это уже другая история.

Публикация вашего веб-сайта

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

Какие существуют варианты?

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

Получение хостинга и доменного имени

Чтобы иметь больший контроль над контентом и внешним видом веб-сайта, большинство людей предпочитают покупать веб-хостинг и доменное имя:

• Хостинг — арендованное файловое пространство на веб-сервере хостинговой компании. Вы размещаете ваши файлы веб-сайта в этом пространстве, и веб-сервер выдаёт контент для веб-пользователей, которые запрашивают его.
• Доменное имя — уникальный адрес по которому люди могут найти ваш веб-сайт, например http://www.mozilla.org или http://www.bbc.co.uk . Вы можете арендовать доменное имя на столько лет, сколько захотите (минимум на 1 год) у регистратора доменов.

Множество профессиональных веб-сайтов располагается в Интернете именно таким образом.

Кроме того, вам потребуется File Transfer Protocol (FTP)-клиент (более подробно см. Сколько это стоит: программное обеспечение), чтобы передать файлы веб-сайта на сервер. Существует множество FTP-клиентов, но, как правило, вам нужно войти на веб-сервер, используя данные, предоставленные вашей хостинговой компанией (например: имя пользователя (логин), пароль, имя хоста). Затем FTP-клиент отобразит файлы на вашем компьютере в одной половине окна и файлы на хостинговом сервере в другой половине, так вы сможете перетаскивая копировать файлы с вашего компьютера на сервер и обратно.

Советы по поиску хостингов и доменов

• Здесь мы не продвигаем какие-то конкретные хостинговые компании. Чтобы найти хостинг и регистратора доменных имён, просто поищите «веб-хостинг» и «доменные имена». Во всех таких сервисах есть функция, позволяющая вам проверить, доступно ли имя домена, или кто-то другой уже зарегистрировал его.
• Ваш домашний или рабочий Интернет-провайдер может предоставлять хостинговые услуги для небольших веб-сайтов. Набор возможностей в таком случае может быть ограничен, но, тем не менее, он может отлично подойти для ваших первых экспериментов — свяжитесь с ними и узнайте!
• Также есть несколько бесплатных сервисов, таких как Neocities, Blogspot, и WordPress. Опять же, вы получаете то, за что платите, но они идеально подходят для ваших первоначальных экспериментов. Бесплатные сервисы по большей части не требуют FTP-клиентов — вы можете перетаскивать ваши файлы напрямую в веб-интерфейсе.
• Иногда компании предлагают одновременно и хостинг и домен.

Использование онлайн инструментов, таких как GitHub или Google App Engine

Некоторые сервисы позволяют вам опубликовать сайт:

• GitHub — это «социальная сеть программистов». С помощью неё можно загружать репозитории с вашими разработками для хранения в Git — систему контроля версий. По умолчанию все разработки хранятся с открытым исходным кодом, а это значит, что ваш код будет доступен любому — участники могут по нему учиться либо же предлагать свои улучшения. Вы также можете объединяться с другими кодерами! Это очень большое и полезное сообщество, в чьи ряды лучше вступить, и Git/GitHub это очень популярная система контроля версий — большинство компаний сейчас использует её для работы. GitHub имеет очень полезную функцию GitHub pages, с помощью которой вы сможете опубликовать ваш код (ваш сайт) в интернете.
• Google App Engine — это мощная платформа, которая позволяет создавать и запускать приложения в инфраструктуре Google — нужно ли вам создать многоуровневое веб-приложение с нуля или разместить статический веб-сайт. Смотрите как разместить ваш веб-сайт на Google App Engine чтобы узнать больше информации.

В отличие от других хостингов, эти услуги обычно бесплатны, но взамен вы получите ограниченный набор инструментов.

Использование облачных IDE, таких как CodePen

Существует ряд веб-приложений, эмулирующих среду веб-разработки, позволяющих вводить HTML, CSS и JavaScript, а затем отображать результат этого кода в виде сайта — и все это на одной вкладке браузера. Вообще говоря, эти инструменты достаточно просты, отлично подходят для обучения, хороши для того, чтобы делиться кодом (например, если вы хотите поделиться техникой с коллегой или обратиться за помощью в отладке к коллегам из другого офиса) и бесплатны (основные функции). Они размещают вашу отрендереную страницу на уникальном веб-адресе. Однако, основные функции довольно ограничены, и приложения обычно не предоставляют хостинговое пространство для таких файлов, как изображения и т.д.

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

Публикация с помощью GitHub

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

Основная настройка

1. Прежде всего, установите Git на ваш компьютер. Это основная версия системы управления версий, поддерживающая GitHub.
2. Далее, создайте аккаунт в GitHub. Это просто и легко.
3. После того как вы зарегистрировались, войдите в github.com используя ваш логин и пароль.
4. Далее, вам нужно создать новый репозиторий для ваших файлов. Нажмите Плюс (+) в правом верхнем углу главной страницы GitHub, затем выберите New repository.

На этой странице, в поле Repository name, введите username.github.io, где username это ваше имя пользователя. Так, например, наш друг valerii15298 введёт valerii15298.github.io.

Нажмите Create repository и вы окажетесь на следующей странице:

Загрузка ваших файлов на GitHub

Здесь у нас будет использоваться командная строка чтобы отправить наш репозиторий на GitHub. Командная строка — это окно где вы вводите команды для быстрого выполнения таких вещей, как создание файла или запуск программы, без использования пользовательского интерфейса. Командная строка выглядит примерно так:

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

У всех операционных систем есть командная строка:

• Windows: Командная строка. Чтобы открыть её нажмите клавишу Windows, затем введите Командная строка в поле поиска, и выберите её в появившемся списке. Заметьте, что Windows имеет свои собственные соглашения команд, отличные от Linux и OS X, поэтому приведённые ниже команды могут отличаться на вашем компьютере.
• OS X: Terminal можно найти в Приложения > Утилиты.
• Linux: Обычно вы можете вытащить терминал с помощью Ctrl + Alt + T. Если это не сработает, найдите Терминал в панели приложений или меню.

Сначала это может показаться немного страшным, но не волнуйтесь — вы скоро освоите основы. Вы говорите компьютеру сделать что-то в терминале, введя команду и нажав Enter.

Укажите в командной строке каталог test-site (или другое название каталога, содержащего ваш сайт). Для этого используйте команду cd (т.е. «change directory»). Вот то, что вы наберёте, если разместили свой веб-сайт в каталоге под названием test-site на рабочем столе:

cd Desktop/test-site 

git init 

Как запустить сайт на html

Есть написан почти простейший сайт, с использованием HTML и CSS. Вот что с этими файлами (со своего ПК) сделать что бы сделать сайт работающий в инете. Вообщем нужно подробная, пошаговая инструкция для чайника — меня.

Участник клуба
Регистрация: 23.07.2007
Сообщений: 1,054

коммерческий способ
1. приобретаем доменное имя для сайта.
nic.ru, reg.ru,panel1.addomains.org и т.д. не забываем что при регистрации доменного имени потребуются паспортные данные владельца или юр.реквизиты для юриков.

2. приобретаем хостинг- то есть то место, где будут лежать ваши файлики. то есть сервер. Существует огромный выбор хотеров как российских так и зарубежных:
fornex.com, hc.ru, majordomo.ru и д.р.
кстати частенько бывает что, те кто продают вам доменное имя, предлагают и хостнг заодно.

3. Как только вы приобрели хостинг и доменное имя, вам надо их связать. то есть сослать доменное имя на ваш хостинг. если вы покупали их в одном месте, то скорее всего уже все настроено. если же нет, то вам надо в настройках домена указать DNS сервера хостера. Чаще всего у хостера есть свои DNS. которые можете узнать в инструкции хостеров. Если же у них нет своих DNS, то надо в редакторе DNS зоны прописать IP адрес сервера. если конечно есть таковой редактор. Но более ушлые регистраторы типа NIC.RU просят еще 600 руб за редактор DNS зоны. Если вы не хотите платить за редактор DNS зоны, а у хостера нет своих DNS, то вы можете использовать сторонние DNS. например Yandex предоставляет их на халяву при этом с редактором DNS зоны.

4. после того, как вы сошлете доменное имя на хост (2 часа-48 часов), дать понять хостеру, что вы будете юзать такое то имя — в настройках укажите. и на хосте появится папочка в которую будут предлагать лить файлы. заливаем через веб интерфейс хостера файлы на сервер или пользуемся FTP

Писано по д’Эльфийски
Форумчанин
Регистрация: 12.03.2011
Сообщений: 113

1. В гугл: бесплатный хостинг сайтов
2. Находим
3. Регаемся
4. .
5. Profit!
———
1. В браузер: http://www.hostinger.ru/
2. Регаемся, выбираем адрес и т.д.
3. Заливаем все файлики
4. Ждемс, когда все обработается
5. .
6. Profit!

Пользователь
Регистрация: 05.01.2014
Сообщений: 31
Сообщение от Masafi

1. В гугл: бесплатный хостинг сайтов
2. Находим
3. Регаемся
4. .
5. Profit!
———
1. В браузер: http://www.hostinger.ru/
2. Регаемся, выбираем адрес и т.д.
3. Заливаем все файлики
4. Ждемс, когда все обработается
5. .
6. Profit!

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

Последний раз редактировалось halloland; 05.01.2014 в 23:35 .

Как создать сайт HTML

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

      
Мой первый сайт в блокноте HTML
 
Привет! Это мой первый сайт.
  

Скопируйте приведенный код в блокнот (Notepad) и сохраните на компьютере в формате .html. Чтобы теперь посмотреть на нашу веб-страницу, откройте сохраненный файл с помощью браузера (Правой кнопкой мыши -> Открыть с помощью).

Большинство тегов, которые используются в нашем коде уже были рассмотрены в предыдущих статьях:

• html — корневой тег документа, является контейнером веб-страницы;
• head — в этом теге указываются основные данные, касающиеся генерации веб-страницы (заголовок, стили, скрипты, мета-теги и так далее);
• body — основной тег страницы. Представляет собой «тело» документа, внутрь которого помещаются остальные теги;
• — указывает на тип документа (Doctype);
• meta — используется для указания метаданных страницы (в нашем случае тег указывает на кодировку страницы. Подробнее о мета-тегах читайте в статье Мета-теги);
• title — задает непосредственный заголовок страницы (Тег title);
• H1 — заголовок страницы/статьи (подзаголовки задаются тегами H2-H6);
• P — тег, с помощью которого выделяются абзацы в тексте страницы;

      
Информация о нашей компании
  
Кто мы?
 
Мы - комманда профессионалов.
 
Наши услуги
 
Создание сайтов
 
Мы создаем по-настоящему крутые сайты.
 
Продвижение сайтов
 
Ваш сайт в ТОП-3 поисковых систем через 2 дня.
 
Посадка картошки
 
20 соток в час.
 
Контакты
 
Карта проезда: .
 
Телефон: 0000