Структура сайта и динамические страницы
HTML описывает структуру документа: заголовки, абзацы, ссылки и изображения.
В этом занятии
- Самостоятельно решить задачу по теме «Структура сайта и динамические страницы» и объяснить проверку результата.
- Создай на бумаге или в локальном редакторе макет клуба: главный заголовок, два раздела и навигация. В учебный черновик не включай реальные контакты детей.
Пригодится: informatics11-web-dns-http
Разберёмся перед практикой+
Структура сайта и динамические страницы
HTML описывает структуру документа: заголовки, абзацы, ссылки и изображения. CSS отвечает за оформление. Доступный сайт имеет понятную последовательность заголовков, текстовые альтернативы значимых изображений и элементы управления с ясными названиями.
Статическая страница отдаётся как заранее подготовленный ресурс. Динамическое содержимое может формироваться сервером или обновляться клиентским кодом. Создание сайта включает план навигации, проверку ссылок, адаптацию к узкому экрану и безопасную работу с пользовательским вводом.
Фрагмент <h1>Клуб науки</h1><p>Наши проекты</p> задаёт заголовок и абзац. Ссылка <a href="/projects">Проекты</a> ведёт по указанному пути; внешнее оформление задаётся отдельно.
- Сначала определи смысловую структуру и навигацию.
- Проверь читаемость, ссылки и управление клавиатурой; не вставляй неизвестный исполняемый код.
Открываем цифровую мастерскую…
Попробуй самостоятельно
Запиши рассуждения в черновик или сделай построение на бумаге. Эти задания для самостоятельной работы: автоматической проверки и XP за них пока нет.
- Создай на бумаге или в локальном редакторе макет клуба: главный заголовок, два раздела и навигация. В учебный черновик не включай реальные контакты детей.
- Сначала предположи результат, затем проверь и объясни, что изменилось.
Источники и дальнейшее чтение
Материал изложен своими словами. Здесь можно проверить научные основания и подробнее изучить тему; часть источников — на английском.
Читай и разбирай пример в своём темпе. К практике можно перейти, когда будешь готов.