Технологии, которые используются при создании сайтов
При создании сайтов используются разные технологии. Наиболее популярные – HTML, CSS, PHP, MySQL, JavaScript.
HTML
HTML – язык разметки. Он интерпретируется браузерами, в результате на мониторе контент отображается отформатированным. Благодаря разметке пользователь видит таблицы, абзацы, списки, заголовки и другие элементы.
Документ размечается специальными символами – тегами, которые заключаются в угловых скобках (пример <p>, <strong>, <h1>). Есть определенные правила разметки. Для большинства тегов используется закрывающий тег, между ними помещается содержимое – контент. Есть стандартный перечень тегов, но начиная с html5 появилась возможность создавать новые теги с любыми незарезервированными именами.
От типа тегов зависит, как это содержимое будет отображаться на странице браузера. Например, <p> – это абзац, <h1> – заголовок первого уровня и т.д. Документ сохраняется с расширением .html, в самом начале указывается его тип <!DOCTYPE>, где в зависимости от версии документа прописываются атрибуты. Внутри почти любого тега также могут быть записаны атрибуты – стили, классы, идентификатор и т.д.
В html-документе четкая структура, все содержимое помещается между тегами <html>. В тегах <head> указывается служебная информация, в <body> – непосредственно содержимое, которое выводится на экран.
CSS
CSS – стили для сайта. Записываются в файле с расширением .css. Путь к нему прописывается в html-документе между тегами <head>. В css-файле к контейнерам DOM-модели обращаются по классу, идентификатору, тегу. Также можно указывать сложные пути к элементам документа.
Стили определяют форматирование контента, например, размер шрифта, интерлиньяж, цвет текста, параметры изображения, позиционирование, высоту и т.д. Атрибуты прописываются в фигурных скобках. Файл со стилями может быть не один.
При загрузке DOM-модели стили загружаются по порядку и перезаписываются, если они повторяются ниже.
Недостаток формата .css заключается в том, что он не поддерживает переменные. К счастью, есть другие технологии – SASS и LESS. Они поддерживают переменные и вложенные стили, а при обработке отдают стандартный css-файл.
PHP
PHP – серверный язык программирования. Он создан исключительно для веба. Выполняется на стороне сервера, клиенту отдается результат выполнения скрипта. Существуют разные версии языка программирования, версии до 4.хх считаются устаревшими и все реже используются. Большинство сайтов, которые создаются сегодня, применяют PHP старше 5.3. В php-файлах прописываются настройки соединения с базой данных.
MySQL
MySQL – технология баз данных. Для управления базами MySQL используется панель phpMyAdmin. База данных представляет собой набор таблиц, у каждой таблицы есть названия ячеек, по которым можно получить их содержимое и вывести на сайт.
JavaScript
JavaScript – язык программирования, который запускается на стороне клиента. Его выполнение обеспечивается настройками браузера пользователя.
Эти технологии чаще всего применяются для создания современных сайтов. Разумеется, есть и другие. Например, в качестве языка программирования также используется Perl, а часть стилевых атрибутов можно прописать в файле .html.
Рекомендуем почитать