День 1
Итак начнем. Кривая моего обучения будет такова - я поставила себе цель сделать сайт, на котором можно будет посмотреть, каким сайт был в определенный день.
Я пока что не представляю как это все реализовать, ну что делать, вижу цель не вижу препятствий.
Первым делом я начала думать как все это показать тебе. В итоге гугл подсказал, что мне нужен «Домен» и «Хостинг». Домен - это имя сайта, по которому его можно найти. Например у телеграмма домен - «telegram.org». Я выбрала «site2hday.ru». Зарегистрировала его на сайте reg.ru на 1 год за 199₽.
Хостинг. Это, грубо говоря, часть диска, выделенная вам, чтобы там работал сайт. Можно его держать и на своем компьютере, но ты же не будешь держать компьютер 24 часа в сутки 7 дней в неделю включенным. Для этого есть хостинг. Заказала я его на fornex.com всего лишь за 90 рублей в месяц.
Ну и положим наконец начало нашему сайту. Создадим папку с нашим сайтом и в ней создадим файл index.html
HTML - это язык разметки. Основа его это теги. Тег это набор определенных символов, заключенные в , например . Тэги бывают парные и не парные. Парные - те, использование которых возможно только вдвоем. Тоесть содержимое тэга заключено в него. Например
Это тег абзаца
Соответственно закрывающий тэг отличается от открывающего наличием слэша /
Писать сайт в блокноте не удобно. Есть много инструментов, которые делают это занятие намного приятнее. Для себя я нашла такой инструмент, как Visual Studio Code. Это бесплатный редактор исходного кода от Microsoft. Устанавливаю и вперед.
Начнем с каркаса нашего сайта. Сайт наш будет строится из тегов. Ниже будет код моего файла index.html, а здесь я пройдусь по каждой строчке и прокомментирую что она означает.
1 строчка - указавает на тип документа. У нас это html
2 строчка - Открывающийся парный тег html. Внутри тега есть атрибут lang, в котором можно указать язык сайта.
3 строчка - Открывающийся парный тег head. Между тэгами head указывается дополнительная информация. С этим буду позже разбираться, сейчас достаточно знать что эти 3 строки обязательные, в первой кодировка, чтобы сайт не выглядел как крокозябра, во второй правила для отображения сайта на разных устройствах, в 3 «title» строка, которая отображается на вкладке браузера. Заголовок в общем страницы.
8 строчка - тег body. Это самый главный тэг на сайте. Внутри него и будет весь наш сайт. Пока что я там написала просто строчку.
10 строчка - закрывающий парный тэг body.
11 строчка - закрывающий парный тэг html.
Теперь я хочу установить свой сайт на хостинг. Для этого его надо просто туда положить 😁 через панель управления хостингом.
Ты же можешь просто открыть файл index.html через браузер.
Результаты на ваших экранах, а так же по адресу http://site2hday.ru 😊 продолжим завтра
#День1
