ГЛАВА 2
Спустя минут 15 работы Сергей наконец-то оторвался от монитора и торжественно сказал:

-Так вроде все!

В этот момент, на экране вместо непонятных цифр появилось следующее сообщение:


"Жень, внучка, если ты это читаешь, значит ты пошла по моим стопам и стала разработчиком. Умница! Я так горжусь тобой!

Ты знаешь, что я был разработчиком. Но ты не знаешь, что кроме всего, что я оставил твоим родителям. Есть ещё один подарок, специально для тебя. Я спрятал его здесь, неподалеку".



- Ну и как нам понять, где этот загадочный подарок? – возмутился Сергей.

- А ты попробуй поискать в интернете, загуглить текст из тега h1. Может этот сайт еще не удалили, и он еще есть в интернете? Может там будут хоть какие-нибудь ответы? – сказала Женя.

- Да... - сказал, Сергей, - загуглить лишним никогда не будет. Тем более Пал Палыч явно хотел, чтобы Женя нашла ответ. И где-то он должен быть. Кстати, а на этом корвете интернет-то есть?

***

Сергей вбил в привычную поисковую строку текст из h1 заголовка сайта. Ребята долго пытались поймать интернет. В доме его 100 лет назад отключили, а мобильный ловил очень плохо. В итоге выяснилось, что на улице ловит более-менее, и все уселись на крыльце за ноутбуком Жени. На улице уже начало вечереть, и прохладный летний ветерок приносил приятную свежесть.

- Так, что-то есть! - сказал Сергей, - сразу первая ссылка, странно но тем лучше!

- Что там, переходи? - ответил Леша.

- Сам знаю, нет буду смотреть сидеть! - ответил Сергей, - Так, вроде грузится... Блин, с этим интернетом не загружается. Хотя... Смотрите, тут сайт, но на нем просто какой-то странный текст. Вот это похоже на крокодила. А ещё на расфуфыренного кота. Или на соседа Васю, когда он непричесанный. И поле для ввода.

- Пиши, "облако" - задумчиво сказала Женя.

Все удивленно посмотрели на нее.

- Мы с дедом любили лежать в детстве на сене и рассматривать облака. Какое из них на что похоже. Я всегда говорила, что они похожи на крокодилов. И плюс, когда мы с ним играли, у нас с ним всегда был секретный пароль: облако.

"ВЕРНО!" выскочила на экране надпись, и пошла загрузка.

- О, что-то скачивается! - заметил Леша.

Все посмотрели вниз браузера, там шла загрузка файла Zhenya.CSS и Maps.html.

- Ну, кажется, мы близки к разгадке, - сказала Настя.

- Вот блин! - крикнул Сергей!

- Что случилось? - спросили все хором

- Гребаный интернет! Загрузка сбилась! В самом конце!

- А можно ещё раз запустить? - спросил Леша.

Там где раньше был сайт красовалась надпись "Не удается получить доступ к сайту".

- Кажется, с сайта всё удалилось.. - ответил Сергей.

- А много скачалось, то? - спросила Настя

- Html-файл скачан полностью, а вот с Css-файлом вообще непонятно, вроде полностью, но похоже во время загрузки возник какой-то сбой, и нужный файл перемешался с каким-то внутренним браузерным файлом. Ну это и неудивительно, сайт 2005-го года как-никак.

- Нужно попробовать совместить файлы HTML и CSS. - сказала Настя.

Ребята открыли среду разработки и совместили файлы.

- Получилось! - вскликнула Настя. - Ребята, тут написано "Встроенная карта".

- Тут есть ещё что-то. - сказал Сергей, внимательно вглядываясь в код, - кажется тут подвязана Гугл Карта. Но она не отображается! Странно…

Все переглянулись.

- Ну, так чего мы ждем? - спросил Леша, - давайте разберемся, мы же программисты в конце концов!
Задание + инструкция
Ребята столкнулись с проблемой, как Вы уже знаете. Карта не отображалась, но html-код для нее был! Причина такого сразу станет понятной если заглянуть в css.

Css – это стили для html-объектов. Например если мы хотим сделать текст красным, значит для этого текста нужно прописать стиль красного цвета, а именно: "color : red". Если мы хотим сделать размер текста 20 пикселе, то для этого также есть отдельное css-свойство, а именно: "font-size : 20px".

Если же мы хотим скрыть элемент с веб-страницы, то для этого также существуют соответствующие стили. В нашем случае для карты как раз и прописаны скрывающие стили.

Перейдите по ссылке с заданием:
Сейчас, до исправления большая часть CSS выглядит следующим образом:
Как видно из рисунка тут есть стили для сокрытия элементов. Это стили: "display:none", "opacity : 0" и "visibility: hidden". Для того, чтобы карта стала отображаться, нужно всего лишь удалить эти стили.

Результат должен получиться таким (все скрывающие стили удалены):
Далее необходимо сохранить текущий прогресс. Для этого нужно нажать на кнопку Save на верхней панели:
После успешного удаления скрывающих стилей и сохранения, в окне для вывода результата появится карта с меткой, где и зарыт клад от жениного дедушки.

После выполнения этого задания отправляй ссылку на сохраненный результат и переходи к прохождению третьего урока! Удачи!