← К уроку

Практика: открыть страницу и изменить заголовок

Подготовка

Откройте корневую папку комплекта в приложении помощника. Рабочая папка проекта — Проекты/Первый_сайт. Не указывайте Downloads и действующие сайты как место изменений. Если материалы пока находятся в ZIP, сначала распакуйте его. Браузер должен уметь открывать локальные HTML-файлы. CSS-пиксель — единица размеров в веб-странице. В команде ширина 360 CSS-пикселей означает узкое окно для проверки, подробнее разберём единицу на второй встрече.

Готовая команда

Работаем только в папке «Проекты/Первый_сайт» открытого учебного комплекта. Сначала назови её полный путь и перечисли файлы. Ничего за пределами этой папки не меняй, ветки Git не создавай. Объясни по одному предложению, зачем нужны index.html, style.css и images/earth.webp. Сохрани прежний index.html в одном точечном снимке для отката с журналом и сроком хранения. Измени только главный видимый заголовок на «Мои первые наблюдения за небом». Не переименовывай файлы. Покажи сравнение до и после, открой страницу и проверь изображение, переход «Посмотреть план», клавиатуру и ширину 360 CSS-пикселей. Если браузерная проверка недоступна, перечисли, что мне проверить самой. Для программных тестов включи coverage. Объясни, как вернуть прежний заголовок.

Что должна сделать ученица

1. До правки найти в папке три названных файла. Открыть index.html двойным щелчком.
2. Нажать «Посмотреть план», убедиться, что виден раздел «План первого наблюдения».
3. Прочитать ответ помощника о месте изменений и прежнем файле.
4. Передать команду. Обновить страницу после правки.
5. Найти новый заголовок и снова проверить фото и переход.
6. Сузить окно, проверить, что текст читается, а изображения не выходят за край.
7. Нажимать Tab до ссылки, затем Enter. Объяснить, какое действие произошло.

Ожидаемый результат: новый заголовок виден, фото целиком загружается, ссылка ведёт к плану, горизонтальной прокрутки нет. Краткий отчёт: «Изменён ____. Проверено ____. До правки файл находился ____. Откат ____».

Если что-то не работает

Открылся текст: проверь расширение, это может быть index.html.txt, и выбранную программу открытия. Нет фотографии: сравни путь images/earth.webp с фактической папкой. Заголовок прежний: обнови страницу и проверь, что открыл именно изменённый файл. Для диагностики не надо удалять папки или переустанавливать браузер.

Дополнение, если осталось время

Открой Материалы_демонстрации/index.html в папке урока. Измени размер условной пиксельной сетки, затем нажми «Сбросить». Объясни, почему количество её клеток не изменилось. Это авторская модель для наблюдения, писать её код не требуется.

Возврат

Попроси помощника вернуть только сохранённый index.html, показать сравнение и повторить проверку страницы. Не удаляй весь проект. Снимок хранится отдельно от проекта с указанием пути, времени и источника восстановления, без тяжёлых зависимостей и вложенных снимков.