автордың кітабын онлайн тегін оқу Практикум по HTML
Дмитрий Кудрец

Кітап туралы Пікірлер2 Қазір оқып жатыр795 Сөрелерде Тегін фрагмент

Дмитрий Кудрец

Практикум по HTML

Шрифты предоставлены компанией «ПараТайп»

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

Адресуется учителям и учащимся школ, гимназий, учреждений профессионального образования.

12+

Практикум по HTML
Предисловие
Оформление текстов
Оформление списков
Использование графики в HTML-документах
Создание и оформление таблиц
Гиперссылки
Формы
Фреймы
Позиционирование элементов, слои
CSS в HTML-документах
Использование фильтров

Предисловие

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

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

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

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

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

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

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

Оформление текстов

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

<HTML>

<HEAD>

<TITLE> Стихотворение </TITLE>

</HEAD>

<BODY>

<H1> Александр Блок </H1>

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

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

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

Все будет так. Исхода нет. </Р>

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

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

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

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

</BODY>

</HTML>

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

<HTML>

<HEAD>

<TITLE> Задание </TITLE> </HEAD>

<BODY>

<H1 AlIGN=CENTER> Оформление текстов на веб-страницах </H1>

Жирный текст

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

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

<S> Зачеркнутый текст </S>

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

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

<H1 ALIGN=CENTER> Оформление шрифтов </Н1>

Это шрифт размера 6

Это красный шрифт размера 4

Это синий шрифт Monotype Corsiva размером 5

</BODY>

</HTML>

Задание 3. Напишите HTML-код для отображения на Web-странице слова «Информатика» красным цветом, жирным, по центру. Фон документа — желтый.

Задание 4. Запишите HTML-код для отображения на Web-странице текста «Каникулы», выделив первую букву красным цветом, жирным; третью букву — синим, размер — 4, курсивом; пятую букву — зеленым, жирным подчеркиванием; выравнивание текста — по правому краю.

Задание 5. Создайте HTML-документ по образцу: