Понятие о языке разметки HTML
Материалы к уроку
- HTML5BOOK. Основы HTML. Краткое справочное описание (вебресурс)
- Web-страницы. Язык HTML и др. К. Поляков, 2007-2011(презентация)
- Создание веб-сайтов. Учебник. К. Поляков, Е.Еремин
Задание урока (работа с компьютером / смартфоном / планшетом)
- Исследуйте разметку готовых веб-страниц
- найдите интернет-страницу с новой для блога тематической информацией, содержащую изображение; скопируйте страницу вместе с изображением (изображениями),
- в свой блог добавьте новое сообщение или страницу, вставьте скопированное в п.1
- нижней строкой страницы (сообщения) блога добавьте название страницы-источника, на которое гиперссылкой прикрепите соответствующий URL,
- переключитесь из режима верстки блога в HTML, рассмотрите текст в окне редактора,
- откройте из Класса шаблон к уроку; выпишите в первый столбец таблицы шаблона
теги, которые наиболее часто встречаются на странице,
- с помощью справочных материалов определите и запишите в таблицу их назначение (используйте второй столбец таблицы шаблона),
- проверьте себя: в таблице должны быть выписаны минимум 8 различных тегов, если на странице, которую вы добавили в блог, разных тегов меньше, добавьте в блог еще одну запись из другого источника,
- структурируйте HTML-запись сообщения блога, выделив отдельные контейнеры <...>...</...> в абзацы,
- добавьте подпись к одному любому изображению в режиме верстки; переключитесь в HTML-режим и выясните, какими HTML-тегами это обеспечивается; запишите ответ в вашем шаблоне,
- закончив эту часть работы, сдайте документ в Классе.
- Добавьте 2-3 новых элемента в блог в режиме HTML (процитируйте запись Instagram или LiveJournal, встройте презентацию или изображение с Диска).
Задание урока (работа без компьютера)
- нарисуйте на листе таблицу, представленную в шаблоне к уроку,
- откройте учебник по информатике для 8 класса (можете использовать страницу блога Учебники),
- заполните как минимум 8 строк в таблице, используя содержание учебника,
- найдите в учебнике ответ на вопрос шаблона о подписях изображений,
- выпишите под таблицей определения основных понятий темы: HTML, тег, атрибут и т.п.,
- сделайте выводы о возможностях языка HTML, сфотографируйте лист с работой и отправьте учителю через Класс.
Немає коментарів:
Дописати коментар