{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":24,"style":"BOLD"}],"text":"Всем привет, меня зовут Кейта. И сегодня мы с вами будем писать один из самых простых сайтов на HTML. Давайте же приступим!","type":"unstyled","key":"5u7oa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Результат моей работы(ВНИМАНИЕ! НЕ РЕКЛАМА!) ","type":"unstyled","key":"5vo0k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"http://cafe.keita.fun(Домен неактуален)","type":"unstyled","key":"eqa12"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Перед переменными формата color и прочие должны ставятся знаки #","type":"unstyled","key":"52cp9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создание папок и логотипа","type":"header-three","key":"56q91"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для начала нам нужно скачать и установить программу PhotoShop CS6 , открыть редактор и установить размеры полотна \"350х100\" пиксели, фон прозрачный. Вообщем, сделайте логотип. Также, нарисуйте ваш номер телефона. И так, давайте приступим к созданию самого первого элемента.","type":"unstyled","key":"1su9b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создайте папку www , в ней папку \"Мой сайт\" например. Внутри создайте папку CSS, в этой папке создайте папку images, а ещё в папке CSS создайте блокнот(.txt). Откройте его, выберите \"Сохранить как\" - установите тип \"Все программы\", назовите его style.css , затем сохраните в ту же папку.","type":"unstyled","key":"4k56s"},{"data":{"image":{"id":"6106afc2b320db6f209b81a1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот такое окно у вас появиться после нажатия \"Сохранить как\" (keitaa)","type":"atomic:image","key":"92h16"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее, вернитесь в папку \"Мой сайт\", создайте там ещё один блокнот(.txt), сделайте с ним тоже самое, только назовите его index.html , также не забываем ставить кодировку: UTF-8 !","type":"unstyled","key":"13q1n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И так, мы сделали основные папки, теперь нам следует приступить к коду","type":"unstyled","key":"5kte9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Начинаем писать HTML и CSS код","type":"header-three","key":"1t5a5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":173,"style":"BOLD"}],"text":"Откройте файл index.html нажав на него правой кнопкой мыши, также, рекомендую вам использовать любой другой текстовой редактор. Я буду использовать \"Sublime TEXT 3\", также, не реклама. Скачайте его и установите, откройте, выберите папку где находится ваш сайт","type":"unstyled","key":"cjje9"},{"data":{"image":{"id":"6106b12275ac2b08436f8b8d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"File - Select Folder - Ваш сайт(папка которую вы создали первой)","type":"atomic:image","key":"93l6g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажал \"Выбор папки\", после все файлы добавились в левое меню. Открываю файл index.html, затем вношу туда такой код:","type":"unstyled","key":"4i0b4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"f7h1k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"f5rkb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"blockquote","key":"1vpv4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"583bm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Кофейня TEST","type":"blockquote","key":"5l75s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"6fabi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n\n \n

\n \n

\n\n","type":"blockquote","key":"39t2m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажимаю CTRL+S , затем открываю папку \"CSS\" в левом меню. Ищу файл style.css, открываю его двойным кликом. В этот файл вносим следующее:","type":"unstyled","key":"7d6eu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"/*Каркас сайта*/\nbody {padding:0px; margin:0; background:#4c281e; font-size:14px; font-family:Arial, Sans-serif;}\n#basic {width:960px; min-height:950px; margin:0 auto; padding:20px 20px 20px 20px; background:#fff;}\nimg {border:0;}\na {color:#ff9c00;}\na:hover {text-decoration:none;}","type":"blockquote","key":"1h91s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажимаю CTRL+S, затем сворачиваю приложение, открываю папку с моим сайтом и открываю файл index.html дважды нажав по нему левой кнопкой мыши. У вас должна открыться страничка в браузере. Нажмите F5 навсякий случай, вы перезагрузите страницу и увидите ЭТО:","type":"unstyled","key":"6jfb3"},{"data":{"image":{"id":"6106b2ba391cbd423085b387"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы нарисовали боковые стороны сайта этим кодом. Вы можете указать любой цвет.","type":"atomic:image","key":"5t1ef"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее, я написал такой код, где я написал \"

, ниже пишем:","type":"unstyled","key":"90nsj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"6r0hn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" \t $\"logot\"$ ","type":"blockquote","key":"b19qv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" $\"telefont\"$ ","type":"blockquote","key":"9a9nb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"4evie"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поместите ваш логотип и номер телефона в разрешении .png в папку images, которую мы создавали в папке css. Назовите логотип \"logo\" , а номер телефона \"telefon.png\". Нажмите CTRL+S, теперь идём писать CSS.","type":"unstyled","key":"db27l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавляем следующий код ниже в файл style.css:","type":"unstyled","key":"c4cl1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"/*Шапка сайта*/\nli.none-bg {background:none!important;}\n.telefon {float:right;}","type":"blockquote","key":"am1cq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажимаем CTRL+S, далее снова переходим снова на нашу страничку и нажимаем F5. Смотрим результат и удивляемся.","type":"unstyled","key":"5nq58"},{"data":{"image":{"id":"6106b39f6e5fea7817f80cd2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поздравляем, мы добавили логотип и номер телефона! Мы большие молодцы!","type":"atomic:image","key":"6haq1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Верхнее меню сайта","type":"header-three","key":"7ijgr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И так, давайте приступим, по ходу я вам всё объясню. Пишем в файл index.html следующий код после последнего написанного

","type":"unstyled","key":"67m6r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n ","type":"blockquote","key":"5jpu8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Обратите внимание, эти пункты вы можете заменить на свои и редактировать количество тоже! Просто убрав одну из строк!","type":"unstyled","key":"ftaet"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажимаем CTRL+S , теперь переходим в файл style.css","type":"unstyled","key":"fqmvk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"/*Верхнее меню сайта*/\ntop-menu {width:960px; height:74px; }\n.bg-1 {width:950px; height:64px; background:4c281e url(images/m1.png) repeat-x; padding:0 0 0 10px;}\n.bg-2 {width:940px; height:8px; background:ff9c00; margin:0 auto;}\n.bg-1 ul {margin:0; padding:0; list-style:none;}\n.bg-1 ul li {float:left; background:url(images/m2.png) no-repeat right center; padding:0 2px 0 0;}\n.bg-1 ul li a {display:block; height:40px; padding:24px 27px 0 27px; color:ff9c00; text-decoration:none; text-transform:uppercase;}\n.bg-1 ul li a:hover {color:fff; background:ff9c00;}","type":"blockquote","key":"2b1cf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Нажимаем сохранить (CTRL+S), переходим снова на нашу страничку в браузер и нажимаем F5. Теперь мы увидим новое меню. Пункты меню вы можете сменить на свои, также как в будущем(для себя) делал я.","type":"unstyled","key":"2gb3c"},{"data":{"image":{"id":"6106b5171586531e6773e50b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"У нас добавилось такое прекрасное меню, при наводке на которое оно будет подсвечивать","type":"atomic:image","key":"5l79s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Левое меню для сайта","type":"header-three","key":"8vprq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n","type":"blockquote","key":"ap3nf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"После этого кода сверху, мы должны будем добавить в index.html это:","type":"unstyled","key":"bko04"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"9ls8m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"7r36g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"9u9k4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"422pc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Кофе Американо

","type":"blockquote","key":"8b7tg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

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

","type":"blockquote","key":"519l7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

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

","type":"blockquote","key":"3g77b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" $\"\"$ ","type":"blockquote","key":"1sc1g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" $\"\"$ ","type":"blockquote","key":"1rf9s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" $\"\"$ ","type":"blockquote","key":"7hb2c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

История американо начинается со времен Второй мировой войны. А именно, когда солдаты из Америки высадились в Италии. Они пытались найти полюбившийся им на родине напиток. У них не получалось, так как в Италии популярен эспрессо. Данный напиток не устраивал американцев своим малым объемом и большой крепостью.

","type":"blockquote","key":"bn0kc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Для решения этой проблемы, итальянцы решили разбавить эспрессо большим количеством воды. Получался некрепкий напиток большого объема, как и нравилось американцам. Назвали же получившийся напиток – американо. Данное название подчеркивало плохой вкус американцев.

","type":"blockquote","key":"6sda8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Итальянцы и не догадывались, что придуманный ими напиток станет популярен во всей Европе.

","type":"blockquote","key":"fdonh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"1q79i"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"fj5ff"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"fqlce"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"8ofvr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"egdl7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"d37kf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Кофе Айриш
Кофе Американо
Кофе Глясе
Кофе Доппио
Кофе Капучино
Кофе Кон Панна
Кофе Коретто
Кофе Латте
Кофе Лунго

","type":"blockquote","key":"2ge5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"c6er"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"2g30k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"jhoo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"a5ieu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"ag347"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"5chc9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":119,"offset":0,"style":"BOLD"}],"text":"Где img1.png img2.png img3.png могут быть 3 любые фотографии кофе! Их нужно загружать как и другие фото в папку images ","type":"unstyled","key":"5funt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее, сохраняем и вносим изменения в конец файла style.css","type":"unstyled","key":"d8jvg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"/*Левое меню и Контент*/\ncontent {width:960px; padding:20px 0 0 0; }\n.right { float:right; width:690px; padding:0 0 0 20px; text-align:justify;}\n.right h1 {text-transform:uppercase; color: 4c281e; font-weight:normal; margin-top:0;}\n.left {width:250px; float:left;}\n.block-nad-menu {width:240px; height:10px; background:ff9c00;}\n.block-pod-menu {width:240px; margin:0 0 0 10px; height:10px; background:4c281e;}\n.block-menu {width:240px; border-left:10px solid ff9c00; background:4c281e;}\n.left ul {margin:0; padding:10px 0 0 0; list-style:none;}\n.left ul li {background:url(images/m3.png) no-repeat bottom left;}\n.left ul li a {display:block; width:195px; color:fff; text-decoration:none; padding:10px 5px 10px 40px; background: url(images/marker.png) no-repeat 10px 8px;}\n.left ul li a:hover {background:ff9c00 url(images/marker.png) no-repeat 10px 8px;}\nli.none-bg {background:none!important;}","type":"blockquote","key":"c4c5o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраняем на CTRL+S , затем переходим на страничку и нажимаем F5","type":"unstyled","key":"3uise"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мы увидим следующее:","type":"unstyled","key":"75c42"},{"data":{"image":{"id":"6106b77c292f72531f59ed89"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Много чего появилось, не правда-ли?","type":"atomic:image","key":"bqtr6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подвал для сайта","type":"header-three","key":"dautq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кто не знает, что такое подвал, это такая надпись, кем и когда был сделан сайт, а также адрес расположения веб-студии","type":"unstyled","key":"4m2q3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В файл index.html вносим следующее в самый низ:","type":"unstyled","key":"62fi7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n

ООО “Кофейня” 2015г.
\n г. Москва, ул Революционная 1а

$\"\"$

Создание сайтов веб-студия «Парампампам»

\n \n

","type":"blockquote","key":"cen9s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраняем, также не забываем изменять № и некоторые пропуски на #","type":"unstyled","key":"3n7g7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Далее, файл CSS - style.css , в самый низ вносим: ","type":"unstyled","key":"2t197"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"/*Подвал*/\n.myclr {clear:both; float:none; width:100%; height:1px;}\n№podval {border-top:10px solid №4c281e; margin-top:20px;}\n.yellow {width:940px; height:5px; margin:0 auto; background:№ff9c00;}\n.p1 {float:left; width:300px; padding:15px 0 0 0;}\n.p2 {float:right; width:200px; text-align:right; padding:15px 20px 0 0;}\n.p3 {float:right; width:30px; padding:15px 0 0 0;}","type":"blockquote","key":"4f6ej"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраняем CTRL+S , затем обновляем страницу сайта. Результат такой:","type":"unstyled","key":"3k8s7"},{"data":{"image":{"id":"6106b845906df03da91623bb"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Подвал в самом низу, приглядитесь.","type":"atomic:image","key":"78kpp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Другие страницы сайта и ссылки меню","type":"header-three","key":"3ra77"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сайт, то работает, но при клике на пункты меню ничего не открывается?","type":"unstyled","key":"2j5f2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создайте следующие HTML-файлы в основной папке, они должны содержать название файлов, пункты которых вы легко запомните. Для меня это:","type":"unstyled","key":"72l80"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"o-tnas.html – О нас","type":"unordered-list-item","key":"cicjt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"assortiments.html – Ассортимент","type":"unordered-list-item","key":"28m6o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"otzivis.html – Отзывы","type":"unordered-list-item","key":"3h5ho"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"zabronirovat-stoliks.html – Забронировать столик","type":"unordered-list-item","key":"mqki"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"nashi-klientys.html – Наши клиенты","type":"unordered-list-item","key":"ckqav"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"kontaktys.html – Контакты","type":"unordered-list-item","key":"am1em"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e5q3o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"kofe-ayrishs.html – Кофе Айриш","type":"unordered-list-item","key":"60g3n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"kofe-amerikanos.html – Кофе Американо","type":"unordered-list-item","key":"51q6j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"kofe-glyases.html – Кофе Глясе","type":"unordered-list-item","key":"7ej6j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"kofe-dippios.html – Кофе Диппио","type":"unordered-list-item","key":"3rcpg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"kofe-kapuchinos.html – Кофе Капучино","type":"unordered-list-item","key":"135a6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"kofe-kon-pannas.html – Кофе Кон Панна","type":"unordered-list-item","key":"3k5ge"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"kofe-korettos.html – Кофе Коретто","type":"unordered-list-item","key":"cs337"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"kofe-lattes.html – Кофе Латте","type":"unordered-list-item","key":"4ivbt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"kofe-lungos.html – Кофе Лунго","type":"unordered-list-item","key":"afvj4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь открываем index.html и вносим следующие изменение в код, где мы указывали пункты меню.","type":"unstyled","key":"2q8kg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь это будет выглядеть так:","type":"unstyled","key":"fkl3v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"c5a51"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"4omad"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"6b7l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

О нас
Ассортимент
Отзывы
Забронировать столик
Наши клиенты
Контакты

","type":"blockquote","key":"vaqm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"eruqd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"5b3j7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"2ejg7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Также, в строчки левого меню вносим поправку, итог:","type":"unstyled","key":"1ecnb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"dbhuo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"et9sm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"fvkq4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"ejhc7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"cba5v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

Кофе Айриш
Кофе Американо
Кофе Глясе
Кофе Доппио
Кофе Капучино
Кофе Кон Панна
Кофе Коретто
Кофе Латте
Кофе Лунго

","type":"blockquote","key":"5hkus"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"ad0id"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"44drv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"5r6lj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"fctki"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"6ql54"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

","type":"blockquote","key":"f3025"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сохраняем, теперь с каждым .html нужно проделать практически тоже самое: заменить изображения для каждого .html , затем изменить текст. Библиотеки есть в интернете. Вот так мы с вами сверстали первую страничку для нашего сайтика. В следующей статье вы узнаете как поставить логотип на сайт!","type":"unstyled","key":"avgk5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9dhpp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2sj24"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"OZ11VLmQkr6ZZCTXjE7l"}],"entityMap":{}},"mentions":[]}