Навигация по сайту
Мы в социальных сетях
ВКонтактеПрезентация "Таблицы и фреймы" по информатике – проект, доклад
Презентацию на тему "Таблицы и фреймы" можно скачать абсолютно бесплатно на нашем сайте. Предмет проекта: Информатика. Красочные слайды и иллюстрации помогут вам заинтересовать своих одноклассников или аудиторию. Для просмотра содержимого воспользуйтесь плеером, или если вы хотите скачать доклад - нажмите на соответствующий текст под плеером. Презентация содержит 11 слайд(ов).
Слайды презентации
Таблицы и фреймы
По материалам курса University of Washington http://www.cs.washington.edu/education/courses/cse190m/07sp/index.shtml
Таблицы
Таблицы следует использовать в том случае, если размещаемый материал имеет табличную природу: расписание, глоссарий,...
Пример таблицы: расписание занятий.
Понедельник | Алгебра | 15:00 |
Среда | Матанализ | 13:30 |
Пятница | Javascript | 17:00 |
Таблицы не следует использовать для размещения материала на странице, для этого лучше использовать позиционирование блоков.
Таблица – это блочный элемент
). Все, что находится вне ячеек таблицы, размещается перед таблицей. Например, элемент Слайд 3 Заголовки и стили Кроме собственно заголовка таблицы, можно некоторые ячейки помечать как заголовки. По умолчанию они выделяются жирным шрифтом и центрируются.
С помощью стилей можно задать вид таблицы и отдельных ее элементов. Например: table { caption-side: bottom; border: 2px solid; } th { font-size: larger; background-color: yellow; } td { background-color: #e0e0e0; color: blue; } caption { font-size: 16pt; font-style: italic; } IE не понимает указание положения заголовка caption-side! table.html Слайд 4 Коллапс границ По умолчанию границы ячеек отстоят друг от друга и от границы самой таблицы на некоторое расстояние. Это легко увидеть, если задать границу ячеек и таблицы: С помощью задания стиля border-collapse можно убрать промежутки между границами: table { border: 1px solid black; } td { border: 1px solid black; } collapse.html table { border-collapse: collapse; border: 1px solid black; } td { border: 1px solid black; } Стиль, при котором границы таблицы и отдельных ячеек разделены, задается значением border-collapse: separate; (принят по умолчанию). При этом можно задавать ширину промежутка между ячейками таблицы с помощью стиля border-spacing, например table { border-collapse: separate; border: 1px solid black; border-spacing: 0.2cm 1em; } Слайд 5 Колонки Вообще говоря, таблица состоит из строк ( columns.html
Чаще всего это используется для задания ширины отдельных колонок, но может также использоваться для выделения колонок цветом, задания специфического шрифта и т.д. Слайд 6 Слияние ячеек Для некоторых отдельных ячеек можно указать, что данные занимают несколько рядов и/или колонок. Для этого в элементе задают атрибуты rowspan и colspan, например: | spans.html
Слайд 7 Фреймы Страница может быть разбита визуально на несколько областей, в каждую из которых помещается содержание отдельной страницы. Структура разбиения задается в отдельном HTML-файле, а уже в нем имеются ссылки на страницы, формирующие содержимое. frames.html
Замечания: Элементом frameset’а может быть frameset, что позволяет получать различные структуры разбиений. Браузер может не поддерживать фреймы (это очень старые браузеры). Если в страницу включен DTD, то это специальный Frameset DTD. Элемент включается только для элементаСлайд 8 Управление поведением и видом фреймов По умолчанию каждый фрейм имеет границу, размер его можно менять динамически и, если содержимое страницы не помещается во фрейм, то к нему автоматически добавляются полосы прокрутки (scrollbars). frames-attr.html Все это можно задавать с помощью атрибутов элемента (не CSS!) Слайд 9 Загрузка страниц во фреймы При переходах по гиперссылкам можно указывать, в какое окно загружать целевую страницу, с помощью атрибута target. Загружает страницу в новое окно Загружает страницу в текущее окно Загружает страницу на место главной («вырваться» из фреймов) Загружает страницу в окно (фрейм) с именем name Того же эффекта можно добиться, используя метод open в программах на Javascript. window.open(url, name); где аргумент url соответствует атрибуту href, а аргумент name – атрибуту target. buttons.html Слайд 10 Особенности программирования Программы, исполняющиеся в разных фреймах, независимы друг от друга, они используют разный глобальный контекст, объект window у них свой. window.parent; Тем не менее, можно получить ссылку на контекст другого окна, используя связь «родитель – ребенок». Если хотим изнутри фрейма получить ссылку на «родительское» окно: Если хотим из «родительского» окна получить доступ к документу фрейма: window.document.getElementById(frameId).contentDocument; IE не поддерживает этот W3C стандарт! Но в нем документ имеет массив фреймов, а у них есть атрибут document: window.document.frames[frameId].document; Слайд 11
Пример программирования Напишем функцию, которая работает в одном фрейме, и при этом определяет цвет фона для тела документа в другом фрейме. function findColor(frameName) { var frame = parent.document.getElementById(frameName); if (!frame) return 'white'; var color = frame.contentDocument.body.style.backgroundColor; if (!color) color = 'white'; return color; } js-frames.html Вот как подобная функция используется в примере (реальный пример сделан чуть-чуть сложнее, чем приведенная выше функция, чтобы обеспечить совместимость с IE): Список похожих презентацийТаблицы на веб-страницахВопросы. Каковы основные элементы таблиц? Какой атрибут в HTML отвечает за выравнивание? Как задать фоновый цвет веб-страницы? Таблицы. Для создания ...Таблицы и диаграммы в Microsoft WordОглавление:. Создание таблицы; Добавление границ к таблице; Добавление заливки к таблице; Удаление ячеек и таблиц; Диаграмма; Типы диаграмм; Создание ...Таблицы истинности. Логические схемыПостроим таблицу истинности для выражения F = (AvB)&(¬Av¬B). Количество строк = 22 (2 переменных) + 1 (заголовки столбцов) = 5. Количество столбцов ...Таблицы в Excelячейка С4 номера строк. В Excel-2003: от1 до 65 536 В Excel-2007: до 1 048 576. названия столбцов. А...Z, AA, AB, ...IV В Excel-2003 всего 256 ст. ...Таблицы в текстовом редактореТаблицы. На пересечении строки и столбца находится ячейка – минимальный элемент таблицы. Таблица – это данные, расположенные по строкам и столбцам. ...Таблицы в MS WordПримечание: Данная презентация является адаптированной программой для учащихся с нарушением слуха. Цели: Обучающие: обеспечить усвоение учащимися ...Таблицы«В характере, в манерах, в стиле, во всем самое прекрасное - это простота». Лонгфелло Генри. Т Е К С Т О П Е Р А Т И В Н А Я Б И Т Ч И С Л О В О Й ...ТаблицыВнимательно прочтите текст «Оценки за год»:. У Мухина по литературе оценка за год – «3». У Алексеевой по математике оценка за год – «5». У Дроздова ...Логические операции. Таблицы истинностиЦели: Образовательная: Закрепить понятия: логическая переменная, логические операции, сформировать умения применения логических операций, умение составлять ...Word и ТаблицыПоказать разнообразие вставляемых объектов. Научить составлять красивый, гармонично оформленный документ. Создавать таблицы и корректировать их. Оборудование. ...Microsoft Excel-электронные таблицыВ детстве, когда мы начинаем изучать окружающий мир, первым делом сталкиваемся с числами, учимся считать, решать самые простые задачи: у тебя было ...Пример разработки WBS таблицы и сети работМета та загальна характеристика розглянутого в РГР проекту. У відповідності до стану квартири слід: Укласти угоди й договори з виконавцями робіт. ...Логические операции и таблицы истинностиТаблица истинности — это таблица, устанавливающая соответствие между возможными наборами значений логических переменных и значениями функций. При ...Представление базы данных в электронных таблицах в виде таблицы и формыПроверь себя. Какие типы данных изображены на рисунках? Линейчатый Круговой. Базы данных. По характеру хранимой информации По способу хранения БД ...Графики, таблицы и диаграммыИнтегрированный урок в 10 классе. Для наглядного представления числовых данных используются такие средства графики, как таблицы, диаграммы, графики. ...Информатика и информацияИнформатика - это техническая наука, систематизирующая приёмы создания, хранения, обработки и передачи информации средствами вычислительной техники, ...Вычислительные таблицыЦели урока:. расширить представления учащихся о табличных информационных моделях; сформировать представление о вычислительных таблицах; сформировать ...Гиперссылки, таблицы «Создание Web-сайтов»Гиперссылки. Текст ссылки . Переход на новую страницу сайта. Башня десятиэтажная, три из которых, занимают Куранты - часы с боем. Переход на другой ...Информация и ее кодированиеИНФОРМАЦИЯ – ЭТО СВЕДЕНИЯ ОБ ОКРУЖАЮЩЕМ НА СМИРЕ. +. Зачем человек преобразовал информацию? Цель - сохранить информацию. Сохранение информации - кодирование ...Логические операции и таблицы истинностиКОНЪЮНКЦИЯ. F = A & B. Логическое умножение КОНЪЮНКЦИЯ - это новое сложное выражение будет истинным только тогда, когда истинны оба исходных простых ...КонспектыТаблицы истинностиСахапова Гульнара Магдановна. МБОУ «СОШ №21» г.Альметьевска РТ. Учитель информатики. Тема ...Таблицы в текстовом документе. Форматирование таблицКонспект урока по теме «Таблицы в текстовом документе. Форматирование таблиц». . Цели:. Обучающие:. . . научить учащихся создавать и форматировать ...Таблицы истинностиУрок решения задач раздела. «Основы логики». Тема:. «Таблицы истинности». Цели:. закрепить понятия логическое высказывание, логические операции; ...Таблицы в публикацииПлан-конспект урока по информатике. . для 7 класса по теме. . «Таблицы в публикации». Составила:. учитель информатики. ...Таблицы в HTMLКушей Ирина Зеноновна. Педагог дополнительного образования. МБОУ ДОД ЦИР ЮВЕНТА. . Конспект урока. по теме «Таблицы в HTML». Тип занятия:. ...ТаблицыТема урока: «Таблицы». Цели урока:. обучающие:. . научить создавать и форматировать таблицы;. . развивающие:. . развитие мышления;. ...ТаблицыУрок информатики в 5 классе по теме «Таблицы». Структура урока:. Организационный этап. . Актуализация изученного с подведением к теме урока. ...ТаблицыГимназия №15 им. Н.Н. Белоусова. Учитель информатики Варельджян Гаянэ Искандеровна. Урок информатики в 3 классе. Тема. :. Таблицы. . Цель. ...Советы как сделать хороший доклад презентации или проекта
Информация о презентации
Ваша оценка:
Оцените презентацию по шкале от 1 до 5 баллов
Дата добавления:29 января 2019
Категория:Информатика
Содержит:11 слайд(ов)
Поделись с друзьями:
Скачать презентацию
Презентации из категории |