Согласие на обработку персональных данных.

17.06.2018
Новая статья Преобразование десятичного числа в шестнадцатеричное.

12.06.2018
Новые видео и статья Что такое HTML.

08.06.2018
Новые видео и статья Процедура BlockWrite.

03.06.2018
Новый выпуск журнала Автоматизация и программирование.

26.05.2018
Новые видео и статья Как изменить дизайн сайта на Wordpress.



Что такое язык HTML

HTML - это язык гипертекстовой разметки (HyperText Markup Language).

Если попытаться сказать по простому, то это язык разметки документов для отображения на сайтах в Интернете (или в локальной сети, или на компьютере пользователя).

Большинство веб-страниц, из которых и состоят сайты, содержат описание разметки на языке HTML (или XHTML).

Язык HTML - это НЕ язык программирования. На HTML ничего не программируется. Просто с помощью этого языка вы можете определить, как будет отображаться документ на экране (цвет и стиль текста, списки и параграфы, таблицы и прочие данные, которые обычно содержатся в текстовых документах).

С помощью специальных элементов языка - дескрипторов (наиболее часто их называют “тегами”) вы можете выполнить разметку документа так, как вам это необходимо (то есть указать, где будут таблицы, где рисунки, где и какие отступы, где текст будет выделен жирным и/или цветом и т.п.).

Это делается в любом простом текстовом редакторе (таком, например, как Блокнот в Windows). Хотя лучше использовать специальные с подсветкой синтаксиса (например, PSPad). В этом редакторе вы записываете теги и текст. В таком редакторе вы видите все теги и можете их добавлять, удалять или изменять, редактируя таким образом HTML-документ.

А чтобы этот документ отображался уже в таком виде, в каком его должен видеть пользователь (пользователь, разумеется, не должен видеть теги, а только содержимое документа), этот документ нужно открывать с помощью специальной программы, которая называется браузер.

Браузер просматривает все теги в документе, определяет, как должен выглядеть HTML-документ для конечного пользователя, и отображает пользователю только содержимое документа, делая теги невидимыми.

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

HTML-файл открыт в текстовом редакторе

HTML-файл открыт в браузере

Как видите, даже в таком простом примере отличия видны и понятны.

А теперь, пожалуй, главные выводы из всего вышесказанного.

  1. HTML-файлы создаются верстальщиком сайтов в текстовом редакторе (текстовый редактор может быть как самостоятельной программой, так и входить в состав более мощных программ для создания сайтов, таких как Wordpress).
  2. HTML-файлы просматриваются пользователем с помощью браузера - специальной программы.

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

  1. Замысел. То есть для чего, для кого создаётся сайт, какие цели и задачи он должен решать и т.п. Это обычно исходит от будущего владельца сайта, которым может быть любой человек или организация.
  2. Дизайн (внешний вид). То есть продумывание того, как будет выглядеть сайт на экране компьютера: где будет меню, где будет основное содержимое, логотипы, иконки и т.п.
  3. Вёрстка сайта. Это воплощение замысла дизайнера в жизнь. То есть веб-дизайнер решает творческую задачу и определяет, как будет выглядеть сайт, а верстальщик решает техническую задачу (делает так, чтобы сайт, нарисованный дизайнером, например, в Фотошопе, точно также отображался уже в Интернете, но при этом ещё и работал).

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

Кстати, если вам интересно, как выполняется вёрстка сайта, то все тонкости этой профессии вы можете узнать из видеокурса

>>> Вёрстка сайта с нуля 2.0 >>>


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

Очень небольшая книга, которую можно прочитать буквально за 15 минут. Но эти 15 минут дадут вам представление о том, как создаются современные сайты... Подробнее...
Инфо-МАСТЕР ®
Все права защищены ©
e-mail: mail@info-master.su

Яндекс.Метрика