Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему к уроку Работа с таблицами в HTML-документе

Тема урока: «Создание и использование таблиц на Web-страницах» Цели урока:  Обучающая: усвоить новые знания и сформировать умения по созданию и использованию таблиц на Web - страницах; научить учащихся красиво и рационально размещать информацию на странице, используя
Работа с таблицами  в HTML Тема урока: «Создание и использование таблиц на Web-страницах» Цели урока:   Обучающая: усвоить Создание таблицыСоздание таблицы – парный тег		 … .Создает объект таблицы (пустая таблица, Таблицы в HTMLОписание таблицыОписание строкиОписание ячейки A1 		B1 		C1   	A2 	B2 	C2 АТРИБУТЫ TABLE BGCOLOR –определяет цвет фона таблицы.BORDER –размер границы таблицы.BACKGROUND - позволяет АТРИБУТЫ TABLE  CELLPADDING - определяет расстояние (в пикселах) между рамкой каждой ячейки Тег CAPTION Задает заголовок таблицы. Содержание заголовка должно состоять только из текста. ALIGN Объединение ячеекCOLSPAN - СТОЛБЦЫROWSPAN - СТРОКИАтрибут тега TD Таблицы в HTMLОбъединение ячеек.  строка1 ячейка1 строка1 ячейка2 строка1 ячейка3 АТРИБУТЫ ТЕГА и Задание:Практическая работа «Оформление таблиц в HTML- документе»Создать HTML- документе таблицу по заданному образцу:
Слайды презентации

Слайд 2 Тема урока: «Создание и использование таблиц на Web-страницах»
Цели

Тема урока: «Создание и использование таблиц на Web-страницах» Цели урока:  Обучающая: усвоить

урока:  Обучающая: усвоить новые знания и сформировать умения по созданию и

использованию таблиц на Web - страницах; научить учащихся красиво и рационально размещать информацию на странице, используя тэги HTML.  Развивающая: Формирование умения работать фронтально и индивидуально; расширение кругозора; развитие навыков применения компьютерных технологий при создании web-сайтов. Воспитательная: воспитывать положительное отношение к знаниям, добросовестное отношение к труду, дисциплинированность. 

Слайд 3 Создание таблицы
Создание таблицы – парный тег
… .
Создает

Создание таблицыСоздание таблицы – парный тег		 … .Создает объект таблицы (пустая

объект таблицы (пустая таблица, не содержащая ячеек) в том

месте текста, где он добавлен в код HTML.

Добавление в таблицу строк и ячеек:
… – добавление новой строки;
… – добавление ячейки заголовка;
… – добавление обычной ячейки.

Слайд 4 Таблицы в HTML
Описание таблицы
Описание строки
Описание ячейки

Таблицы в HTMLОписание таблицыОписание строкиОписание ячейки

Слайд 5 A1
B1
C1
A2
B2
C2

A1 		B1 		C1  	A2 	B2 	C2




Слайд 6 АТРИБУТЫ TABLE
BGCOLOR –определяет цвет фона таблицы.
BORDER –размер

АТРИБУТЫ TABLE BGCOLOR –определяет цвет фона таблицы.BORDER –размер границы таблицы.BACKGROUND -

границы таблицы.
BACKGROUND - позволяет заполнить фон таблицы рисунком.
WIDTH

– ширина таблицы.
BORDERCOLOR – цвет границы таблицы.


Слайд 7 АТРИБУТЫ TABLE
 CELLPADDING - определяет расстояние (в пикселах)

АТРИБУТЫ TABLE  CELLPADDING - определяет расстояние (в пикселах) между рамкой каждой

между рамкой каждой ячейки таблицы и содержащимся в ней

материалом.
CELLSPACING - определяет расстояние (в пикселах) между границами соседних ячеек.


Слайд 8 Тег CAPTION
 Задает заголовок таблицы. Содержание заголовка должно состоять

Тег CAPTION Задает заголовок таблицы. Содержание заголовка должно состоять только из текста.

только из текста.
ALIGN - определяет способ вертикального выравнивания

заголовка таблицы. Возможные значения:
top - помещает заголовок над таблицей (значение по умолчанию);
bottom - помещает заголовок под таблицей.


Слайд 9 Объединение ячеек
COLSPAN - СТОЛБЦЫ
ROWSPAN - СТРОКИ
Атрибут тега TD

Объединение ячеекCOLSPAN - СТОЛБЦЫROWSPAN - СТРОКИАтрибут тега TD

Слайд 10 Таблицы в HTML
Объединение ячеек.
строка1 ячейка1 строка1 ячейка2 строка1

Таблицы в HTMLОбъединение ячеек. строка1 ячейка1 строка1 ячейка2 строка1 ячейка3

ячейка3 строка2 ячейка2 строка2 ячейка3 строка3 ячейка2
Данная ячейка займет 3 строки
Данная

ячейка займет 2 колонки

Слайд 11 АТРИБУТЫ ТЕГА и

АТРИБУТЫ ТЕГА и

  • Имя файла: prezentatsiya-k-uroku-rabota-s-tablitsami-v-html-dokumente.pptx
  • Количество просмотров: 139
  • Количество скачиваний: 1