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

Конспект на тему "Вставка таблиц"

Скачать материал

Тема: Вставка таблиц.

 

Цель: Познакомить учащихся со структурой вставки таблиц.

 

Задачи:

1.     формировать умение создавать простейший HTML-документ,

2.     развивать внимание, творческие способности учащихся;

3.     воспитывать умение работать самостоятельно.

 

План:

·        Орг. Момент, вступительное слово;

·        Основной этап: раскрытие темы;

·        Подведение итогов, заключение.

Этапы, время.

Деятельность учителя

Деятельность учеников

Орг-ый:

Здравствуйте ребята!  Сегодня мы продолжим изучать основы HTML. И более подробно разберем структуру вставки таблиц.

Внимательно слушают

 

Основной

- Таблица описывается после <body>.

- Записывайте за мной:

<body>

<TABLE>  начало таблицы

<table   BORDER=”1”   BORDER COLOR=”red”>

 

<TABLE BORDER=0>  отсутствие рамок

 

<CAPTION> заголовок  </CAPTION>

<TR> начало строки

<TD> ячейка 1 </TD>

<TD> ячейка 2 </TD>

</TR>

 

<TR> начало 2 строки

<TD> ячейка 1 </TD>

<TD> ячейка 2 </TD>

</TR>

 

- Дополнительны параметры для строк и ячеек:

< TR BGCOLOR=”red”>  цвет строки

<TD BACKGROUND=”blue”> цвет ячейки

 

-Изменение ширины и высоты таблицы:

<Table    WIDTH=250>       длина

                HEIGHT=180>   высота

 

 

- Выравнивание текста в таблице:

<TR    ALIGN=LEFT  (RIGHT,CENTER)>

Дополнительно введен специальный параметр для вертикального выравнивания — VALIGN, принимающий значения ТОР или BOTTOM. Например, для заголовка, располагаемого внизу таблицы с выравниванием влево, описание имеет следующий вид:

<CAPTION ALIGN=LEFT VALIGN=ВОТТОМ>

Заголовок, располагаемый внизу с выравниванием влево</CAPTION>

 

<TR VALIGN=TOP>  поверху

                           BOTTOM>  по низу

-Объединение ячеек:

COLSPAN  по горизонтали

ROWSPAN по вертикали

 

<TD   COLSPAN=3    ROWSPAN=2>

 

- Вставка картинки в таблицу:

<TD>  <IMG  SRC=”.JPG”>  </TD>  

 

- После всего нужно закрыть таблицу:

</TABLE>

</BODY>

</HTML>

 

- Управление прорисовкой линий и рамок вокруг таблицы:

 

-RULES=  - прорисовка внутренних линий сетки таблицы.

Имеет значения:

-ALT- рисует все внутренние линии.

-GROUPS- рисует только линии, разделяющие группы.

- ROWS- рисует линии, разделяющие строки.

-COLS-рисует линии, разделяющие столбцы.

-NONE- внутренние линии не рисуются.

 

-FRAME=  - прорисовка рамок вокруг таблицы.

Имеет значения:

-BOX или BORDER – рисует рамку со всех четырех сторон.

-ABOVE- рисует рамку только с верхней стороны.

-BELOW- рисует рамку только с нижней стороны.

-HSIDES- рисует нижнюю и верхнюю стороны.

-VSIDES- рисует левую и правую стороны.

-LHS- рисует только с левой стороны.

-RNS- рисует только с правой стороны.

-VOID- таблица без внешних рамок.

 

 

<TABLE BORDER=5 WIDTH=100% RULES=GROUP FRAME=HSIDES>

 

- Отступы:

<TABLE CELLSPACING = 10 CELLPADDING = 10>

 

 

- А сейчас я вам покажу несколько примеров таблиц, чтоб вам стало понятно какие таблицы можно создавать.

(показываю на интерактивной доске)

 

2 УРОК

- Садитесь за компьютеры и составьте таблицу. (в папке web есть документ «дорожные знаки»)

 - ИЛИ создайте расписание уроков: 1 страница – содержание (расписание уроков и расписание звонков) в котором гиперссылки и переход на каждый день недели.

 

Практическая работа - "Таблицы"

 1. Создать HTML – документ.

 2. Создать таблицу 3 на 4.

 3. Задать толщину линии сетки - 5 пикселей, расстояние между ячейками -10, отступ между границей ячейки и данными –5.

 4. Задать ширину и высоту таблицы - 25% от всего размера окна.

 5. Поместить справа от таблицы любой текст.

 6.Создать любую таблицу (3 на 3), объединить в ней любые 2 строки и 3 любых столбца.

 7.Выровнять данные по правому краю.

 8. Закрасить ячейки, цвет произвольный.

 9. Прорисовать рамки вокруг таблицы и внутри нее.

 10. Создать вложенную таблицу.

 11.Создать пять таблиц в новом файле. Каждая таблица должна полностью размещаться на экране.

 12. Связать все таблицы между собой внутренними ссылками.

 

 

 

записывают

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

смотрят

 

 

 

 

 

 

Выполняют самостоятельно

Завершающий

Дома почитайте параграф 31. Всем спасибо. Досвиданья.

 

 

Подпись учителя______________

 

 

Просмотрено: 0%
Просмотрено: 0%
Скачать материал
Скачать материал "Конспект на тему "Вставка таблиц""

Методические разработки к Вашему уроку:

Получите новую специальность за 2 месяца

Хранитель музейных предметов

Получите профессию

Интернет-маркетолог

за 6 месяцев

Пройти курс

Рабочие листы
к вашим урокам

Скачать

Краткое описание документа:

HTML определяет три типа значений длины для атрибутов:

·        Пиксели  – это целое, представляющее число пикселей (на экране, на бумаге). Таким образом, значение "50" означает пятьдесят пикселей.

·        Длина – доля вертикального или горизонтального расстояния в процентах. Таким образом, значение "50%" означает половину доступного пространства.

·        Кратный размер – это либо целое число, задающее количество пикселей, либо доля в процентах от размера по горизонтали или вертикали, либо относительный размер вида , где  – целое число. При распределении пространства обозреватель сначала выделяет место для размеров, заданных в числах и процентах, а затем разделяет оставшееся пространство между элементами с относительными размерами. Элементу размером 3 будет выделено пространство в три раза большее, чем элементу размером 1. Значение * эквивалентно 1* и часто означает "заполнить оставшееся пространство".

Скачать материал

Найдите материал к любому уроку, указав свой предмет (категорию), класс, учебник и тему:

6 660 227 материалов в базе

Скачать материал

Другие материалы

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

  • Скачать материал
    • 26.04.2015 942
    • DOCX 43.5 кбайт
    • Оцените материал:
  • Настоящий материал опубликован пользователем Аверкиева Дарья Сергеевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

    Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.

    Удалить материал
  • Автор материала

    Аверкиева Дарья Сергеевна
    Аверкиева Дарья Сергеевна
    • На сайте: 8 лет и 11 месяцев
    • Подписчики: 0
    • Всего просмотров: 10910
    • Всего материалов: 5

Ваша скидка на курсы

40%
Скидка для нового слушателя. Войдите на сайт, чтобы применить скидку к любому курсу
Курсы со скидкой

Курс профессиональной переподготовки

Секретарь-администратор

Секретарь-администратор (делопроизводитель)

500/1000 ч.

Подать заявку О курсе

Курс профессиональной переподготовки

Педагогическая деятельность по проектированию и реализации образовательного процесса в общеобразовательных организациях (предмет "Информатика")

Учитель информатики

300 ч. — 1200 ч.

от 7900 руб. от 3950 руб.
Подать заявку О курсе
  • Этот курс уже прошли 20 человек

Курс повышения квалификации

Использование компьютерных технологий в процессе обучения информатике в условиях реализации ФГОС

36 ч. — 144 ч.

от 1700 руб. от 850 руб.
Подать заявку О курсе
  • Сейчас обучается 139 человек из 43 регионов
  • Этот курс уже прошли 1 297 человек

Курс повышения квалификации

Применение компьютерных моделей при обучении математике и информатике в рамках ФГОС ООО

72 ч. — 180 ч.

от 2200 руб. от 1100 руб.
Подать заявку О курсе
  • Сейчас обучается 49 человек из 28 регионов
  • Этот курс уже прошли 177 человек

Мини-курс

Психология расстройств пищевого поведения

3 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 158 человек из 51 региона
  • Этот курс уже прошли 93 человека

Мини-курс

Управление стрессом и эмоциями

2 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 127 человек из 42 регионов
  • Этот курс уже прошли 74 человека

Мини-курс

Эффективное планирование и управление временем

3 ч.

780 руб. 390 руб.
Подать заявку О курсе
  • Сейчас обучается 41 человек из 18 регионов
  • Этот курс уже прошли 17 человек