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

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

Авторизация



HTML. Создание сложных таблиц.

Фото пользователя Татьяна Анатольевна Руденко
Submitted by Татьяна Анатольевна Руденко on Tue, 03/04/2012 - 00:09
Данные об авторе
Автор(ы): 
Руденко Татьяна Анатольевна
Место работы, должность: 
МБОУ СОШ № 31 г. Новошахтинска
Регион: 
Ростовская область
Характеристики урока (занятия)
Уровень образования: 
среднее (полное) общее образование
Целевая аудитория: 
Учащийся (студент)
Целевая аудитория: 
Учитель (преподаватель)
Класс(ы): 
10 класс
Класс(ы): 
11 класс
Предмет(ы): 
Информатика и ИКТ
Цель урока: 

 

Научиться создавать сложные таблицы с помощью языка разметки гипертекста HTML, используя полученные знания; заполнять ячейки таблицы.

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

 

ПК, мультимедийный проектор, экран.

Краткое описание: 
На этапе создания таблиц (в контексте данного урока) учащиеся уже могут создавать страницы, форматировать текст, вставлять изображения, гиперссылки, изменять фон (цвет и изображение в качестве фона), вставлять бегущую строку, создавать простые таблицы.

HTML.HTML. Создание сложных таблиц. Тип урока: комбинированный. Оборудование: ПК, мультимедийный проектор, экран. Цели урока: научиться создавать сложные таблицы с помощью языка разметки гипертекста HTML, используя полученные знания; заполнять ячейки таблицы. Этапы урока: • получение информации; • практические занятия; • аттестация (контроль учебных достижений). На этапе создания таблиц (в контексте данного урока) учащиеся уже могут создавать страницы, форматировать текст, вставлять изображения, гиперссылки, изменять фон (цвет и изображение в качестве фона), вставлять бегущую строку, создавать простые таблицы. Ход урока Сегодня мы научимся создавать сложные таблицы. Поговорим об атрибутах colspan и rowspan. Colspan - определяет количество столбцов, на которые простирается данная ячейка, а rowspan - количество рядов (эти параметры могут принимать значение от 2 и больше, т.е. наша ячейка может растягиваться на два и более столбца (ряда)). Теперь, чтобы было все понятно, обратимся к примерам.

 

 

 

<table>
<tr>
<td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td>
<td width="50" bgcolor="#336699"> <center>1x2</center> </td>
</tr>
<tr>
<td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td>
<td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td>
<td width="50" bgcolor="#336699"> <center>2x3</center> </td>
</tr>
</table>

Задание: самостоятельно напишите код для данной таблицы (изображение на экране).

Практикум: учитель раздает карточки-задания для самостоятельного выполнения. Предлагает одному из учеников выполнить задание «показательно», на компьютере, к которому подключен мультимедийный проектор. Учащиеся могут объединиться в группы.

Заключительный этап:  выставление оценок, обсуждение проблемных вопросов.

Прикрепленный файл Size
HTMLтаблицы.doc 60.5 KB

»  Tags for document:

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


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

Online video HD

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

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

Full HD video online

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

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

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