Войти
ГлавнаястатьиТехнологии, компьютер и интернет

HTML сайт с нуля

Просмотрено 945 раз Добавлено 1 год назад

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

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

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

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 для создания простого сайта для браузера

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поделись с друзьями

Эдуард Шепел
Автор статьи
945
Приватный раздел статей
Мы отобрали статьи со всего интернета, чтобы вы смогли не только сэкономить свои деньги, но и заработать, а также множество других полезных материалов!
Статьи по теме
С чего начать изучение в Python
Добавлено 2 часа назад
Как работают алгоритмы Инстаграм
Добавлено 1 день назад
​​Скрытая функция Telegram
Добавлено 1 день назад
Для чего нужны cookies
Добавлено 2 дня назад
Шифр Цезаря
Добавлено 3 дня назад
Как подделать метаданные в PDF
Добавлено 4 дня назад
Другие публикации автора
Недавно добавленные
С чего начать изучение в Python
Добавлено 2 часа назад
Как работают алгоритмы Инстаграм
Добавлено 1 день назад
​​Скрытая функция Telegram
Добавлено 1 день назад
Для чего нужны cookies
Добавлено 2 дня назад
Шифр Цезаря
Добавлено 3 дня назад
Как подделать метаданные в PDF
Добавлено 4 дня назад
Нет комментариев
Будьте первым, кто оставит свое мнение!
Только полноправные пользователи могут оставлять комментарии.
Войдите, пожалуйста.
Войти через

Статьи

Сообщества

Наука
Все самое удивительное, что есть в мире науки
На позитиве
Мы меняем настроение
Мужской рай
Будь с нами
Техника общения
Общение - это тоже искусство 🃏
Rico - косплеи девушек
А они подражать умеют? Решать вам!
Мудрые временем
Полезная мотивация и цитаты на каждый день
Технологии
Технологии всех времен
Цитаты
Великие слова, цитаты и афоризмы
Πуcть тe, кoгo бpocили мы, нaйдут лучше нaс, а те, ктo брocил наc пoймут, чтo мы были лучшими