Для некоторых мастеров то, о чем пойдет речь в этой статье — вещи очевидные. Но для начинающего web мастера информация просто бесценна.
Профессиональная веб-разработка — создание качественных и эффективных сайтов.
Веб-сайт может быть простым сайтом на одной странице, или это может быть невероятно сложное веб-приложение.
Всё, что вы видите в окне своего браузера — всё это сделано руками web-разработчика: сайты, приложения, дополнения, программы для обмена контентом и многое другое.
Каждый сайт работает следующим образом:
Сайты — это в основном куча файлов, хранящихся на удаленных компьютерах, называемых серверами или хостингом.
Серверы — это компьютеры, которые используются для размещения веб-сайтов, что означает, что они хранят файлы веб-сайта. Эти серверы подключены к гигантской сети Интернет. Браузеры — это программы, которые вы запускаете на своем компьютере. Они загружают файлы веб-сайта через ваше интернет-соединение. Ваш компьютер также известен как клиент, который подключается к серверу.
3 основных составляющих веб-сайта
Как упоминалось выше, веб-сайты состоят из файлов, в основном файлов HTML, CSS и JavaScript.
HTML (или HyperText) является основой всех веб-сайтов. Это основной тип файла, который загружается в вашем браузере при просмотре контента. На самом деле вы можете сделать очень простой базовый веб-сайт, используя только HTML страницы. Но такой сайт будет примитивен.
CSS (или каскадные таблицы стилей) — файлы этого формата подключаются к html странице и отвечают за её верстку и формат. Без CSS веб-сайт будет выглядеть эстетически как обычный документ Word. С помощью CSS вы можете добавлять цвета всех видов, привлекательные шрифты и редактировать сам макет сайта любым способом. Вы даже можете добавлять анимации и рисовать фигуры с использованием более продвинутого CSS3.
JavaScript — это язык программирования, который позволяет вам взаимодействовать с элементами на веб-сайте и манипулировать ими. Хотя CSS добавляет стиль HTML, JavaScript добавляет интерактивность и делает сайт более динамичным.
Например, вы можете использовать JavaScript для прокрутки вверху страницы при нажатии кнопки или для создания слайд-шоу с кнопками для перемещения по изображениям.
Для работы с HTML, CSS и файлами JavaScript вам необходимо использовать программу на вашем компьютере, которая называется редактором кода.