Технологии, которые используются при создании сайтов

При создании сайтов используются разные технологии. Наиболее популярные – HTML, CSS, PHP, MySQL, JavaScript.

 

HTML

HTML – язык разметки. Он интерпретируется браузерами, в результате на мониторе контент отображается отформатированным. Благодаря разметке пользователь видит таблицы, абзацы, списки, заголовки и другие элементы. 

HTML

Документ размечается специальными символами – тегами, которые заключаются в угловых скобках (пример <p>, <strong>, <h1>). Есть определенные правила разметки. Для большинства тегов используется закрывающий тег, между ними помещается содержимое – контент. Есть стандартный перечень тегов, но начиная с html5 появилась возможность создавать новые теги с любыми незарезервированными именами.

От типа тегов зависит, как это содержимое будет отображаться на странице браузера. Например, <p> – это абзац, <h1> – заголовок первого уровня и т.д. Документ сохраняется с расширением .html, в самом начале указывается его тип <!DOCTYPE>, где в зависимости от версии документа прописываются атрибуты. Внутри почти любого тега также могут быть записаны атрибуты – стили, классы, идентификатор и т.д. 

В html-документе четкая структура, все содержимое помещается между тегами <html>. В тегах <head> указывается служебная информация, в <body> – непосредственно содержимое, которое выводится на экран. 

Читать статьи про HTML

 

CSS

CSS – стили для сайта. Записываются в файле с расширением .css. Путь к нему прописывается в html-документе между тегами <head>. В css-файле к контейнерам DOM-модели обращаются по классу, идентификатору, тегу. Также можно указывать сложные пути к элементам документа. 

css

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

При загрузке DOM-модели стили загружаются по порядку и перезаписываются, если они повторяются ниже. 

Недостаток формата .css заключается в том, что он не поддерживает переменные. К счастью, есть другие технологии – SASS и LESS. Они поддерживают переменные и вложенные стили, а при обработке отдают стандартный css-файл. 

Читать статьи про CSS

 

PHP

PHP – серверный язык программирования. Он создан исключительно для веба. Выполняется на стороне сервера, клиенту отдается результат выполнения скрипта. Существуют разные версии языка программирования, версии до 4.хх считаются устаревшими и все реже используются. Большинство сайтов, которые создаются сегодня, применяют PHP старше 5.3. В php-файлах прописываются настройки соединения с базой данных. 

php

Читать статьи про PHP

 

MySQL

MySQL – технология баз данных. Для управления базами MySQL используется панель phpMyAdmin. База данных представляет собой набор таблиц, у каждой таблицы есть названия ячеек, по которым можно получить их содержимое и вывести на сайт. 

MySQL

Читать статьи про MySQL

 

JavaScript

JavaScript – язык программирования, который запускается на стороне клиента. Его выполнение обеспечивается настройками браузера пользователя. 

JavaScript

Эти технологии чаще всего применяются для создания современных сайтов. Разумеется, есть и другие. Например, в качестве языка программирования также используется Perl, а часть стилевых атрибутов можно прописать в файле .html.

Читать статьи про JavaScript







Рекомендуем почитать

 

Добавить комментарий


Ваше имя:


Комментарий:


Введите: Картинка