МКОУ СОШ №5
разработка урока
на тему:
Практическая работа
«Разработка сайта
с использованием
языка разметки HTML».
(форматирование текста)
(8 класс)
Подготовила и провела:
Магомедгаджиева А.Н.
г. Буйнакск
Цель урока: Привитие навыков создания простейших web-страничек с использованием основных тэгов форматирования текста.
Ход урока:
Орг. Момент
Актуализация знаний по тегам форматирования
3. Объяснение задания: интер. доска
Задание:
W:
1. Пуск– программы – стандартные – Блокнот
2. Набрать основные тэги – Файл – Сохранить как.. – дать имя “stih.html” – сохранить в своей папке (Сайт)
3. Открыть свою папку – открыть файл «stih» в браузере - открыть файл с помощью Блокнота и продолжить работу над страничкой периодически сохраняя изменения и обновляя изменения на браузере для просмотра полученного результата.
4. В конце работы – сохранить изменения
L:
1. Пуск – Прочие – Разработки – Разработки под web – Quanta+
2. Набрать основные тэги – посмотреть результат
3. В конце работы сохранить страничку под именем “stih.html” и в папке «Сайт»
- Набрать содержимое карточки на страничке.
- Отформатировать его используя теги отвечающие за текст
- По завершении работы результат должен соответствовать содержанию карточки на интерактивной доске
4. Компьютерный практикум:
Содержание карточки
Стихотворение
Это не сложно
Это не важно
Просто отважно
В небо шагнуть
И осторожно
Там, где возможно
Тёмного неба
Край отогнуть
Стёртые лица
Забытые профили
И многоточий
Упрямая нить
Свет разливается
И проявляется
То, что уже
Никогда не забыть.
И. Леонардовна
Заголовок: по центру, кранного цвета, тип шрифта Comic Sans MS, кегль 7, жирный
1 куплет: по левому краю, синий цвет, тип шрифта Impact, кегль 4
2 куплет: по центру, цвет зеленый, тип шрифта Arial Black, кегль 4
3 куплет: по правому краю, цвет чирок, тип шрифта Verdana, кегль 5
4 куплет: по желанию учащихся
Автор: по правому краю, курсивный, цвет фуксия
Итог урока: Какие тэги вами использовались на уроке? Для чего они служат? Анализ работ учащихся и выставление оценок.
Домашнее задание: стр. 165
Использованная литература: Учебник «Информатика» Н.Д Угринович 8 класс,
Видеосамоучитель. Создание Web-страниц. Под. ред И.В. Панфилова,
интернет ресурсы
Теги форматирования
Абзац в Web- документе: p … p br
Атрибуты тэга align
p align=”left”текстp выравнивает текст по левому краю
p align=”right”текстp выравнивает текст по правому краю
p align=”center”текстp выравнивает текст по центру
p align=”justify”текстp выравнивает текст по ширине
Тэги форматирования текста
b – полужирный (х22)
i – курсивный (х22)
strong - подчёркнутый (х22)
Атрибуты тэга font
Изменение типа шрифта: атрибут face
стихотворение
стихотворение
Изменение размера шрифта: атрибут size
стихотворение
Изменение цвета шрифта: атрибут color
стихотворение
стихотворение
цвет | color | код |
аква | aqua | #00ffff |
чёрный | black | #000000 |
синий | blue | #0000ff |
фуксия | fuchsia | #ff00ff |
серый | gray | #808080 |
зелёный | green | #008000 |
известь | lime | #00ff00 |
тёмно-бордовый | maroon | #800000 |
тёмно-синий | navy | #000080 |
оливковый | olive | #808000 |
фиолетовый | purple | #800080 |
красный | red | #ff0000 |
серебренный | silver | #c0c0c0 |
чирок | teal | #008080 |
белый | white | #ffffff |
жёлтый | yellow | #ffff00 |
сolor=”red” size=7Стихотворение