{"draftJsState":{"blocks":[{"data":{"image":{"id":"680882b15a07fe44bb478351"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"bjr66"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Привет, начинающий веб-дизайнер! Хочешь сделать так, чтобы твоя HTML-страница выглядела круто? Давай научимся добавлять разные фоны — это простой способ сделать твой сайт ярким и интересным!","type":"unstyled","key":"ca2p6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"1. Как добавить цветной фон для всей страницы","type":"header-two","key":"4oik8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Самый простой способ сделать фон — это просто добавить цвет ко всей странице. Для этого используем тег \n\n\n

Привет! Это моя страница с голубым фоном!

Теперь она выглядит намного интереснее

\n\n\n","type":"unstyled","key":"74pi7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этом примере я использовал цвет #87CEEB (это небесно-голубой), но ты можешь выбрать любой другой! Можно использовать:","type":"unstyled","key":"8liic"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Названия цветов: red, blue, green, pink, purple, yellow","type":"unordered-list-item","key":"1j7ft"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"HEX-коды: #FF0000 (красный), #00FF00 (зелёный), #0000FF (синий)","type":"unordered-list-item","key":"cl926"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"RGB-значения: rgb(255, 0, 0) (красный), rgb(0, 255, 0) (зелёный)","type":"unordered-list-item","key":"bsrgo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"2. Как сделать фон с картинкой","type":"header-two","key":"6u8h2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Картинка на фоне может сделать твою страницу ещё интереснее! Вот как это сделать:","type":"unstyled","key":"9vsp7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":39,"offset":189,"style":"ITALIC"},{"length":30,"offset":264,"style":"ITALIC"},{"length":35,"offset":331,"style":"ITALIC"}],"text":"html\n\n\n Страница с фоновой картинкой\n \n\n\n

Вау! Тут классная картинка на фоне!

\n\n\n","type":"unstyled","key":"j7cv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Замени путь_к_твоей_картинке.jpg на реальный путь к твоей картинке. Например:","type":"unstyled","key":"ajabe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если картинка в той же папке: просто картинка.jpg","type":"unordered-list-item","key":"4endm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если картинка в подпапке: images/картинка.jpg","type":"unordered-list-item","key":"epvse"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Можно использовать картинку из интернета: https://example.com/картинка.jpg","type":"unordered-list-item","key":"1qtgo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"3. Как сделать фон только для определенной части страницы","type":"header-two","key":"1mf5c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Хочешь, чтобы фон был только у определенного блока, а не у всей страницы? Легко!","type":"unstyled","key":"d2s49"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":117,"style":"ITALIC"},{"length":18,"offset":210,"style":"ITALIC"},{"length":26,"offset":250,"style":"ITALIC"},{"length":23,"offset":304,"style":"ITALIC"},{"length":27,"offset":348,"style":"ITALIC"}],"text":"html\n\n\n Фон для блока\n \n\n\n

Это блок с золотым фоном!

Выглядит как сокровище, правда?

\n \n

А это обычный текст на белом фоне страницы.

\n\n\n","type":"unstyled","key":"c1cki"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"4. Супер-эффект: градиентный фон","type":"header-two","key":"79me6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Градиент — это плавный переход от одного цвета к другому. Это выглядит очень современно и стильно!","type":"unstyled","key":"9mqjs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":39,"offset":157,"style":"ITALIC"},{"length":108,"offset":210,"style":"ITALIC"},{"length":47,"offset":346,"style":"ITALIC"}],"text":"html\n\n\n Градиентный фон\n \n\n\n

Вау! Градиентный фон!

Это выглядит очень круто и современно!

\n\n\n","type":"unstyled","key":"fspeq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"5. Прозрачный блок на фоне картинки","type":"header-two","key":"bidvq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А теперь сделаем что-то более продвинутое — прозрачный блок с текстом на фоне картинки:","type":"unstyled","key":"30amv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":257,"style":"ITALIC"},{"length":36,"offset":451,"style":"ITALIC"}],"text":"html\n\n\n Текст на фоне картинки\n \n\n\n

Привет, мир!

Этот текст находится в полупрозрачном блоке на фоне красивой картинки!

\n\n\n","type":"unstyled","key":"g4hr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Советы для начинающих:","type":"header-two","key":"agbmh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"Сначала попробуй простые цвета: Начни с обычных цветов, прежде чем переходить к сложным эффектам.","type":"ordered-list-item","key":"1bkhg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":31,"offset":0,"style":"BOLD"}],"text":"Не используй слишком яркие фоны: Они могут мешать чтению текста на твоей странице.","type":"ordered-list-item","key":"d1k70"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":58,"offset":0,"style":"BOLD"}],"text":"Проверяй, как выглядит твоя страница на разных устройствах: То, что хорошо смотрится на компьютере, может странно выглядеть на телефоне.","type":"ordered-list-item","key":"cdop"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":38,"offset":0,"style":"BOLD"}],"text":"Используй картинки подходящего размера: Слишком большие картинки будут долго загружаться.","type":"ordered-list-item","key":"3d6v2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Эксперименты: Не бойся пробовать разные комбинации цветов и эффектов!","type":"ordered-list-item","key":"fhr6u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь у тебя есть все необходимое, чтобы сделать крутой фон для своей веб-страницы! Попробуй эти примеры, измени их под себя и создай что-то уникальное! \uD83D\uDE80✨","type":"unstyled","key":"7bfr0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"sKj6R8q1NeRivfQAvXit"}],"entityMap":{}},"mentions":[]}