Дмитрий Кудрец - Практикум по HTML
| Название: | Практикум по HTML |
| Автор: | Дмитрий Кудрец |
| Жанры: | Книги о компьютерах | Прочая образовательная литература |
| Серии: | Нет данных |
| ISBN: | Нет данных |
| Год: | Не установлен |
Пособие «Практикум по HTML» содержит разноуровневые задания для организации самостоятельной работы при изучении соответствующей темы на уроках информатики.Адресуется учителям и учащимся школ, гимназий, учреждений профессионального образования.
Бесплатно читать онлайн Практикум по HTML
© Дмитрий Кудрец, 2018
ISBN 978-5-4496-0428-6
Создано в интеллектуальной издательской системе Ridero
Предисловие
Пособие предлагает задания для организации практической работы по созданию и оформлению HTML-документов.
Предлагаемые задания выходят за рамки школьного курса, что позволяет использовать их как на уроках, так и во внеурочной деятельности (на факультативных занятиях, во время подготовки к конкурсам и т.д.).
Использовать задания можно как фронтально, так и индивидуально, в зависимости от цели и содержания урока, уровня подготовки учеников.
Единообразие формы представления способствуют успешному использованию заданий при проведении занятий. В пределах одного уровня приводятся задания одинаковой сложности.
Разделение практических заданий по уровням сложности направляет деятельность учащихся на достижение определенного результата, переходя от простого к сложному, от уровней узнавания и запоминания к уровням понимания и применения, тем самым стимулируя их познавательную и интеллектуальную активность.
При выполнении заданий учащиеся правомерны проявлять элементы творчества, т.е. использовать различные цвета оформления, рисунки, тексты.
Задания разработаны согласно показателям оценки результатов учебной деятельности учащихся при осуществлении контроля с использованием десятибалльной шкалы.
Оформление текстов
Задание 1. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.
Александр Блок
Ночь. Улица. Фонарь. Аптека.
Бессмысленный и тусклый свет.
Живи еще хоть четверть века –
Все будет так. Исхода нет.
Умрешь, начнешь опять сначала
И повторится все, как встарь:
Ночь. Ледяная мгла канала.
Аптека. Улица. Фонарь.
Задание 2. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.
Оформление текстов на веб-страницах
Жирный текст
Курсивный текст
Подчеркнутый текст
Зачеркнутый текст
E=mc 2 -Верхний индекс
H 2 -Нижний индекс
Оформление шрифтов
Это шрифт размера 6
Это красный шрифт размера 4
Это синий шрифт Monotype Corsiva размером 5
Задание 3. Напишите HTML-код для отображения на Web-странице слова «Информатика» красным цветом, жирным, по центру. Фон документа – желтый.
Задание 4. Запишите HTML-код для отображения на Web-странице текста «Каникулы», выделив первую букву красным цветом, жирным; третью букву – синим, размер – 4, курсивом; пятую букву – зеленым, жирным подчеркиванием; выравнивание текста – по правому краю.
Задание 5. Создайте HTML-документ по образцу:
Примечание. Фон документа – желтый.
Задание 6. Создайте HTML-документ по образцу:
Задание 7. Создайте HTML-документ по образцу:
Задание 8. Создайте HTML-документ по образцу:
Задание 9. Создайте HTML-документ по образцу:
Задание 10. Создайте HTML-документ по образцу:
Примечание. Фон документа – желтый. Слово «ИНФОРМАТИКА» должно перемещаться по экрану справа налево и возвращаться обратно. Последний абзац должен иметь отступ от левого края в 1 см.
Оформление списков
Задание 1. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.
<НТМL>
<ТIТLЕ> Списки
Нумерованный список
Задание 2. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.
Маркированные списки
- Принтер
- Сканер
- Монитор
- Принтер
- Сканер
- Монитор
- Принтер
- Сканер
- Монитор
Задание 3. Напишите HTML-код следующего списка:
Задание 4. Создайте HTML-документ по образцу:
Задание 5. Создайте HTML-документ по образцу:
Задание 6. Создайте HTML-документ по образцу:
Задание 7. Создайте HTML-документ по образцу:
Задание 8. Создайте HTML-документ по образцу:
Использование графики в HTML-документах
Задание 1. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.
Горизонтальная линия
Задание 2. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.
Рисунки в HTML-документах
Задание 6. Создайте HTML-документ по образцу:
Задание 7. Создайте HTML-документ по образцу:
Примечание: в качестве фона используйте рисунок.
Задание 8. Создайте HTML-документ по образцу:
Примечание. Изображение ангела должно двигаться по горизонтали. Изображение Земли – по вертикали.
Задание 9.. Необходимо реализовать интерактивное изображение персонального компьютера. При наведении курсора мыши на любое устройство, изображенное на рисунке, должно появляться название устройства.
Задание 10. Создайте HTML-документ по образцу:
Конец ознакомительного фрагмента. Полный текст доступен на www.litres.ru
