Я решил создать для вас курсы по HTML и CSS, объединив их в одну серию уроков. В данном курсе мы с вами разберем все важные моменты HTML и CSS, и научимся создавать свои первые web проекты. Я постарался собрать для вас только самую важную информацию, которую вам обязательно необходимо знать.
Первым делом, для того чтобы начать изучать web-программирование, вам необходимо узнать что такое интернет и как он работает.
Представьте себе дороги, связанные между собой по всему миру. Дороги которые предназначены для соединения 2 и более населенных пунктов, а в этих населенных пунктах есть маленькие тропы и переулочки, которые соединяют дома.
Интернет похож на дороги, но вместо дорог — кабели, вместо домов — компьютеры, а вместо машин передается информация.
Клиент и сервер
Как правило соединение в интернете происходит только между двумя компьютерами.
- один содержит информацию (сервер)
- второй желает эту информацию получить (клиент)
Клиент — это программа, которая может принимать множество форм:
- веб-браузер (например firefox);
- клиент электронной формы (например Outlook);
- мессенджер (например, Whatsapp);
- сервис потового видео (Netflix);
Сервер можно считать выделенным компьютером, всегда подключенным к интернету, единственной целью которого является предоставление информации.
IP- адрес
Как и каждый дом имеет определенный адрес, каждый компьютер, подключенный к интернету получает IP-адрес чтобы идентифицироваться в сети.
IP-адрес, как правило , выглядит как сочетание чисел от 0 до 255. Вот пример IP-адреса 91.198.174.192
.
Домены
Хотя IP-адреса, благодаря своей уникальности, удобны для компьютеров, людям их трудно читать и запоминать.
Для решения данной проблемы были придуманы домены.
Домен — это имя сайта, которое передается в адресной строке, и которое нам всем так знакомо. Оно нам знакомо, так как мы всегда ищем нужную нам страницу по домену сайта. Вот пример домена: www.google.com
Домены связывают IP-адрес сайта со строкой текста. В результате оба являются взаимосвязанными: вы можете написать http://91.198.174.192
или http://wikipedia.org
и в конечном итоге оказаться на том же сайте.
Домен состоит из трех частей, которые читаются справа налево:
- домен верхнего уровня. Существуют общие (
.com, .org, .net
) и по отдельным странам (.us, .nl, .fr
); - имя домена: имя вроде wikipedia или google, которое может включать буквы, цифры, но не пробелы или точку;
- поддомены. Хотя эта третья чать не является обязательной, большинство веб-сайтов используют www в качестве поддомена по умолчанию
Подумайте о доменах, как о способе именования компьютеров, подключенных к интернету.
Протоколы
Целью соединения всех компьютеров является взаимодействия друг с другом. И как люди говорят на разных языках, компьютеры в интернете беседуют с помощью протоколов.
Каждый из протоколов имеет свою цель.
Протокол | Используется |
FTP | Для передачи файлов |
SMTP | Для отправки писем |
IMAP | Для получения писем |
IRC | Для чата |
HTTP | Для просмотра HTML документов (веб-страниц) |
URL
URL страницы, это все компоненты, собранные ранее воедино, которые создают адрес страницы в интернете.
Например URL страницы http://prog-time.ru/uroki.html
состоит из:
http://
— протоколprog-time.ru
— домен/uroki.html
— путь к нужному документу
Когда я смогу написать свой первый сайт
Для того, чтобы сделать сайт, нужно знать много разных веб языков.
Языки HTML и CSS предназначены для верстки сайтов (верстка — это размещение элементов сайта по нужным местам). Язык PHP нужен для программирования сайта (с его помощью можно, к примеру, сделать регистрацию пользователей). Язык JavaScript нужен для того, чтобы ‘оживить’ сайт: к примеру, сделать меняющиеся картинки (слайдер).
Но это не значит что вам нужно знать абсолютно все. Достаточно пройти этот курс и вы сможете создавать свои первые проекты.
Вот что мы узнали в этом уроке
- Соединение в интернете происходит только между двумя компьютерами. Один клиент (который принимает и обрабатывает информацию), второй сервер (который хранит и передает информацию).
- Каждый компьютер, подключенный к интернету получает IP-адрес чтобы идентифицироваться в сети. Вот пример IP-адреса
91.198.174.192
. - Домен, это имя сайта, которое передается в адресной строке, и которое нам всем так знакомо. Оно нам знакомо, из-за того что мы всегда ищем нужную нам страницу по домену сайта. Вот пример домена:
www.google.com
- Компьютеры в интернете беседуют с помощью протоколов. Каждый из протоколов имеет свою цель.