Введение

Начать хотелось бы с объяснения терминологии, того, как браузер загружает веб-страницы и того, как создаются сайты.

Терминология

Для того чтобы понимать термины и сокращения, используемые далее и на протяжении всей книги я введу терминологию, дабы не путаться в дальнейшем:

HTML — HyperText Markup Language — «язык гипертекстовой разметки»
CSS — Cascading Style Sheets — «каскадные таблицы стилей»
CMS — Content Management Systems — системы управления контентом
Домéнное имя — адрес сайта, находящийся в адресной строке вашего браузера, например google.com, www.bbc.co.uk, microsoft.com
DNS — Domain Name System — системы домéнных имен
Среда разработки (IDE) — комплекс программных средств, используемый программистами для разработки программного обеспечения
Фреймворк — программное обеспечение, облегчающее разработку и объединение разных компонентов большого программного проекта.

В будущем, каждый термин будет объясняться по мере вашего обучения.

Что вы видите

Когда вы открываете веб-страницу, ваш браузер загружает HTML и CSS код с удалённого сервера, интерпретирует его и отображает страницу. Обычно на веб-страницах также присутствуют изображения, видео и анимация. В этой книге вы узнаете, как подготовить такие материалы для использования в интернете и добавить их на свою страницу. Некоторые страницы также используют JavaScript, чтобы сделать их интерактивными. Вы сможете самостоятельно изучить эти темы после того, как освоите основы HTML и CSS.

Подключение к веб-сайту

Сервер, на котором размещен посещаемый вами сайт, может находиться в любой точке мира. Чтобы определить его местоположение, ваш браузер в первую очередь подключается к DNS-серверу, к примеру:

	Пользователь из Барселоны запрашивает сайт sony.jp, находящийся в Токио
	Пользователь из Нью-Йорка запрашивает сайт google.com, находящийся в Сан-Франциско
	Пользователь из Стокгольма запрашивает сайт quantas.com.au, находящийся в Сиднее
	Пользователь из Ванкувера запрашивает сайт airindia.in, находящийся в Бангалоре

Как создаются сайты

С помощью только HTML и CSS можно создавать маленькие и простые сайты. Однако более крупные сайты, которые регулярно обновляются и используют системы управления контентом, а также блоговые и электронно-коммерческие платформы, обычно требуют более сложных технологий, работающих на стороне сервера. Но на практике все эти технологии служат для генерации HTML и CSS, которые затем отправляются веб-браузеру. Если ваш сайт использует эти технологии, то обновленные знания HTML и CSS позволят вам получить больший контроль над его внешним видом. При создании сложных и крупных сайтов часто применяют базы данных для хранения информации и различные языки программирования, такие как PHP, ASP.Net, Java или Ruby, работающие на сервере. Однако, чтобы управлять внешним оформлением вашего сайта, вам не нужно обладать знаниями этих технологий.

Среда разработки

Для создания сайтов можно использовать различные интегрированные среды разработки (IDE). Для начала, если у вас установлена операционная система Windows, можно использовать простой текстовый редактор, такой как Блокнот, для написания HTML, CSS и JavaScript кода.

Однако, для более профессиональной и удобной разработки веб-сайтов, многие разработчики предпочитают использовать специализированные IDE. Некоторые из наиболее популярных IDE для веб-разработки включают в себя:

Visual Studio Code: Это легкий, но мощный редактор кода, который предоставляет широкие возможности для разработки веб-сайтов. Он поддерживает множество языков программирования и расширений, что делает его отличным выбором для веб-разработки.
Sublime Text: Еще один популярный редактор кода, который обладает обширными возможностями настройки и поддерживает множество плагинов для облегчения веб-разработки.
JetBrains WebStorm: Это специализированная IDE, разработанная специально для веб-разработки. Она предоставляет широкие возможности для работы с HTML, CSS, JavaScript, а также с различными фреймворками.

Эти IDE предоставляют различные инструменты и функциональность, которые делают процесс разработки веб-сайтов более продуктивным и удобным.

Про конструкторы

В последнее время для создания сайтов используются различные конструкторы сайтов.

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

Но даже при использовании конструктора сайтов рекомендуется знание HTML и CSS по нескольким причинам.

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

Во-вторых, знание HTML и CSS помогает лучше понять работу веб-сайта в целом. Это позволяет сделать осознанный выбор при конфигурировании настроек и выборе функционалов в конструкторе сайтов. Пользователи смогут лучше понять, как сочетать различные элементы и функции для создания качественного и эффективного веб-сайта.

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

Навигация