393632
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
+Добавить материал
и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
Дистанционные курсы профессиональной переподготовки и повышения квалификации для педагогов

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 5.520 руб.;
- курсы повышения квалификации от 1.200 руб.
Престижные документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ ДО 70%

ВНИМАНИЕ: Скидка действует ТОЛЬКО сейчас!

(Лицензия на осуществление образовательной деятельности № 5201 выдана ООО "Инфоурок")

ИнфоурокИнформатикаКонспектыПлан урока по информатике на тему "html таблицы"

План урока по информатике на тему "html таблицы"

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

Тема урока:

Цели:

  • Образовательные:

    • Сформировать представление о работе с абзацами, параграфами в html.

  • Развивающие:

    • ответственность за результаты своей работы;

    • навыки работы с учебными пособиями и дополнительными источниками информации.

  • Воспитательные:

    • ответственность и требовательность к себе;

    • трудолюбие, дисциплинированность, чувство собственного достоинства.

 

Ход урока:

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

  • Проверка д/з: тест на компьютере «Гиперссылки»

  • Объяснение нового материала.

  • HTML параграф определяется тегами 

    .
  • HTML параграфы обыкновенно содержат текст, форматирующие теги, изображения.

  • HTML параграф не может содержать внутри себя блочные элементы, такие как заголовки 

    – , блок 

     и другие параграфы.
  • HTML блок определяется тегами 

    .
  • HTML блок может вмещать в себя любые элементы web-страницы, в любом количестве.

  • HTML блоки прекрасно подходят для верстки интернет-страниц, ими легко манипулировать.

Рассмотрим расположенный ниже код:



HTML параграфы и блоки


Первая строка


Вторая строка


Третья строка

Четвертая строка

Пятая строка


Шестая строка



Нам видно, что HTML параграфы имеют отступы по вертикали – такова особенность тегов 

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

Tеги 

 не могут содержать другие 

 или 
. Внутри 

могут быть размещены линейные элементы, такие как   или, например, теги, отвечающие за форматирование текста.

Теги 

 и 

, в принципе, одно и то же, но W3C консорциумом рекомендовано использовать маленькие буквы. В новой версии HTML как и в современном XHTML использование больших букв при написании тегов запрещено.

Блок 

 может содержать внутри себя сколько угодно 
 и 

и других элементов HTML документа. Он идеально подходит для верстки, но об этом позже – в уроках CSS самоучителя.

HTML пробел из таблицы специальных символов

HTML пробел позволяет увеличить расстояние между словами и символами.

Что касается пробелов между словами, то сколько бы не было их в Блокноте, то есть в исходном коде, на web-странице отобразится только один. Если вам понадобится увеличить растояние – используйте символ пробела   из таблицы символов. Вы спросите: Зачем нужны эти закодированные значения обычных символов? – Я отвечу: Они нужны, чтобы отображать, например, такие скобки < >. Другими словами, для вывода на экран тегов 

, в своем редакторе я пишу: <p> </p>. Теги  , как мы помним, преобразуют текст в моноширинный (машинописный).

Способы отображения HTML абзаца

Примеры вывода абзаца:


Абзац в HTML


Отступ слева с использованием тегов.

Отступ слева с использованием CSS атрибута.




В первом случае абзац выводится тегами 

, а во втором случае — с помощью CSS атрибута text-indent и его значения, которое устанавливается в пикселях и может иметь любую величину, что бывает очень удобно.


Теги списков

 

Тег

Описание

Определяет упорядоченный список

Определяет неупорядоченный список

Определяет элемент списка

Определяет список определений

Определяет термин определения

Определяет описание определения

Не рекомендуется. Используйте вместо этого

Не рекомендуется. Используйте вместо этого

 


Актуализация опорных знаний.  

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

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

  • Говорим, что это лучше сделать используя таблицы. Все подкреплаем конкретными примерами.  Но для того что бы это реализовать это нужно уметь работать с таблицами.

  • Разбираем основные теги таблиц.

  • Рассказываем об основных атрибутах  табличных тегов и показываем их использование на примерах.

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

  • Дом.задание

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

Общая информация

Номер материала: ДВ-032505

Вам будут интересны эти курсы:

Курс повышения квалификации «Табличный процессор MS Excel в профессиональной деятельности учителя математики»
Курс повышения квалификации «Информационные технологии в деятельности учителя физики»
Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс повышения квалификации «Организация работы по формированию медиаграмотности и повышению уровня информационных компетенций всех участников образовательного процесса»
Курс «Фирменный стиль» (Corel Draw, Photoshop)
Курс «Оператор персонального компьютера»
Курс «1С: Предприятие 7.7»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные тенденции цифровизации образования»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.
Онлайн-конференция Идет регистрация