СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

«Разработка сайта с использованием языка разметки HTML». (форматирование текста)

Категория: Информатика

Нажмите, чтобы узнать подробности

Разработка включает сомостоятельную работу учеников на уроке за компьютером

Просмотр содержимого документа
««Разработка сайта с использованием языка разметки HTML». (форматирование текста)»


МКОУ СОШ №5








разработка урока


на тему:

Практическая работа

«Разработка сайта

с использованием

языка разметки HTML».

(форматирование текста)

(8 класс)









Подготовила и провела:

Магомедгаджиева А.Н.















г. Буйнакск

Цель урока: Привитие навыков создания простейших web-страничек с использованием основных тэгов форматирования текста.

Ход урока:

  1. Орг. Момент

  2. Актуализация знаний по тегам форматирования

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 куплет: по желанию учащихся

Автор: по правому краю, курсивный, цвет фуксия


  1. Итог урока: Какие тэги вами использовались на уроке? Для чего они служат? Анализ работ учащихся и выставление оценок.


Домашнее задание: стр. 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Стихотворение