Пиксели, файлы и первая страница

Покажите клетку, строку и столбец. Объясните, что это условная сетка изображения, а не фотография устройства экрана. Попросите посчитать 8 строк по 8 клеток. Размер картинки на экране может меняться. Изображение можно сохранить в файле. Теперь посмотрим на имя этого файла.

Файл — именованный набор данных. earth.webp — полное имя файла, earth — основная часть. Формат — способ записи данных. Расширение — часть имени. Покажите расширение на реальном файле, проверьте, не скрывает ли его ОС. Для смены формата нужно заново записать данные программой.

Папка организует файлы. Путь указывает место файла. Относительный путь к фото от папки проекта — images/earth.webp. Полный путь начинается от корня диска или файловой системы. Откройте настоящую папку. Пример пути в конспекте не является папкой ученицы.

Бит имеет значение 0 или 1. В уроке используем десятичные единицы. Уточните разницу КБ и КиБ без заучивания всех коэффициентов. Смотрите точные байты в свойствах файла. Число пикселей само по себе не задаёт объём сжатого файла.

Браузер — программа показа веб-страниц. Страница — документ, который она читает. Соедините HTML, CSS и изображение с браузером на схеме. В этой демонстрации файлы локальные: на этом устройстве. Сервера и интернета для открытия не требуется.

Это отдельные короткие примеры, они не повторяют дословно следующую страницу. Не просите переписывать код. Ученик узнаёт назначение. h1 обозначает главный заголовок, color — цвет. Помощник меняет текст через HTML, оформление через CSS. Подробную разметку и правила изучим позже.

На слайде настоящий снимок подготовленной страницы. Откройте рабочий HTML отдельно. Нажмите ссылку и проверьте, куда она ведёт. Оформленный прямоугольник здесь — ссылка, а не отправка заявки. Изображение NASA / William Anders, источник под фото в самом проекте.

Перед изменением показываем место работы. Сохраняем только затронутые исходники, не копируем весь компьютер. Полная команда находится в практике. После обновления проверяем заголовок, фотографию и переход. Если неверно — возвращаем сохранённый файл.

Откройте Практика_с_Codex.md и скопируйте готовую команду. Пока ученица работает, помогайте сформулировать проверку, не забирайте её себе. Для клавиатуры используйте Tab и Enter. Исправление не должно менять данные за пределами учебной папки.

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