{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(Продолжение)\n\n","type":"unstyled","key":"tm0h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":53,"offset":0,"style":"BOLD"}],"text":"13.4. Ваш сайт в сети! Дайте ссылку детям и друзьям\n\n","type":"header-three","key":"afdhh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":44,"offset":0,"style":"BOLD"}],"text":"Введение: Ваш голос услышан в цифровом мире!","type":"unstyled","key":"a6328"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Представьте, что Вы только что опубликовали свою первую книгу — теперь пришло время рассказать о ней всем! Ваш сайт в интернете — это Ваша первая \"публикация\", и сегодня мы научимся правильно ею делиться с близкими и получать ценные отзывы.","type":"unstyled","key":"6diml"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"ff48c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":57,"offset":0,"style":"BOLD"}],"text":"Часть 1: Ваш сайт живёт в интернете — осознаём значимость","type":"header-three","key":"eoo98"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"1.1. Что только что произошло?","type":"header-three","key":"d0gih"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"6cp3u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

\uD83C\uDF89 Вы только что совершили важный шаг!

\n Раньше: Файлы на Вашем компьютере
\n Теперь: Полноценный сайт в интернете
\n Результат: Доступен из любой точки мира! \n

","type":"unstyled","key":"fnd2g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"624r9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":0,"style":"BOLD"}],"text":"1.2. Где теперь живёт Ваш сайт:","type":"header-three","key":"e6jdu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"text","type":"unstyled","key":"3fhn5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\uD83C\uDF10 Ваш САЙТ ТЕПЕРЬ ДОСТУПЕН ПО АДРЕСУ: \n┌─────────────────────────────────────┐ \n│ https://ваш-логин.github.io │ \n│ ИЛИ │ \n│ https://случайный-адрес.netlify.app│ \n│ ИЛИ │ \n│ https://ваш-красивый-домен.ru │ \n└─────────────────────────────────────┘","type":"unstyled","key":"2pcn1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"6p0qh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":61,"offset":0,"style":"BOLD"}],"text":"Часть 2: Как правильно поделиться ссылкой — 5 лучших способов","type":"header-three","key":"4228q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":46,"offset":0,"style":"BOLD"}],"text":"2.1. Способ 1: Простая отправка в мессенджерах","type":"header-three","key":"b3f33"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"es6fa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"bdjrl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"dk26f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":47,"offset":0,"style":"BOLD"}],"text":"2.2. Способ 2: Email рассылка для родственников","type":"header-three","key":"5264q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"3te8h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5a7fq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"1jn4g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":53,"offset":0,"style":"BOLD"}],"text":"Часть 3: Полная страница с инструкциями по разделению","type":"header-three","key":"9303b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"agqme"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":5541,"style":"ITALIC"},{"length":31,"offset":5835,"style":"ITALIC"},{"length":31,"offset":6177,"style":"ITALIC"},{"length":27,"offset":7049,"style":"ITALIC"},{"length":26,"offset":9442,"style":"ITALIC"},{"length":22,"offset":12521,"style":"ITALIC"},{"length":36,"offset":13196,"style":"ITALIC"},{"length":30,"offset":15541,"style":"ITALIC"},{"length":23,"offset":17362,"style":"ITALIC"},{"length":40,"offset":18915,"style":"ITALIC"},{"length":33,"offset":19390,"style":"ITALIC"},{"length":22,"offset":21753,"style":"ITALIC"},{"length":67,"offset":22140,"style":"ITALIC"},{"length":47,"offset":22221,"style":"ITALIC"},{"length":21,"offset":22578,"style":"ITALIC"},{"length":61,"offset":22868,"style":"ITALIC"},{"length":53,"offset":23122,"style":"ITALIC"},{"length":73,"offset":23468,"style":"ITALIC"},{"length":91,"offset":23555,"style":"ITALIC"},{"length":64,"offset":23660,"style":"ITALIC"}],"text":" \n \n \n \n Ваш сайт в сети! Делимся с миром \n \n \n \n

\n \n

\uD83C\uDF89 Ваш сайт в сети!

Поздравляем! Теперь поделитесь своим творением с миром

\n\n

\n \n

\uD83C\uDFC6 Вы это сделали!

От файлов на компьютере до полноценного сайта в интернете — это огромное достижение!

\n\n \n

1. Ваш сайт теперь живёт здесь:

\n \n

\n https://ваш-логин.github.io \n

\n\n

\n \uD83D\uDCA1 Скопируйте эту ссылку — это адрес Вашего сайта в интернете. Теперь любой человек в мире может увидеть Вашу работу, введя этот адрес в браузере. \n

\n\n

\n \n \n

\n\n \n

2. 5 способов поделиться с друзьями и семьёй

\n\n \n

3. Готовые шаблоны сообщений

\n\n

\uD83D\uDCF1 Для мессенджеров:

\nПривет! \uD83D\uDE0A \nЯ только что создал(а) свой первый сайт! \uD83C\uDF89 \nЭто мой учебный проект по HTML. \n\nПосмотри, пожалуйста: [ВАША ССЫЛКА] \nНапиши, что думаешь! Буду рад(а) обратной связи. \n\nP.S. Если что-то не работает — тоже напиши \uD83D\uDE4F \n

\n \n

\n\n

\uD83D\uDCE7 Для email (родителям, родственникам):

\nДорогие мама и папа! \n\nХочу поделиться с Вами своей радостью — я научился(ась) создавать сайты и сделал(а) свой первый проект! \n\nЭто сайт о [тема Вашего сайта], который я создал(а) с нуля. Я изучал(а) HTML и CSS, и это мой первый результат. \n\nВот ссылка на сайт: [ВАША ССЫЛКА] \n\nБуду очень рад(а), если посмотрите и напишете ваше мнение! \nДля меня это очень важно. \n\nС любовью, \n[Ваше имя] \n

\n \n

\n\n \n\n

\uD83D\uDCDE Для телефонного разговора:

\nЧто сказать: \n\"Привет! Я хочу показать тебе кое-что крутое — \nя создал(а) свой первый сайт! Отправляю тебе ссылку, \nпосмотри, когда будет время. Мне важно твоё мнение!\" \n\nПосле отправки: \n\"Получил(а) ссылку? Зайди, пожалуйста, и скажи, \nкак тебе дизайн и всё ли работает нормально.\" \n

\n \n

\n\n \n

4. QR-код для Вашего сайта

\n \n

\n QR-код появится здесь \n

Покажите этот код друзьям — они смогут отсканировать его камерой телефона и перейти на Ваш сайт!

\n \n

\n\n \n

5. Как получать полезные отзывы

\n\n

\n \uD83C\uDFAF Важно: Просто \"мне нравится\" — это приятно, но бесполезно для развития. \n Попросите конкретную обратную связь! \n

\n\n

❓ Какие вопросы задавать

\"Что сразу бросилось в глаза?\"
\"Всё ли понятно на сайте?\"
\"Удобно ли читать текст?\"
\"Что бы ты улучшил(а)?\"

\n\n

\uD83D\uDCF1 Проверка на устройствах

Попросите проверить на телефоне
На планшете
На компьютере
В разных браузерах

\n\n

\uD83C\uDFA8 Дизайн и удобство

Нравится ли цветовая гамма?
Удобно ли расположены элементы?
Не \"режет\" ли глаза что-то?
Логично ли расположен контент?

\n\n

\uD83D\uDCDD Чеклист для обратной связи:

\n \n \n

\n\n \n

6. Что делать с полученными отзывами?

\n\n

\uD83D\uDC4D

Положительные отзывы

Сохраните их для мотивации! Это доказательство, что Вы движетесь в правильном направлении.

\n\n

\uD83D\uDCA1

Конструктивная критика

Это золото! Составьте список улучшений и постепенно их реализуйте.

\n\n

\uD83D\uDC1B

Найденные ошибки

Исправляйте их в первую очередь. Каждая исправленная ошибка — шаг к профессионализму.

\n\n

\uD83D\uDE80

Идеи для улучшений

Записывайте все идеи. Они станут основой для ваших следующих проектов.

\n\n \n

7. Что дальше? Ваши следующие шаги

\n\n

\uD83C\uDF93 Вы прошли огромный путь!

От первого тега HTML до работающего сайта в интернете — это настоящее достижение!

\n\n

\n \uD83D\uDCC8 План развития: \n

Соберите отзывы от 5-10 человек
Исправьте найденные ошибки
Добавьте улучшения на основе обратной связи
Создайте новый проект с учётом полученного опыта
Продолжайте учиться — JavaScript, адаптивная вёрстка, фреймворки

\n\n

\uD83C\uDF1F Запомните этот момент!

Сегодня Вы разместили свой первый сайт в интернете. \n Через год Вы будете с улыбкой вспоминать этот день, \n глядя на свои более сложные и совершенные проекты.

— Гордитесь собой! Вы это заслужили \uD83C\uDF89

\n\n \n \n","type":"unstyled","key":"ddl7v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"9ldqr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"}],"text":"Часть 7: Что Вы теперь умеете","type":"header-three","key":"373tq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"},{"length":21,"offset":56,"style":"BOLD"},{"length":27,"offset":101,"style":"BOLD"},{"length":32,"offset":155,"style":"BOLD"},{"length":20,"offset":212,"style":"BOLD"},{"length":38,"offset":257,"style":"BOLD"},{"length":28,"offset":299,"style":"BOLD"}],"text":"✅ Осознавать значимость размещения сайта в интернете\n ✅ Копировать и делиться ссылкой на Ваш сайт\n ✅ Использовать разные способы распространения ссылки\n ✅ Составлять эффективные сообщения для разных аудиторий\n ✅ Генерировать QR-коды для быстрого доступа\n ✅ Собирать конструктивную обратную связь\n ✅ Анализировать и использовать полученные отзывы","type":"unstyled","key":"dkd86"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"68kkv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":29,"offset":0,"style":"BOLD"}],"text":"Часть 8: Итоги и рекомендации","type":"header-three","key":"9f3a4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":45,"offset":0,"style":"BOLD"}],"text":"\uD83C\uDFAF Ключевые моменты успешного распространения:","type":"unstyled","key":"f1tv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Гордитесь своим достижением — создание работающего сайта это серьёзный успех","type":"unstyled","key":"brudk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Делитесь с близкими в первую очередь — их поддержка важна","type":"unstyled","key":"8ivmi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":0,"style":"BOLD"}],"text":"Просите конкретную обратную связь — это ускорит ваше развитие","type":"unstyled","key":"2papi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Сохраняйте все отзывы — они станут Вашим гидом для улучшений","type":"unstyled","key":"7pqrj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Не бойтесь критики — она делает Вас сильнее","type":"unstyled","key":"a8lb7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":40,"offset":0,"style":"BOLD"}],"text":"\uD83D\uDCA1 Психологические аспекты первого сайта:","type":"unstyled","key":"9fcmg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":0,"style":"BOLD"}],"text":"Это нормально волноваться — Вы делитесь частью себя","type":"unstyled","key":"1h91q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":0,"style":"BOLD"}],"text":"Разные люди увидят разное — кто-то дизайн, кто-то содержание","type":"unstyled","key":"1dg47"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"Критика ≠ личная оценка — это обратная связь о проекте, не о вас","type":"unstyled","key":"4p4m0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"Каждый комментарий ценен — даже \"не понравилось\" помогает расти","type":"unstyled","key":"ctfa1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Это только начало — Ваш первый сайт, но не последний","type":"unstyled","key":"64q6r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"}],"text":"\uD83D\uDE80 Практические советы по распространению:","type":"unstyled","key":"4stg1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":0,"style":"BOLD"}],"text":"Начните с 2-3 самых близких людей — они дадут самую мягкую обратную связь","type":"unstyled","key":"13mss"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"Используйте шаблоны из урока — они уже протестированы и работают","type":"unstyled","key":"bo447"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Сохраняйте скриншоты похвал — для мотивации в сложные моменты","type":"unstyled","key":"483v5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"Создайте папку \"Мои проекты\" — сохраняйте там все свои работы","type":"unstyled","key":"6h0bt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Расскажите о процессе — людям интересно как Вы это сделали","type":"unstyled","key":"98qu1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":39,"offset":0,"style":"BOLD"}],"text":"\uD83C\uDF1F Что говорят те, кто прошёл этот путь:","type":"unstyled","key":"81a0m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\"Помню, как отправлял ссылку на свой первый сайт маме. Она позвонила в слезах: 'Сынок, ты в интернете!' Этот момент я никогда не забуду.\" — Артём, веб-разработчик","type":"unstyled","key":"1qv5m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\"Первые отзывы друзей помогли мне понять, что нужно учиться адаптивной вёрстке. Все смотрели с телефонов, а сайт был только для компьютера!\" — Марина, фронтенд-разработчик","type":"unstyled","key":"b87g6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\"Свой первый сайт я сделала в 45 лет. Когда поделилась с подругами, они не поверили, что это возможно в нашем возрасте. Теперь учу их!\" — Ольга, начинающий разработчик","type":"unstyled","key":"fd40g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":142,"offset":0,"style":"BOLD"}],"text":"Помните: Сегодня Вы не просто разместили сайт в интернете — Вы заявили о себе в цифровом мире и сделали первый шаг к карьере веб-разработчика! \uD83C\uDF1F","type":"unstyled","key":"41tsc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":121,"offset":0,"style":"BOLD"}],"text":"Ваш сайт теперь живёт в интернете, а Ваши навыки будут расти с каждым новым проектом. Гордитесь собой — Вы это заслужили! \uD83C\uDF89","type":"unstyled","key":"5nuav"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"- * * * -\n\n","type":"unstyled","key":"e5465"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Приложения\n\n","type":"header-two","key":"9035k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":48,"offset":0,"style":"BOLD"}],"text":"Приложение А: Шпаргалка по основным тегам HTML\n\n","type":"header-three","key":"2gtk8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Дорогие друзья! Эта шпаргалка — Ваш быстрый помощник. Здесь собраны самые важные и часто используемые теги. Не нужно запоминать их все сразу! Просто держите эту таблицу под рукой и заглядывайте в нее, когда что-то забыли.","type":"unstyled","key":"dkjou"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"Как пользоваться таблицей:","type":"unstyled","key":"bju4s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"Тег: Как пишется команда в угловых скобках.","type":"unstyled","key":"b1h4h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Для чего нужен: Простое и понятное объяснение.","type":"unstyled","key":"9hqfl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример: Как это будет выглядеть в коде.","type":"unstyled","key":"91rrt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"Как выглядит в браузере: Как это увидит пользователь на странице.","type":"unstyled","key":"814kf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"41vbq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":0,"style":"BOLD"}],"text":"Основные теги (Каркас страницы)","type":"header-three","key":"8f16s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это основа любой HTML-страницы. Можно сказать, \"коробка\", в которую всё складывается.","type":"unstyled","key":"4unjr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"Тег","type":"unstyled","key":"72sa3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Для \t\t\tчего нужен","type":"unstyled","key":"busrb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример","type":"unstyled","key":"4udfp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"Как \t\t\tвыглядит в браузере","type":"unstyled","key":"6sbv3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"eglt3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":37,"offset":61,"style":"BOLD"}],"text":"Объявляет \t\t\tбраузеру, что это современный \t\t\tHTML-документ. Всегда \t\t\tдолжен быть первой строкой!","type":"unstyled","key":"7nmht"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"1gjrb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(Не \t\t\tвиден, это служебная информация)","type":"unstyled","key":"38mq0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"8v7r1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":25,"style":"BOLD"}],"text":"Главный \t\t\tконтейнер для всего содержимого \t\t\tстраницы.","type":"unstyled","key":"2l1l1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n ...вся \t\t\tстраница...\n ","type":"unstyled","key":"40nvv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(Не \t\t\tвиден)","type":"unstyled","key":"dg7i1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2hij"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\"Служебная \t\t\tголова\" документа. Здесь хранится \t\t\tзаголовок, ссылки на стили и другая \t\t\tтехническая информация, которую не \t\t\tвидят посетители.","type":"unstyled","key":"5e6s1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n Мой \t\t\tсайт\n ","type":"unstyled","key":"4qmsi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(Содержимое \t\t\tне отображается на самой странице, но \t\t\tзаголовок title виден \t\t\tв названии вкладки браузера)","type":"unstyled","key":"6rulu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3te04"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заголовок \t\t\tокна или вкладки браузера. Очень важен \t\t\tдля поисковых систем.","type":"unstyled","key":"3chik"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"<title>Мой \t\t\tдневник","type":"unstyled","key":"1l6m0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Виден \t\t\tнадписью на вкладке браузера","type":"unstyled","key":"9vsp3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"apuds"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"Тело документа. \t\t\tЗдесь находится всё, что Вы видите на \t\t\tстранице: текст, картинки, ссылки и \t\t\tт.д.","type":"unstyled","key":"8iebv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n

Добро \t\t\tпожаловать!

Это \t\t\tмой сайт.

\n ","type":"unstyled","key":"9tg4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Добро \t\t\tпожаловать!\nЭто \t\t\tмой сайт.","type":"unstyled","key":"c7gfr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"Теги для текста и заголовков","type":"header-three","key":"5os34"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"С помощью этих тегов Вы структурируете свой текст, делая его удобным для чтения.","type":"unstyled","key":"4ub5r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"Тег","type":"unstyled","key":"bqaun"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Для \t\t\tчего нужен","type":"unstyled","key":"tfth"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример","type":"unstyled","key":"2l3pn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"Как \t\t\tвыглядит в браузере","type":"unstyled","key":"3a9f8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

,

, \t\t\t...

","type":"unstyled","key":"appnb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заголовки \t\t\tразного уровня.

— \t\t\tсамый главный (крупный),

— \t\t\tсамый мелкий.","type":"unstyled","key":"8fchm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Глава \t\t\t1

Раздел \t\t\t1.1

1.1.1 \t\t\tПодраздел

","type":"unstyled","key":"106ho"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Глава \t\t\t1

Раздел \t\t\t1.1

1.1.1 \t\t\tПодраздел

","type":"unstyled","key":"1olnd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"unstyled","key":"6nj66"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Абзац \t\t\tтекста. Браузер автоматически добавляет \t\t\tотступы сверху и снизу.","type":"unstyled","key":"7qvfm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Это \t\t\tпервый абзац.

А \t\t\tэто второй.

","type":"unstyled","key":"d4aqh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это \t\t\tпервый абзац.\n \nА это второй.","type":"unstyled","key":"d006m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unstyled","key":"fiki5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":23,"style":"BOLD"}],"text":"Перенос \t\t\tстроки. Тег одиночный (не \t\t\tтребует закрывающего). Просто переходит \t\t\tна новую строку.","type":"unstyled","key":"fs3cd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Строчка \t\t\tпервая.
Строчка \t\t\tвторая.","type":"unstyled","key":"f8r21"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Строчка \t\t\tпервая.\nСтрочка вторая.","type":"unstyled","key":"1r7ug"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" или ","type":"unstyled","key":"362a1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Жирный текст. также \t\t\tозначает \"важный\" с точки зрения \t\t\tсмысла.","type":"unstyled","key":"1s5d4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это \t\t\tжирный \t\t\tтекст.","type":"unstyled","key":"7mi4m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":4,"style":"BOLD"}],"text":"Это жирный текст.","type":"unstyled","key":"2grua"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" или ","type":"unstyled","key":"4n9q8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Курсивный текст. также \t\t\tозначает \"акцентированный\" с \t\t\tточки зрения смысла.","type":"unstyled","key":"4gulq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это \t\t\tкурсивный \t\t\tтекст.","type":"unstyled","key":"fpieq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":4,"style":"ITALIC"}],"text":"Это курсивный текст.","type":"unstyled","key":"fg8ht"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ai98t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":18,"style":"BOLD"}],"text":"Выделяет \t\t\tтекст цветным \t\t\tмаркером (обычно \t\t\tжелтым).","type":"unstyled","key":"fl9id"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это \t\t\tважная \t\t\tчасть \t\t\tтекста.","type":"unstyled","key":"apm5h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это важная \t\t\tчасть текста.","type":"unstyled","key":"aih93"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Ссылки и изображения","type":"header-three","key":"e8brh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Без этих тегов не было бы Всемирной паутины!","type":"unstyled","key":"9vif3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"Тег","type":"unstyled","key":"d3d69"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Для \t\t\tчего нужен","type":"unstyled","key":"bt5ar"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример","type":"unstyled","key":"6kdls"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"Как \t\t\tвыглядит в браузере","type":"unstyled","key":"5v79t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"1vf32"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":8,"style":"BOLD"}],"text":"Создает ссылку (гиперссылку) \t\t\tна другую страницу или сайт. Обязательно \t\t\tиспользуйте атрибут href=\"адрес\".","type":"unstyled","key":"f3qff"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Читайте \t\t\tна любимом сайте.","type":"unstyled","key":"f39d6"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":16,"offset":14}],"inlineStyleRanges":[],"text":"Читайте \t\t\tна любимом \t\t\tсайте.","type":"unstyled","key":"160p0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"20c7l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":10,"style":"BOLD"},{"length":9,"offset":42,"style":"BOLD"}],"text":"Вставляет изображение на \t\t\tстраницу. Это одиночный тег. \t\t\tОбязательные \t\t\tатрибуты: src=\"путь_к_картинке\" и alt=\"описание\".","type":"unstyled","key":"eptnl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" $\"Мой$ ","type":"unstyled","key":"50q0r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"![Изображение \t\t\tкота]","type":"unstyled","key":"bgji0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Списки","type":"header-three","key":"1d0d9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Помогают красиво оформить перечисления.","type":"unstyled","key":"bkaso"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"Тег","type":"unstyled","key":"3j40v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Для \t\t\tчего нужен","type":"unstyled","key":"6slf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример","type":"unstyled","key":"80e7v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"Как \t\t\tвыглядит в браузере","type":"unstyled","key":"5fbu9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unstyled","key":"b1gve"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":8,"style":"BOLD"}],"text":"Создает маркированный список \t\t\t(с точками или другими значками).","type":"unstyled","key":"1035t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
\n
Яблоки
\n
Груши
\n
","type":"unstyled","key":"cq10u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Яблоки","type":"unordered-list-item","key":"fkrkq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Груши","type":"unordered-list-item","key":"eetm1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unstyled","key":"77vmi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":8,"style":"BOLD"}],"text":"Создает нумерованный список \t\t\t(с цифрами или буквами).","type":"unstyled","key":"16aaj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
\n
Вскипятить \t\t\tводу
\n
Заварить \t\t\tчай
\n
","type":"unstyled","key":"em2hp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вскипятить \t\t\t\tводу","type":"ordered-list-item","key":"4dcsv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заварить \t\t\t\tчай","type":"ordered-list-item","key":"40fb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unstyled","key":"ehot7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":32,"style":"BOLD"}],"text":"Элемент \t\t\tсписка. Используется внутри
или
.","type":"unstyled","key":"ck4pk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(Смотри \t\t\tпримеры выше)","type":"unstyled","key":"2h28c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(Смотри \t\t\tпримеры выше)","type":"unstyled","key":"4q5jf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":34,"offset":0,"style":"BOLD"}],"text":"Структурные блоки (Макет страницы)","type":"header-three","key":"bs4ch"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Эти теги не меняют вид текста, но помогают логически разделить страницу на блоки (шапка, меню, основной контент, подвал). Это очень важно для последующего оформления с помощью CSS.","type":"unstyled","key":"f9702"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"Тег","type":"unstyled","key":"c9vs3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Для \t\t\tчего нужен","type":"unstyled","key":"ac7ot"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример","type":"unstyled","key":"cq7j7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unstyled","key":"edp1v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":14,"style":"BOLD"}],"text":"Универсальный блочный \t\t\tконтейнер. \t\t\tИспользуется для группировки элементов \t\t\tи создания макета.","type":"unstyled","key":"7j2gi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
\n
Новости
\n \t\t\t
Текст \t\t\tновости...
\n
","type":"unstyled","key":"8t5ca"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unstyled","key":"204bf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\"Шапка\" \t\t\tсайта или раздела. Обычно здесь \t\t\tнаходится логотип и главное меню.","type":"unstyled","key":"9ia6a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
\n
Мой \t\t\tБлог
\n
","type":"unstyled","key":"cl0ea"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unstyled","key":"16r20"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":14,"style":"BOLD"}],"text":"Раздел \t\t\tдля навигационных ссылок \t\t\t(главное меню сайта).","type":"unstyled","key":"3gioh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
\n Главная\n Обо мне\n
","type":"unstyled","key":"eknif"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unstyled","key":"a356u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":11,"style":"BOLD"}],"text":"Обозначает основное, \t\t\tуникальное содержимое \t\t\tстраницы. На странице должен быть \t\t\tтолько один такой тег.","type":"unstyled","key":"8r4v7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
\n
Статья \t\t\tо садоводстве
\n
Текст \t\t\tстатьи...
\n
","type":"unstyled","key":"c0jhr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
","type":"unstyled","key":"3ebao"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\"Подвал\" \t\t\tсайта или раздела. Часто содержит \t\t\tконтактную информацию, авторские \t\t\tправа.","type":"unstyled","key":"60ln1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
\n
© \t\t\t2024, Мой сайт
\n
","type":"unstyled","key":"50i2a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Небольшой совет","type":"header-three","key":"845cl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Не стремитесь запомнить всё и сразу. Начните с самого главного: , , ,
,
, и . Этого уже достаточно, чтобы создать свою первую простую страничку!","type":"unstyled","key":"28jj3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Постепенно, по мере практики, Вы будете запоминать и другие теги. Удачи в освоении веб-грамотности","type":"unstyled","key":"3mm3h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5a8q6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":33,"offset":0,"style":"BOLD"}],"text":"Приложение Б: Словарик терминов\n\n","type":"header-three","key":"mv28"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Дорогие друзья! Осваивая что-то новое, мы часто сталкиваемся с незнакомыми словами. Этот словарик создан специально для того, чтобы Вы могли быстро найти и понять любой термин, связанный с созданием сайтов. Не пугайтесь этих слов — за каждым из них стоит простое и логичное понятие.","type":"unstyled","key":"c7v3m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"5mpr6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"}],"text":"А","type":"header-three","key":"9tnje"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Атрибут","type":"unstyled","key":"6vgv3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"},{"length":25,"offset":24,"style":"BOLD"},{"length":14,"offset":54,"style":"BOLD"}],"text":"Простое объяснение: Это дополнительная инструкция или характеристика внутри тега. Если тег — это слово команды, то атрибут — это уточнение, как именно выполнить эту команду.","type":"unstyled","key":"1kjs1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Представьте, что Вы даете команду \"варить!\" (это тег). Атрибуты — это уточнения: \"варить 10 минут (атрибут time=\"10\") и в кастрюле (атрибут pot=\"yes\")\".","type":"unstyled","key":"a7mlm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Пример в HTML: В теге $\"Моя$ слова src и alt — это атрибуты. Они сообщают браузеру, где найти картинку и что это за картинка.","type":"unstyled","key":"e9u61"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Браузер","type":"unstyled","key":"96qg5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"},{"length":10,"offset":34,"style":"BOLD"}],"text":"Простое объяснение: Это программа-переводчик, которая умеет читать HTML-код и превращать его в красивую, удобную для чтения страницу с текстом, картинками и ссылками.","type":"unstyled","key":"b37hv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Браузер — это как телевизор. Вы не смотрите на внутренние микросхемы и сигналы (HTML-код), Вы смотрите на готовую, понятную картинку (веб-страницу). Примеры браузеров: Google Chrome, Яндекс.Браузер, Mozilla Firefox, Safari.","type":"unstyled","key":"earr1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Важно: Именно браузер показывает Вам сайты в интернете.","type":"unstyled","key":"6rrk2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"csjf2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"}],"text":"В","type":"header-three","key":"3rmlp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Веб-страница","type":"unstyled","key":"6sb75"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Простое объяснение: Один отдельный документ в интернете. Например, статья в онлайн-газете или Ваша анкета в социальной сети.","type":"unstyled","key":"a58ov"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Одна страница в книге.","type":"unstyled","key":"1mchv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"Веб-сайт (или просто \"Сайт\")","type":"unstyled","key":"fhsqi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"},{"length":11,"offset":34,"style":"BOLD"}],"text":"Простое объяснение: Это несколько веб-страниц, объединенных вместе под одним общим названием (адресом) и общей темой.","type":"unstyled","key":"5v3k7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Целая книга, состоящая из многих страниц (веб-страниц). Например, весь интернет-магазин \"Озон\" — это сайт, а страница с конкретным чайником — это веб-страница.","type":"unstyled","key":"56jpn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Верстка","type":"unstyled","key":"8c9e3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Простое объяснение: Процесс создания веб-страницы с помощью HTML и CSS. Верстальщик, как конструктор, расставляет на странице текст, картинки, кнопки и другие элементы.","type":"unstyled","key":"dhq1o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Процесс макетирования газеты или журнала, когда редактор расставляет статьи, фотографии и заголовки по полосам.","type":"unstyled","key":"f4qen"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"3vmfa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"}],"text":"Д","type":"header-three","key":"b174s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Домен (Доменное имя)","type":"unstyled","key":"80vr2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"},{"length":8,"offset":59,"style":"BOLD"}],"text":"Простое объяснение: Это красивое и удобное для запоминания название сайта, которое Вы вводите в адресную строку браузера.","type":"unstyled","key":"fpvbj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Доменное имя — это название улицы и номер дома в интернете. Настоящий \"адрес\" сайта — это длинный набор цифр (IP-адрес), но людям удобнее использовать имя, например, yandex.ru, а не 77.88.55.60.","type":"unstyled","key":"87uvp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример: google.com, pensioner.ru, moj-sad.ru.","type":"unstyled","key":"3le5o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"2q3v7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"}],"text":"И","type":"header-three","key":"e6b83"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Интернет","type":"unstyled","key":"b8m7k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Простое объяснение: Всемирная сеть, которая соединяет миллиарды компьютеров по всему миру. Это как гигантская паутина из проводов и беспроводных сигналов.","type":"unstyled","key":"5il20"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Если сайт — это магазин, то интернет — это весь город с его улицами, по которым Вы до этого магазина добираетесь.","type":"unstyled","key":"b8jv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"kjmi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"}],"text":"К","type":"header-three","key":"2bptc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"Код","type":"unstyled","key":"t6mg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Простое объяснение: Набор специальных команд и инструкций, написанных на понятном для компьютера языке. HTML — это один из таких языков кода.","type":"unstyled","key":"4n4d6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Кулинарный рецепт. В рецепте тоже есть свои \"команды\" (\"взбить\", \"посолить\", \"выпекать 30 минут\"), следуя которым, Вы получаете готовое блюдо (веб-страницу).","type":"unstyled","key":"jbar"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":0,"style":"BOLD"}],"text":"Контейнер","type":"unstyled","key":"5oeer"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Простое объяснение: Тег (например,
), который служит \"коробкой\" для группировки других тегов. Он помогает организовать элементы на странице.","type":"unstyled","key":"cmfpt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Ящик на кухне, в котором Вы храните все столовые приборы. Вместо того чтобы разбрасывать ложки и вилки по всему столу, Вы кладете их в один ящик-контейнер.","type":"unstyled","key":"6ugm1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"340fn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"}],"text":"С","type":"header-three","key":"9vsef"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Сервер","type":"unstyled","key":"bomo4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Простое объяснение: Это очень мощный и постоянно работающий компьютер, который хранит файлы веб-сайтов и отдает их Вашим браузерам по запросу.","type":"unstyled","key":"1c9eg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: В библиотеке много книг (сайтов), но Вы не ходите по книжным полкам сами. Библиотекарь (сервер) по Вашей просьбе находит нужную книгу и приносит её Вам (в браузер).","type":"unstyled","key":"791a7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Ссылка (Гиперссылка)","type":"unstyled","key":"5nkl4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Простое объяснение: Особый элемент на веб-странице (обычно выделенный синим цветом и подчеркиванием), при щелчке на который Вы переходите на другую страницу или сайт.","type":"unstyled","key":"3k5o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Сноска или цитата в книге, которая говорит: \"об этом подробнее читайте на странице 45\". В интернете переход происходит мгновенно.","type":"unstyled","key":"fmor3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"CSS","type":"unstyled","key":"cnb6a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"},{"length":11,"offset":50,"style":"BOLD"}],"text":"Простое объяснение: Это язык, который отвечает за внешний вид сайта. Если HTML создает каркас (где заголовок, где текст), то CSS делает этот каркас красивым: задает цвет, размер шрифта, отступы и расположение элементов.","type":"unstyled","key":"ataub"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Если HTML — это стены и перегородки в новом доме (структура), то CSS — это ремонт: поклейка обоев, покраска стен, расстановка мебели (оформление).","type":"unstyled","key":"dpsl1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"3vsjq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"}],"text":"Т","type":"header-three","key":"3tgs7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"}],"text":"Тег","type":"unstyled","key":"5mef4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"},{"length":7,"offset":33,"style":"BOLD"},{"length":8,"offset":45,"style":"BOLD"}],"text":"Простое объяснение: Это основная команда или кирпичик в языке HTML. Теги заключаются в угловые скобки < > и говорят браузеру, что именно находится на странице: заголовок, абзац, картинка и т.д.","type":"unstyled","key":"3q490"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Представьте, что Вы редактор и делаете пометки в рукописи. Вы подчеркиваете заголовок и пишете на полях \"заголовок\" (это тег
), отмечаете начало нового абзаца (тег
). Браузер читает эти пометки и правильно оформляет текст.","type":"unstyled","key":"1cvvs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример:
— тег для абзаца, — тег для изображения.","type":"unstyled","key":"328hk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"1j87m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"}],"text":"Ф","type":"header-three","key":"ekhor"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"Файл","type":"unstyled","key":"3ca0r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Простое объяснение: Электронный документ или \"единица информации\" на компьютере. У каждого файла есть имя и расширение (три буквы после точки), которое указывает на тип файла.","type":"unstyled","key":"e6nj2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Примеры:","type":"unstyled","key":"7b6i1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"stranica.html — файл веб-страницы.","type":"unstyled","key":"82t3e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"foto.jpg — файл изображения.","type":"unstyled","key":"9u8u2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"style.css — файл со стилями CSS.","type":"unstyled","key":"9bt1n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Фронтенд (Frontend)","type":"unstyled","key":"72ngm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Простое объяснение: Это всё, что пользователь видит и с чем взаимодействует в браузере: кнопки, текст, меню, анимации. Создается с помощью HTML, CSS и JavaScript.","type":"unstyled","key":"3erq9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Витрина магазина и торговый зал, куда заходят покупатели.","type":"unstyled","key":"7lgvo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"},{"length":16,"offset":9,"style":"BOLD"}],"text":"Антоним: Бэкенд (Backend) — это то, что скрыто от пользователя: базы данных, серверы, логика сайта. (\"кухня\" и склад магазина).","type":"unstyled","key":"8lb9j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"2in2d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"}],"text":"Х","type":"header-three","key":"2ufqf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Хостинг","type":"unstyled","key":"4kg6i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"},{"length":7,"offset":54,"style":"BOLD"}],"text":"Простое объяснение: Услуга по предоставлению места на сервере для хранения файлов Вашего сайта. Чтобы Ваш сайт был доступен в интернете 24/7, его файлы должны лежать на специальном, постоянно работающем компьютере — хостинге.","type":"unstyled","key":"aci4d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Если Вы создали сайт — Вы построили дом. Но чтобы его увидели все, ему нужен земельный участок. Хостинг — это и есть тот самый \"участок\" в интернете, который Вы арендуете у хостинг-компании.","type":"unstyled","key":"jku5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"}],"text":"HTML","type":"unstyled","key":"5u4c9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"},{"length":8,"offset":29,"style":"BOLD"}],"text":"Простое объяснение: Это язык разметки гипертекста. Главный и основной язык, на котором пишутся веб-страницы. Он не является языком программирования! Его задача — структурировать содержимое страницы: размечать, где заголовок, где абзац, где картинка.","type":"unstyled","key":"a3i9r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Жизненная аналогия: Скелет или каркас здания. HTML создает основу, несущую конструкцию будущего сайта.","type":"unstyled","key":"evpvi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"eq9gb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":1,"offset":0,"style":"BOLD"}],"text":"Ч","type":"header-three","key":"3bhtc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":43,"offset":0,"style":"BOLD"}],"text":"Чек-лист для создания своего первого сайта:","type":"unstyled","key":"fssaq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Написать код — Создать файлы с расширением .html на своем компьютере.","type":"unstyled","key":"de80c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Купить домен — Выбрать и зарегистрировать красивое название для своего сайта.","type":"unstyled","key":"c3onn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Купить хостинг — Арендовать место на сервере для своих файлов.","type":"unstyled","key":"7qj7a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Загрузить файлы — Перенести созданные HTML-файлы с компьютера на хостинг.","type":"unstyled","key":"dpib2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь Ваш сайт будет доступен в интернете по вашему доменному имени!","type":"unstyled","key":"4qj3n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Помните: Не нужно запоминать всё сразу. Возвращайтесь к этому словарику каждый раз, когда встретите незнакомое слово, и скоро эти термины станут для Вас привычными и понятными.","type":"unstyled","key":"4dv7f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n","type":"unstyled","key":"55ini"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":51,"offset":0,"style":"BOLD"}],"text":"Приложение В: Что учить дальше? Краткий обзор CSS\n\n","type":"header-three","key":"5le4c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Дорогие друзья! Поздравляем Вас с освоением основ HTML. Теперь Вы знаете, как создать каркас сайта — расставить заголовки, абзацы, картинки и списки. Но вы, наверное, заметили, что такие страницы выглядят довольно скучно и простовато.","type":"unstyled","key":"eogh4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":27,"style":"BOLD"}],"text":"Вот здесь на сцену выходит CSS — наш волшебный инструмент для превращения скромного каркаса в красивый и современный сайт!","type":"unstyled","key":"rlgo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"3vgsd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"Что такое CSS? Проще простого!","type":"header-three","key":"f3l2h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"},{"length":6,"offset":11,"style":"BOLD"}],"text":"HTML — это скелет вашего сайта. Кости есть, форма есть, но нет кожи, волос и одежды.","type":"unstyled","key":"9b31e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"},{"length":23,"offset":10,"style":"BOLD"}],"text":"CSS — это кожа, прическа и костюм для Вашего сайта. Он отвечает за всю красоту!","type":"unstyled","key":"1i4se"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"},{"length":26,"offset":45,"style":"BOLD"}],"text":"CSS (Cascading Style Sheets) переводится как \"Каскадные Таблицы Стилей\". Не пугайтесь этого названия! По сути, это просто набор правил, которые говорят браузеру: \"Этому заголовку сделай шрифт красным, а тот абзац размести с правой стороны и поставь вокруг него синюю рамку\".","type":"unstyled","key":"dvfg0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"5m767"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"}],"text":"Что конкретно можно делать с помощью CSS?","type":"header-three","key":"1pcv7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Давайте посмотрим на конкретные примеры, как CSS может преобразить Вашу HTML-страницу.","type":"unstyled","key":"d5vs1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"552ej"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"1. Работа с текстом","type":"header-three","key":"5rqnn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"CSS позволяет полностью контролировать внешний вид Вашего текста.","type":"unstyled","key":"bdks3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Что \t\t\tможно изменить","type":"unstyled","key":"aaota"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Пример \t\t\tправила CSS","type":"unstyled","key":"bvmsp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Как \t\t\tэто выглядит","type":"unstyled","key":"78ili"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Цвет \t\t\tтекста","type":"unstyled","key":"4hotp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"color: \t\t\tblue;","type":"unstyled","key":"4kglu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Синий текст","type":"unstyled","key":"8vhr7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"}],"text":"Размер \t\t\tшрифта","type":"unstyled","key":"9g3io"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-size: \t\t\t24px;","type":"unstyled","key":"clqt5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Крупный текст","type":"unstyled","key":"375m2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Семейство \t\t\tшрифтов","type":"unstyled","key":"c8b3m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"font-family: \t\t\tArial;","type":"unstyled","key":"2dihf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Текст другим \t\t\tшрифтом","type":"unstyled","key":"bckm8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Выравнивание","type":"unstyled","key":"9hqdc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"text-align: \t\t\tcenter;","type":"unstyled","key":"feail"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Текст по \t\t\tцентру
","type":"unstyled","key":"76ulu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Было (только HTML):","type":"unstyled","key":"7gau7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"ai087"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
Это простой абзац текста.
","type":"unstyled","key":"9dgq0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"Стало (с добавлением CSS):","type":"unstyled","key":"7vk8n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"6ktan"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
\n Это элегантный абзац с крупным зеленым шрифтом, выровненный по центру. \n
","type":"unstyled","key":"9417f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"5r5md"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"2. Работа с блоками и фоном","type":"header-three","key":"b266m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вы можете управлять фоном, рамками и отступами элементов.","type":"unstyled","key":"c826q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Что \t\t\tможно изменить","type":"unstyled","key":"u4oc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Пример \t\t\tправила CSS","type":"unstyled","key":"4bicl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":15,"offset":0,"style":"BOLD"}],"text":"Фоновый \t\t\tцвет","type":"unstyled","key":"8nntn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"background-color: \t\t\tlightyellow;","type":"unstyled","key":"35vfj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"Рамка","type":"unstyled","key":"98kn2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"border: \t\t\t2px solid brown;","type":"unstyled","key":"a4e16"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Внутренний \t\t\tотступ (поля \t\t\tвнутри блока)","type":"unstyled","key":"cb0m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"padding: \t\t\t20px;","type":"unstyled","key":"4mekl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":0,"style":"BOLD"}],"text":"Внешний \t\t\tотступ (поля \t\t\tснаружи блока)","type":"unstyled","key":"27bu0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"margin: \t\t\t15px;","type":"unstyled","key":"cgiur"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Было (только HTML):","type":"unstyled","key":"13fct"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"bil82"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
Новость дня
","type":"unstyled","key":"5k0tb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"Стало (с добавлением CSS):","type":"unstyled","key":"3t8u3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"bp82p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"
\n Новость дня \n
","type":"unstyled","key":"6ft81"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"(Этот блок будет выглядеть как выделенная цветная плашка с рамкой и отступами)","type":"unstyled","key":"9qkdu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"885l8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":49,"offset":0,"style":"BOLD"}],"text":"3. Самый главный принцип: Разделение обязанностей","type":"header-three","key":"5cmmi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обратите внимание на ключевое отличие:","type":"unstyled","key":"1lsbv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":0,"style":"BOLD"},{"length":10,"offset":17,"style":"BOLD"},{"length":9,"offset":30,"style":"BOLD"}],"text":"HTML отвечает за содержание и структуру (\"что показать\")","type":"unstyled","key":"cl1an"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":3,"offset":0,"style":"BOLD"},{"length":11,"offset":16,"style":"BOLD"},{"length":10,"offset":30,"style":"BOLD"}],"text":"CSS отвечает за внешний вид и оформление (\"как это показать\")","type":"unstyled","key":"1cglv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это как в театре: HTML — это актеры и их реплики (содержание пьесы), а CSS — это костюмы, грим, декорации и свет (оформление спектакля).","type":"unstyled","key":"3v54b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"1jth8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"Как \"прицепить\" CSS к HTML?","type":"header-three","key":"2f8uk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Есть три основных способа подключить стили к Вашей странице:","type":"unstyled","key":"emrj5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":34,"offset":0,"style":"BOLD"}],"text":"1. Прямо в теге (инлайновый стиль)","type":"unstyled","key":"egii4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Используется атрибут style.","type":"unstyled","key":"acqbf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"Плюс: Просто и быстро для одного элемента.","type":"unstyled","key":"8hp7j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Минус: Неудобно, если нужно стилизовать много элементов.","type":"unstyled","key":"e2ood"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":7,"offset":0,"style":"BOLD"}],"text":"Пример:
Красный текст
","type":"unstyled","key":"3ov38"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"},{"length":1,"offset":36,"style":"BOLD"}],"text":"2. Внутри страницы (в разделе )","type":"unstyled","key":"29vqf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Стили пишутся внутри тега \n","type":"unstyled","key":"d3dfs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":47,"offset":0,"style":"BOLD"}],"text":"3. В отдельном файле (самый правильный способ!)","type":"unstyled","key":"mb2r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Все CSS-правила пишутся в отдельном файле с расширением .css (например, style.css).","type":"unstyled","key":"5vdal"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот файл подключается к HTML-документу с помощью тега в разделе .","type":"unstyled","key":"mais"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":0,"style":"BOLD"}],"text":"Плюс: Один файл стилей можно применить ко всем страницам сайта! Чтобы изменить цвет всех заголовков на сайте, Вам нужно будет поправить всего одну строчку в одном файле.","type":"unstyled","key":"8s6vh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Пример подключения:","type":"unstyled","key":"3s3an"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"10bif"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" \n \n","type":"unstyled","key":"9maa7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"3oe5v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":41,"offset":0,"style":"BOLD"}],"text":"С чего начать изучение CSS? План действий","type":"header-three","key":"b4jj6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"1. Освойте базовые понятия:","type":"unstyled","key":"5thp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":20,"offset":0,"style":"BOLD"}],"text":"Свойства и значения: свойство: значение; (например, color: red;).","type":"unstyled","key":"ef5h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Селекторы: Как сказать браузеру, к КОНКРЕТНОМУ элементу применить стиль (например, селектор по тегу p, по классу .text или по идентификатору #header).","type":"unstyled","key":"auef9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"2. Начните с простого:","type":"unstyled","key":"a7h90"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поэкспериментируйте с цветами (color, background-color), шрифтами (font-family, font-size) и отступами (margin, padding).","type":"unstyled","key":"fgln1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":40,"offset":0,"style":"BOLD"}],"text":"3. Практикуйтесь на своей HTML-странице:","type":"unstyled","key":"1natg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Возьмите страничку, которую Вы уже создали с помощью HTML.","type":"unstyled","key":"b5r40"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Попробуйте изменить цвет заголовков, добавить фон всему сайту, поиграть с рамками вокруг картинок.","type":"unstyled","key":"amlkg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":0,"style":"BOLD"}],"text":"4. Используйте подсказки:","type":"unstyled","key":"3luih"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Современные редакторы кода (например, VS Code) автоматически предлагают возможные CSS-свойства, когда Вы начинаете печатать.","type":"unstyled","key":"cbntc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"pc4e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":42,"offset":0,"style":"BOLD"}],"text":"Где найти простые и понятные уроки по CSS?","type":"header-three","key":"c4h60"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот проверенные ресурсы, где материал объясняется так же доступно, как и в этом учебнике:","type":"unstyled","key":"b75ue"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":14,"offset":17}],"inlineStyleRanges":[{"length":32,"offset":0,"style":"BOLD"}],"text":"1. HTML Academy (htmlacademy.ru)","type":"unstyled","key":"75fo2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"Почему подходит пенсионерам: Огромное количество интерактивных курсов и тренажеров. Вам не нужно просто читать — Вы сразу же выполняете задания в браузере, видя результат. Очень наглядно и понятно. Есть бесплатные интенсивные курсы.","type":"unstyled","key":"a4982"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":10,"offset":3}],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"2. Stepik.org","type":"unstyled","key":"7c5r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"Почему подходит пенсионерам: Платформа с курсами от ведущих вузов и компаний. Курсы структурированы, есть пошаговые задания и система достижений. Найдите курс \"Веб-разработка для начинающих: HTML и CSS\".","type":"unstyled","key":"5ps79"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":50,"offset":0,"style":"BOLD"}],"text":"3. Канал \"Веб-разработка для начинающих\" (YouTube)","type":"unstyled","key":"eul49"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"Почему подходит пенсионерам: Если Вам проще воспринимать информацию на слух и видеть процесс. Найдите видео с названиями \"CSS для начинающих за 1 час\".","type":"unstyled","key":"99qc0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":39,"offset":0,"style":"BOLD"}],"text":"4. Советский, но надежный способ: Книги","type":"unstyled","key":"6p39s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В библиотеках часто можно найти старые издания по HTML и CSS. Несмотря на возраст, основы в них изложены очень подробно и системно, без лишней сложности.","type":"unstyled","key":"ckfg4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Главный совет: Не пытайтесь выучить всё и сразу. Осваивайте CSS маленькими шагами. Сначала научитесь менять цвет текста, потом — размер, потом — добавлять отступы. Каждый новый навык — это большое достижение!","type":"unstyled","key":"2dgbf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Помните, что создание сайта — это творческий процесс. CSS дает Вам в руки кисть и краски, чтобы раскрасить созданный Вами HTML-каркас. Удачи в этом увлекательном деле!\n\n","type":"unstyled","key":"dsbtk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":46,"offset":0,"style":"BOLD"}],"text":"Приложение Г: Ответы к практическим заданиям\n\n","type":"header-three","key":"9ng62"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":131,"style":"BOLD"}],"text":"Дорогие друзья! Здесь Вы найдете примеры готовых кодов для заданий, которые были предложены в учебнике. Пожалуйста, используйте их только для самопроверки! Сначала обязательно попробуйте выполнить задание самостоятельно, и только если возникли трудности или Вы хотите свериться с ответом — заглядывайте сюда.","type":"unstyled","key":"ar3p5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Не бывает двух одинаковых решений! Ваш код может немного отличаться от нашего, и это нормально. Главное, чтобы он работал правильно.","type":"unstyled","key":"4mvll"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"49prj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":45,"offset":0,"style":"BOLD"}],"text":"Задание из Главы 2: Ваша первая HTML-страница","type":"header-three","key":"nblq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Задание: Создайте файл index.html. Напишите базовую структуру HTML-документа. В теле страницы () разместите главный заголовок
с текстом \"Добро пожаловать на мою страницу!\" и абзац
с любым приветственным текстом.","type":"unstyled","key":"551t8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Ответ:","type":"unstyled","key":"bg4q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"1e0v0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" \n \n \n \n Моя первая страница \n \n \n
Добро пожаловать на мою страницу!
\n
Здравствуйте! Меня зовут Иван, и это моя первая веб-страница, которую я создал самостоятельно. Я очень рад поделиться с Вами своим новым увлечением.
\n \n","type":"unstyled","key":"cad85"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Что проверить:","type":"unstyled","key":"8tjh2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Есть ли в самом начале?","type":"unstyled","key":"2dc1c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Все ли основные теги (, , ) на своих местах и закрыты?","type":"unstyled","key":"a9soa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Отображается ли заголовок крупным шрифтом, а текст под ним — как обычный абзац?","type":"unstyled","key":"8i2ka"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"e0evf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":34,"offset":0,"style":"BOLD"}],"text":"Задание из Главы 3: Простая статья","type":"header-three","key":"c0q87"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Задание: Создайте страницу, которая будет представлять собой небольшую статью на тему \"Мое хобби\". Используйте заголовки разных уровней (
,
), абзацы (
), ненумерованный список (
) для перечисления преимуществ хобби и теги для выделения текста (, ).","type":"unstyled","key":"eocq1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Ответ:","type":"unstyled","key":"ev8g1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"7dp6i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" \n \n \n \n Мое хобби - Садоводство \n \n \n
Мое любимое хобби: Садоводство
\n \n
Всем привет! Сегодня я хочу рассказать Вам о своем увлечении, которое приносит мне огромную радость и умиротворение — о садоводстве.
\n\n
Почему я люблю садоводство?
\n
Это занятие позволяет мне быть ближе к природе и видеть результаты своего труда.
\n \n
Что я выращиваю?
\n
\n
Помидоры
\n
Огурцы
\n
Клубнику
\n
Разные цветы, особенно бархатцы и ромашки
\n
\n \n
Совет новичкам
\n
Начните с неприхотливых растений! Не бойтесь ошибок — на них мы учимся.
\n \n","type":"unstyled","key":"63hjj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Что проверить:","type":"unstyled","key":"albnv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заголовок
самый крупный, а
— чуть меньше.","type":"unstyled","key":"cnrsa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Список отображается с точками (маркерами) перед каждым элементом.","type":"unstyled","key":"455jo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Слова \"огромную радость\" и \"бархатцы\" выделены жирным, а \"умиротворение\" и \"ромашки\" — курсивом.","type":"unstyled","key":"7tcit"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"d8k2f"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":43,"offset":0,"style":"BOLD"}],"text":"Задание из Главы 4: Страница с фотоальбомом","type":"header-three","key":"3mjif"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Задание: Создайте страницу \"Мой фотоальбом\". Добавьте несколько изображений (можно использовать картинки из интернета или со своего компьютера). Обязательно укажите атрибут alt с описанием для каждой картинки. Разместите под каждой фотографией подпись.","type":"unstyled","key":"fj9cu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Ответ:","type":"unstyled","key":"35f5j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"19bn7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" \n \n \n \n Мой фотоальбом \n \n \n
Мой летний фотоальбом
\n \n
Вот несколько фотографий с моей дачи в этом году.
\n \n
\n $\"Клумба$ \n
Моя любимая клумба. Как Вам эти цветы?
\n
\n \n
\n $\"Корзина$ \n
Первый урожай! Огурцы и помидоры с собственной грядки.
\n
\n \n
\n $\"Мой$ \n
А это мой помощник, кот Васька. Он \"отдыхает\" после тяжелого дня.
\n
\n \n","type":"unstyled","key":"adrt3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Важное примечание: В атрибуте src вы должны указать правильный путь к Вашим изображениям. Если картинки лежат в той же папке, что и HTML-файл, достаточно просто имени файла, как в примере. Если картинки в другой папке, путь будет таким: src=\"images/цветы.jpg\".","type":"unstyled","key":"7rvaf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"8omes"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":38,"offset":0,"style":"BOLD"}],"text":"Задание из Главы 5: Навигационное меню","type":"header-three","key":"rgvf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Задание: Создайте простой сайт из трех страниц: \"Главная\", \"Обо мне\" и \"Мои увлечения\". На каждой странице создайте навигационное меню с ссылками на все три страницы.","type":"unstyled","key":"7u6hh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"},{"length":20,"offset":26,"style":"BOLD"}],"text":"Ответ для файла index.html (Главная страница):","type":"unstyled","key":"2fahq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"6skdu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":129,"style":"ITALIC"}],"text":" \n \n \n \n Главная страница \n \n \n \n \n Главная | \n Обо мне | \n Мои увлечения \n
\n \n
Добро пожаловать на мой сайт!
\n
Здесь Вы найдете информацию обо мне и моих увлечениях.
\n
Используйте меню выше, чтобы перейти в разные разделы.
\n \n","type":"unstyled","key":"cgqcr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"},{"length":22,"offset":26,"style":"BOLD"}],"text":"Ответ для файла about.html (Страница \"Обо мне\"):","type":"unstyled","key":"kpdn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"e23cm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":60,"offset":120,"style":"ITALIC"}],"text":" \n \n \n \n Обо мне \n \n \n \n
\n Главная | \n Обо мне | \n Мои увлечения \n
\n \n
Обо мне
\n
Меня зовут Александр, мне 68 лет. Я на пенсии и активно осваиваю компьютер и интернет.
\n
Живу в Москве, у меня двое взрослых детей и трое внуков.
\n \n","type":"unstyled","key":"9pr6o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":0,"style":"BOLD"},{"length":28,"offset":28,"style":"BOLD"}],"text":"Ответ для файла hobbies.html (Страница \"Мои увлечения\"):","type":"unstyled","key":"au713"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"html","type":"unstyled","key":"btpqv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":126,"style":"ITALIC"}],"text":" \n \n \n \n Мои увлечения \n \n \n \n
\n Главная | \n Обо мне | \n Мои увлечения \n
\n \n
Мои увлечения
\n
В свободное время я люблю:
\n
\n
Заниматься садоводством
\n
Читать книги
\n
Осваивать новые технологии
\n
Путешествовать по историческим местам
\n
\n \n","type":"unstyled","key":"40ufa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":0,"style":"BOLD"}],"text":"Что проверить:","type":"unstyled","key":"4mspd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Все три файла (index.html, about.html, hobbies.html) созданы и лежат в одной папке.","type":"unstyled","key":"bvi69"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Меню на каждой странице содержит три ссылки.","type":"unstyled","key":"nvhn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ссылки работают: при нажатии на \"Обо мне\" с главной страницы Вы переходите на about.html, и т.д.","type":"unstyled","key":"9mf3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"header-three","key":"3ssc2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":25,"offset":0,"style":"BOLD"}],"text":"Общие советы по проверке:","type":"header-three","key":"6liuc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":22,"offset":0,"style":"BOLD"}],"text":"Всегда сохраняйте файл после внесения изменений (Файл -> Сохранить или Ctrl+S).","type":"unstyled","key":"ald8t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"Обновляйте страницу в браузере после сохранения, чтобы увидеть изменения (клавиша F5 или кнопка \"Обновить\").","type":"unstyled","key":"5slg9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":0,"style":"BOLD"}],"text":"Не бойтесь ошибаться! Ошибки в коде — это нормально. Браузер часто подсказывает, где может быть проблема. Если страница выглядит не так, как Вы ожидали, внимательно перепроверьте код, особенно закрывающие теги и кавычки.","type":"unstyled","key":"7vvm7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Помните: Практика — лучший учитель. Чем больше Вы экспериментируете и пишете свой собственный код, тем увереннее Вы будете себя чувствовать. Успехов в Вашем творчестве!","type":"unstyled","key":"frvvf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"espd8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"39f3l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"hx4AxDnDmTmXxPcF4u5w"}],"entityMap":{"0":{"data":{"href":"https://example.com/","url":"https://example.com/"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://htmlacademy.ru/","url":"https://htmlacademy.ru/"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"https://stepik.org/","url":"https://stepik.org/"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}

\uD83C\uDF89 Вы только что совершили важный шаг!

\uD83D\uDCF1 В мессенджерах (WhatsApp, Telegram)

\uD83D\uDCE7 Email для старшего поколения

\uD83C\uDF89 Ваш сайт в сети!

\uD83C\uDFC6 Вы это сделали!

1. Ваш сайт теперь живёт здесь:

2. 5 способов поделиться с друзьями и семьёй

Мессенджеры

Email

Соцсети

По телефону

QR-код

3. Готовые шаблоны сообщений

\uD83D\uDCF1 Для мессенджеров:

\uD83D\uDCE7 Для email (родителям, родственникам):

\uD83D\uDC65 Для социальных сетей:

\uD83D\uDCDE Для телефонного разговора:

4. QR-код для Вашего сайта

5. Как получать полезные отзывы

❓ Какие вопросы задавать

\uD83D\uDCF1 Проверка на устройствах

\uD83C\uDFA8 Дизайн и удобство

\uD83D\uDCDD Чеклист для обратной связи:

6. Что делать с полученными отзывами?

Положительные отзывы

Конструктивная критика

Найденные ошибки

Идеи для улучшений

7. Что дальше? Ваши следующие шаги

\uD83C\uDF93 Вы прошли огромный путь!

\uD83C\uDF1F Запомните этот момент!

Добро \t\t\tпожаловать!

,

, \t\t\t...

","type":"unstyled","key":"appnb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заголовки \t\t\tразного уровня.

— \t\t\tсамый главный (крупный),

— \t\t\tсамый мелкий.","type":"unstyled","key":"8fchm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Глава \t\t\t1

Раздел \t\t\t1.1

1.1.1 \t\t\tПодраздел

Глава \t\t\t1

Раздел \t\t\t1.1

1.1.1 \t\t\tПодраздел

Новости