© Дмитрий Кудрец, 2018

ISBN 978-5-4496-0428-6

Создано в интеллектуальной издательской системе Ridero

Пособие предлагает задания для организации практической работы по созданию и оформлению HTML-документов.

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

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

Единообразие формы представления способствуют успешному использованию заданий при проведении занятий. В пределах одного уровня приводятся задания одинаковой сложности.

Разделение практических заданий по уровням сложности направляет деятельность учащихся на достижение определенного результата, переходя от простого к сложному, от уровней узнавания и запоминания к уровням понимания и применения, тем самым стимулируя их познавательную и интеллектуальную активность.

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

Задания разработаны согласно показателям оценки результатов учебной деятельности учащихся при осуществлении контроля с использованием десятибалльной шкалы.

Задание 1. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.

Александр Блок

Ночь. Улица. Фонарь. Аптека. 

Бессмысленный и тусклый свет. 

Живи еще хоть четверть века – 

Все будет так. Исхода нет. 

Умрешь, начнешь опять сначала 

И повторится все, как встарь: 

Ночь. Ледяная мгла канала. 

Аптека. Улица. Фонарь. 

Задание 2. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.

Оформление текстов на веб-страницах

Жирный текст  

Курсивный текст  

Подчеркнутый текст  

Зачеркнутый текст  

E=mc ₂  -Верхний индекс 

H ₂  -Нижний индекс 

Оформление шрифтов

Это шрифт размера 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-документ по образцу:

Задание 1. Наберите с помощью программы «Блокнот» следующий программный код. Сохраните его и просмотрите результат в браузере.

Горизонтальная линия