Официальный сайт ruskorinfo 24/7/365

Вы не зарегистрированы

Авторизация



Форматирование текста на Web - странице

Submitted by Наталья Ивановна Коршунова on пн, 14/05/2012 - 20:34
Данные об авторе
Автор(ы): 
Коршунова Наталья Ивановна
Место работы, должность: 
МБОУ СОШ № 44 г. Владимир, учитель информатики и ИКТ
Регион: 
Владимирская область
Характеристики урока (занятия)
Уровень образования: 
основное общее образование
Целевая аудитория: 
Учащийся (студент)
Целевая аудитория: 
Учитель (преподаватель)
Класс(ы): 
8 класс
Предмет(ы): 
Информатика и ИКТ
Цель урока: 

 

Выработать умение редактировать web– страницы с помощью тегов форматирования. Добиться понимания приемов редактирования HTML – документа.

Тип урока: 
Урок изучения и первичного закрепления новых знаний
Используемые учебники и учебные пособия: 

Угринович Н.Д. Информатика и ИКТ, Бином 2009г.

Используемое оборудование: 

  Компьютеры, мультемедиа проектор, доска.

Краткое описание: 
Урок является четвертым уроком в тематическом планирование по теме "Разработка Web-сайтов с использованием языка разметки гипертекста HTML"

 

Ход урока:

  1. Организационная часть.(3 минуты)
  2. Приветствие
  3. Проверка отсутствующих
  4. Актуализация знаний по изучаемой теме(8 минут)

Учитель:Итак, ребята, мы с вами рассматриваем тему «Интернет» вот уже в течение нескольких уроков.  На прошлом уроке мы познакомились с созданием собственных web– страничек. Я предлагаю вашему вниманию тест, состоящий из 5 вопросов, на которые вам нужно будет ответить, а затем обменяться с соседом по парте для взаимопроверки. Нужно будет сравнить ответы вашего соседа с правильными ответами, которые я выведу на слайд.

(На партах приготовлены варианты теста). У вас на партах лежат варианты с тестами, приступаем к выполнению и взаимопроверке.

Ученики:Делают тест, обмениваются.

Учитель:(слайд 2) Поставьте оценку соседу в соответствии с набранными балами, сдайте работы.

Итак, давайте вспомним, что же мы знаем о языке HTML?(слайд 3)

  1. Что такое HTML?
  2. Что такое тег?
  3. Что такое гипертекст?
  4. В какой программе создаются HTML  - страницы?

Ученики  отвечают на вопросы.

Учитель: Вспомним как выглядит структура HTMLдокумента.(слайд 4)

Какое расширение должны иметь HTMLдокументы?

То есть готовый HTMLдокумент представляет из себя web-  страницу.

Перед вами две страницы, с одним и тем же текстом. Однако, они отличаются. Чем они отличны?(слайд 5)

Ученики отвечают.

  1. Объяснение нового материала (14 минут)

Учитель: Определите тему урока «Форматирование текста на webстранице» (слайд 6)

Записываем тему урока. Рассмотрим основные теги:

  1. Тег заголовка (слайд 7)
  2. Теги изменения текста (слайд 8)

Некоторые теги используются совместно с компонентами, которые указывают, как браузер должен отображать текст. Такие компоненты называются атрибутами (слайд 9)

  1. Так, например, используется следующий тег - Fontи его атрибуты (слайд10)

Ученики  записывают в тетрадь.

Учитель: Давайте посмотрим, как с помощью изученных тегов преобразовать Webстраницу, представленную на слайде.(слайд 11)

Перед нами код этой страницы (слайд 12).

Добавляем теги и получаем отформатированную страницу.(Слайды 13, 14).

А сейчас мы запишем домашнее задание и приступим к практическому применению изученного материала.

Ученики записывают домашнее задание.

Учитель объясняет практическое задание.

  1. Практическое закрепление изученной темы.(15 минут)

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

  1. Зарядка для глаз, подведение итогов урока, заполнение карточек рефлексии.
Прикрепленный файл Size
Форматирование текста на Web - странице.pptx 242.1 KB

Смотреть видео онлайн


Смотреть русское с разговорами видео

Online video HD

Видео скачать на телефон

Русские фильмы бесплатно

Full HD video online

Смотреть видео онлайн

Смотреть HD видео бесплатно

School смотреть онлайн