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

Урок информатики Таблицы в HTML

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

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

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

Цели:

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

Ход урока:

  • Организационный момент.
  • Проверка д/з: тест на компьютере «Гиперссылки»
  • Объяснение нового материала.
  • Актуализация опорных знаний.
  • Показываем сайт с использованием табличного дизайна, что бы указать где именно нам пригодятся умения работать с таблицами и тем самым заинтересовать учащихся.
  • Показываем как решается проблема навигации с помощью фреймов и говорим что их нежелательно использовать.
  • Говорим, что это лучше сделать используя таблицы. Все подкреплаем конкретными примерами. Но для того что бы это реализовать это нужно уметь работать с таблицами.
  • Разбираем основные теги таблиц.
  • Рассказываем об основных атрибутах табличных тегов и показываем их использование на примерах.
  • Закрепление изученного материала:

Выполнить упражнение к уроку 7.

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

Смотреть другие уроки по информатике

    • Изучить материал в тетради наизусть.
Сохранить у себя:

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

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

Алексей, 05.04.2012 17:59
Извиняюсь. В ячейке работает! Просто был задан отступ от границы, а ячейка маленькая. Поэтому сразу и не понял
Проект Видеоуроки

Ок. 

Алексей, 05.04.2012 17:45
В ячейке тоже не работает
Алексей, 05.04.2012 17:28
Не работает атрибут "valign". Данные не выравниваются по вертикали.
Проект Видеоуроки

Смотрите чуть ниже в комментариях уже был такой вопрос и ответ на него

Санек, 28.07.2011 20:48
Хорошие уроки даже я понял
Станислав, 13.06.2011 05:35
 Проблема с таблицей, все вроде ок, но он не хочет текст отображать сверху<br/>   <table border="1" width="600" height="300" align="center" valign="top"><br/>   Все сделано по видео. ;(
Проект Видеоуроки

Попробуйте  valign="top" прописать в ячейке, в тэге <td  valign="top">

Николай, 07.04.2011 20:13
Хорошие уроки! Спасибо!
Анна, 20.08.2010 08:27
Спасибо!
antonlichev, 08.08.2010 10:17
Очень интерестно добавил сайт в закладки!
FlyMouse, 22.07.2010 02:13
Та же история с valign, в td работает, в table нет. Стоит хром на других не проверял. Большое спасибо автору, хоть он и не закрыл тег <table> :)
jan, 30.05.2010 18:42
Сори за тупость я неправильно писал. Просто уже целый день учу твои уроки. Заканчиваю предпоследний урок. Все ясно и понятно. Спасибо!
Проект Видеоуроки

Ок. Я очень рад.