Меню
Блог
Учителю  /  Информатика  /  Бесплатные видеоуроки  /  Урок информатики - Работа с текстом в HTML

Урок информатики — Работа с текстом в HTML

Урок информатики в котором мы познакомимся с маркированными, неупорядоченнымии нумерованными, упорядоченными списками в HTML и их основными атрибутами.

Цели:

  • Образовательные:
    • первоначальные представления о работе с текстом в html.
    • Познакомиться с тегами, которые мы будем использовать для работы с текстом в html.
    • Познакомиться с основным инструментом для форматикрования текста в html с таблицами каскадных стилей CSS.
  • Развивающие:
    • ответственность за результаты своей работы;
    • навыки работы с учебными пособиями и дополнительными источниками информации.
  • Воспитательные:
    • ответственность и требовательность к себе;
    • трудолюбие, дисциплинированность, чувство собственного достоинства.

Ход урока:

  • Организационный момент.
  • Проверка д/з: тест на компьютере «Работа со списками»
  • Объяснение нового материала.

  • Повторение и актуализация знаний.
  • Рассматриваем теги strong, em на конкретных примерах.
  • Рассказываем про тег font и говорим почему его не рекомендуется использовать при форматировании текста.
  • Рассматриваем пример форматирования текста с использованием стиля.
  • Рассказываем в общем плане что такое СSS стили.
  • В примере рассматриваем основные атрибута предназначенные для работы с текстом.
  • Предлагаем переписать изученные теги и их атрибуты.

  • Закрепление изученного материала:

  • Выполнить упражнение к уроку
    • 1. Отформатировать выбранный вами текст по следующим параметрам:
    • шрифт verdana
    • размер 14
    • цвет синий
    • 2. Отформатировать выбранный вами текст по следующим параметрам:
    • шрифт arial
    • размер 18
    • цвет красный
    • Сохраните файл как «text.html».

Задание на дом:

    • Изучить материал в тетради наизусть.

Информатика, видеоуроки и уроки по информатике

Сохранить у себя:

Комментарии 13

Чтобы добавить комментарий зарегистрируйтесь или на сайт

SV, 12.11.2010 20:59
простите...может торможу... хочу узнать-с помощью какого тега прицепливать ссц к шапке?
Александр, 28.10.2010 15:43
Спасибо. А я писал "center" или без кавычек...
Проект Видеоуроки

Вот так нужно написать <p style="font-face:verdana; font-size:16px; color: red" align="center">  обратите внимание, что я исправил равно на двоеточие в атрибуте style

Александр, 27.10.2010 14:05

Вот у меня текст: <p style="font-face:verdana; font-size=16px; color=red">Этот текст мы напишем шрифтом verdana размер 16 px и цвет красный</p>
Как этот текст сделать по центру???

Проект Видеоуроки

в теге р нужно дописать еще один атрибут align='center' 

Jan, 30.05.2010 13:05
Помощь отменяется была ошибка вместоыла ошибка. Вместо font-size я писал front-size
Jan, 30.05.2010 11:49
первый пук-пук) открываю боди потом пишу стайл третий пук закрываю боди
jan, 30.05.2010 11:44
<html>
   <head>
   <title>Наша первая страница</title>
   </head>
  &<Пук-пук>>
  &<Пук-пук>="front-family:verdana; front-size:14px; color:red">Verdana размер 14 цвет синий</p>
  &<Пук-пук>>
   </html>
   Написал вот такое. Ниче не получается помогите плиз.
Денис, 09.01.2010 22:09
А где уроки по выставлению картинки?))))
Проект Видеоуроки

Точно. В ближайшее время добавлю

Елена, 28.07.2009 09:13
скачать
ольга, 27.05.2009 20:30
получила пароль, а как получить код для скачивания
Проект Видеоуроки

Смотрите внизу пришедшего к вам письма. Там указана страница на которой вы можете скачать видеоуроки и пароль для ксачивания.

Bek, 11.05.2009 10:03
:)