HTML сайт с нуля

Время чтения - 2 мин, 44 сек.
05 апр 2019
Дата
О чем статья
О чем статья
Самый простой способ создания сайта с нуля является сайт на чистом html, выучить который можно за час.

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

Язык гипер-разметки текста документов в интернете html
Язык гипер-разметки текста документов в интернете html

HTML - это стандартизированный язык гипер-разметки документов в интернете по всему миру.

HTML HyperText Markup Language — язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине.
HTML HyperText Markup Language — язык гипертекстовой разметки») — стандартизированный язык разметки документов во Всемирной паутине.

HTML - это сокращение английских слов HyperText Markup Language, которые переводятся как «язык гипертекстовой разметки».

Начало существования

Данный язык возник в 1986 году Международной организацией по стандартизации (ISO) для логического оформления текста, не подразумевающий другого применения. Но это оставалось не долго и вскоре изменилась первоначальная концепция языка, которая в течении десятилетий прошла несколько стадий становления языка и к 2006 году завершился 4 этам модернизации, представивший мировому обществу html 4.01.

В 2014 году закончился этап нового разработки языка html 5.0 (HyperText Markup Language, version 5).

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

Создать простой сайт

Знаний html достаточно чтобы создать простой сайт. Если вы хоть немного изучили теории, то приступим к практике создания простого сайта. Напишем сайт мы в текстовом редакторе, а потом запустим в браузере.

Разделим этап создания на четыре части:

  1. Создание файла для сайта
  2. Написание кода сайта
  3. Тестирование сайта
  4. Размещение

Создание файла для создания сайта

Данный этап не представляет особой сложности: необходимо лишь создать пустой файл с расширением html.

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

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

Написание кода сайта

Следующим шагом открываем файл в любом редакторе и непосредственно набираем код.

Код html представлен специальными зарезервированными словами заключенными в угловые скобки <тег>, которые называются тегами.

Вы должны напечатать внутри файла текст с картинки:

Код html для создания простого сайта для браузера
Код html для создания простого сайта для браузера

Вот такой простой меньше 100 строк код необходимо перепечатать в текстовой документ.

Осталось его сохранить с расширением html. Для этого нажимает сохранить как, а в открывшемся окне выбираем тип файла все файлы и пишем названия файла - index.html

Тестирование сайта

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

Если все получилось, то вы увидите текст в браузере.

Размещение сайта на хостинге

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

Размещение сайта на хостинге является заключительным этапом создания сайта. Для этого необходимо приобрести домен и хостинг:

  • Самый дешёвый домен вы можете приобрести на сайте taeping.ru всего за 50 рублей в год.

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

  • Лучшим сервисом качественного и дешевого хостинга сайтов с поддержкой является Hostia.ru

На хостинге вы загружаете нужный файл в деректорию public_html и через 5-10 минут ваш сайт начинает работать. Чтобы посмотреть результаты проделанной работы над сайтом и оценить его перейдите просто по доменному имени.

Доменное имя сайта
Доменное имя сайта

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

1606
ИИ против ИИ. Новая эра кибербезопасности
Технологии, компьютер и интернет
ИИ позволяет хакерам значительно увеличивать масштабы, скорость и сложность атак. Например, атаки на основе ИИ могут обходить традиционные системы защиты в 15% случаев, тогда как обычные фишинговые атаки успешны лишь в 0,3% случаев. В статье рассматриваются ключевые риски, связанные с использованием ИИ в кибератаках
Март
218
Command and Control system. Оружие кибербандитов
Технологии, компьютер и интернет
Статья рассказывает о ключевом элементе кибератак — инфраструктуре управления и контроля (C2 или C&C), которую злоумышленники используют для управления зараженными устройствами и кражи конфиденциальных данных. Автор объясняет, что успешная кибератака требует не только первоначального взлома, но и постоянного взаимодействия с зараженными системами через скрытые каналы связи. Эти каналы позволяют злоумышленникам передавать инструкции, загружать дополнительные вредоносные программы и извлекать украденные данные.
Март
225
Приложение под прикрытием
Технологии, компьютер и интернет
ФБР и австралийская полиция завершили масштабную операцию под кодовым названием «Троянский щит», в ходе которой создали и внедрили защищённый мессенджер An0m в преступные круги. Приложение, продвигаемое через доверенных посредников, позволило властям в течение трёх лет отслеживать и расшифровывать более 20 миллионов сообщений, отправленных с 11,8 тысяч устройств. В результате операции было задержано более 800 человек в 18 странах, включая членов 300 преступных группировок, занимавшихся наркоторговлей, коррупцией и другими организованными преступлениями. Операция стала примером того, как спецслужбы не только взламывают, но и создают защищённые сети для полного контроля над преступной деятельностью.
Март
113
Нейросети, которые сделают всю работу за вас
Технологии, компьютер и интернет
Нейросети уже сегодня способны выполнять задачи, которые раньше требовали часов, а то и дней работы. От обработки текстов и анализа данных до создания дизайнов и написания кода — искусственный интеллект становится вашим надежным помощником. Давайте разберем, как они могут изменить ваш подход к задачам и освободить время для действительно важных вещей.
Январь
406
Как установить расширение из архива в браузер Google Chrome
Технологии, компьютер и интернет
Установка расширений Chrome из архива: пошаговая инструкция. Научитесь легко устанавливать расширения Google Chrome из архива. Повысьте функциональность вашего браузера с помощью новых инструментов и улучшений.
Ноябрь 2024
486