Презентация, доклад по информатике на тему Создание таблиц в HTML

Содержание

«Создание и использование таблиц на Web-страницах» Цели урока:  Обучающая: усвоить новые знания и сформировать умения по созданию и использованию таблиц на Web - страницах; научить учащихся красиво и рационально размещать информацию на странице, используя тэги HTML. 

Слайд 1Тема: Использование различных приемов форматирования. Таблицы в HTML

Тема: Использование различных приемов форматирования. Таблицы в HTML

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

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

Слайд 3Для проверки домашнего задания:
- Какие две программы необходимо иметь для создания

Web – страницы? 
- Какой тег используется для создания нумерованного списка? 
- Какой тег используется для создания маркированного списка?

- Какой тег используется для создания нового элемента списка?

Блокнот и браузер




    • Для проверки домашнего задания:- Какие две программы необходимо иметь для создания Web – страницы?  - Какой тег

    Слайд 4Таблицы в HTML формируются нетрадиционным способом - построчно. Сначала c помощью

    элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.
    Таблицы в HTML формируются нетрадиционным способом - построчно. Сначала c помощью элемента TR необходимо создать ряд таблицы,

    Слайд 5Тег TABLE
     Элемент для создания таблицы. Обязательно должен иметь начальный и конечный

    тэги. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Ячейки внутри таблицы создаются с помощью элементов TR, TD и CAPTION.
    Тег TABLE Элемент для создания таблицы. Обязательно должен иметь начальный и конечный тэги. По умолчанию таблица печатается без

    Слайд 6Атрибуты:
     ALIGN = left/ center/ right - определяет способ горизонтального выравнивания таблицы.

    Значение по умолчанию - left.
    VALIGN = top/ bottom/ middle - определяет способ вертикального выравнивания для содержимого таблицы.
    Атрибуты: ALIGN = left/ center/ right - определяет способ горизонтального выравнивания таблицы. Значение по умолчанию - left.VALIGN =

    Слайд 7Атрибуты:
     BORDER - определяет ширину внешней рамки таблицы (в пикселах). При BORDER="0"

    или при отсутствии этого параметра рамка отображаться не будет.
    BGCOLOR - определяет цвет фона ячеек таблицы. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.

    Атрибуты: BORDER - определяет ширину внешней рамки таблицы (в пикселах). При BORDER=

    Слайд 8Атрибуты:
     WIDTH - определяет ширину таблицы. Ширина задается либо в пикселах, либо

    в процентном отношении к ширине окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.
    HEIGHT - определяет высоту таблицы. Высота задается либо в пикселах, либо в процентном отношении к высоте окна браузера. По умолчанию этот параметр определяется автоматически в зависимости от объема содержащегося в таблице материала.
    Атрибуты: WIDTH - определяет ширину таблицы. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна

    Слайд 9Атрибуты:
     CELLPADDING - определяет расстояние между границей ячейки и ее содержимым (в

    пикселах).
    CELLSPACING - определяет расстояние (в пикселах) между границами соседних ячеек.
    BACKGROUND - позволяет заполнить фон таблицы рисунком. В качестве значения необходимо указать URL рисунка.
    Атрибуты: CELLPADDING - определяет расстояние между границей ячейки и ее содержимым (в пикселах). CELLSPACING - определяет расстояние (в

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

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

    Тег CAPTION Задает заголовок таблицы. Содержание заголовка должно состоять только из текста. Может размещаться только внутри контейнера .ALIGN =

    Слайд 11Тег TR
     Создает новый ряд (строку) ячеек таблицы.
    Атрибуты:
    ALIGN = left/ center/

    right - определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда.
    VALIGN = top/ bottom/ middle - определяет способ вертикального выравнивания содержимого всех ячеек данного ряда.
    BGCOLOR - определяет цвет фона для всех ячеек данного ряда.
    Тег TR Создает новый ряд (строку) ячеек таблицы. Атрибуты:ALIGN = left/ center/ right - определяет способ горизонтального выравнивания

    Слайд 12Тег TD
    Элемент TD создает ячейку с данными в текущей строке.
    Атрибуты:
    ALIGN

    = left/ center/ right - определяет способ горизонтального выравнивания содержимого ячейки. По умолчанию способ выравнивания определяется значением параметра ALIGN элемента TR. Если же и он не задан, то для TD выполняется выравнивание по левому краю.
    VALIGN = top/ bottom/ middle - определяет способ вертикального выравнивания содержимого ячейки.
    Тег TDЭлемент TD создает ячейку с данными в текущей строке. Атрибуты:ALIGN = left/ center/ right - определяет

    Слайд 13TD
    Атрибуты:
    WIDTH - определяет ширину ячейки. Ширина задается в пикселах или в

    процентном отношении к ширине таблицы.
    HEIGHT - определяет высоту ячейки. Высота задается в пикселах или в процентном отношении к ширине таблицы.
    COLSPAN - определяет количество столбцов, которые будет занимать ячейка. По умолчанию имеет значение 1.
    ROWSPAN - определяет количество строк, которые будет занимать ячейка. По умолчанию имеет значение 1.
    TDАтрибуты:WIDTH - определяет ширину ячейки. Ширина задается в пикселах или в процентном отношении к ширине таблицы.HEIGHT -

    Слайд 14Пример 1:

    Заголовок
               



       
               

       
    A1 B1 C1
    A2 B2 C2

    Пример 1: Заголовок             A1 B1 C1    

    Слайд 15Пример 2:

    Заголовок
               

    A1
    B1
    C1    
                A2
    B2    

    Пример 2: Заголовок             A1 B1 C1    

    Слайд 16Пример 3:

    Заголовок
               

    A1
    B1
    C1    
                A2
    C2    

    Пример 3: Заголовок             A1 B1 C1    

    Слайд 17Создать таблицу следующей структуры:
    Задание

    Создать таблицу следующей структуры:Задание

    Слайд 18Итог урока. Итог урока. Итог урока:
    Можете ли вы прокомментировать все тэги и их

    параметры которые мы прошли? 
    Рассмотреть результаты деятельности учащихся на уроке. Подвести итоги работы каждого.
    На следующем занятии будет проведен промежуточный контроль по темам: «Алгоритмизация и программирование» и «Коммуникационные технологии».
    Итог урока. Итог урока. Итог урока:Можете ли вы прокомментировать все тэги и их
    Скачать презентацию

    Похожие презентации

    Презентация к уроку по информатике на тему :Организация работы в сети Презентация к уроку по информатике на тему :Организация работы в сети 126
    Внеурочное занятие на тему Способы диагностики и методы устранения неисправностей компьютеров Внеурочное занятие на тему Способы диагностики и методы устранения неисправностей компьютеров 204
    Презентация по Информатике и ИКТ на тему Состав и структура ПК 1 курс СПО Презентация по Информатике и ИКТ на тему Состав и структура ПК 1 курс СПО 278
    Пример анимации в презентациях Пример анимации в презентациях 98
    Презентация по информатике на тему Представление зависимостей между величинами (11 класс) Презентация по информатике на тему Представление зависимостей между величинами (11 класс) 282
    Презентация по информатике на тему Подходы к измерению информации Презентация по информатике на тему Подходы к измерению информации 235

    Что такое shareslide.ru?

    Это сайт презентаций, где можно хранить и обмениваться своими презентациями, докладами, проектами, шаблонами в формате PowerPoint с другими пользователями. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами.

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

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

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

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