Разделы презентаций

HTML_2-2

Содержание

Расшифровка некоторых аббревиатур21.04.2012TBODY table bodyTD   table data cellTH   table header cellTR   table rowHR   horizontal ruleLI   list itemOL   ordered listUL     unordered list DD

Слайды и текст этой презентации

Слайд 1Лекция _3


Введение в программирование на языке гипертекстовой разметки
HTML
21.04.2012

Лекция _3Введение в программирование на языке гипертекстовой разметки HTML 21.04.2012

Слайд 2
Расшифровка некоторых аббревиатур
21.04.2012
TBODY table body
TD   table data cell
TH  

table header cell
TR   table row
HR   horizontal rule
LI  

list item
OL   ordered list
UL     unordered list DD   definition description
DL     definition list
DT   definition term
FRAME   subwindow
Расшифровка некоторых аббревиатур21.04.2012TBODY table bodyTD   table data cellTH   table header cellTR   table rowHR  

Слайд 3
Верхний и нижний индекс
21.04.2012
Индексом по отношению к тексту называется смещение

символов относительно базовой линии вверх или вниз. В зависимости от

положительного или отрицательного значения, индекс называется, соответственно, верхним или нижним. Они применяются в математике, физике, химии и для обозначения единиц измерения. HTML предлагает два тега для создания индекса:  — верхний индекс и  — индекс нижний. Текст, помещенный в один из этих контейнеров, обозначается меньшим размером, чем базовый текст и смещается относительно горизонтали.
Верхний и нижний индекс21.04.2012Индексом по отношению к тексту называется смещение символов относительно базовой линии вверх или вниз.

Слайд 4
Верхний и нижний индекс
21.04.2012


Формула серной кислоты: H2SO4



Верхний и нижний индекс21.04.2012 Формула серной кислоты: H2SO4

Слайд 5
Ссылки
21.04.2012
Являются основой гипертекстовых документов и позволяют переходить с одной Веб-страницы

на другую.
Их особенность состоит в том, что сама ссылка

может вести не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте.
Важно, чтобы к документу, на который делается ссылка, был доступ.
Если путь к файлу можно указать в адресной строке браузера, и файл при этом будет открыт, то на него можно сделать ссылку.
Для создания ссылки необходимо сообщить браузеру:
что является ссылкой,
что является адресом документа, на который делают ссылку.
Оба действия выполняются с помощью тега .
Синтаксис создания ссылок таков:
текст ссылки



Ссылки21.04.2012Являются основой гипертекстовых документов и позволяют переходить с одной Веб-страницы на другую. Их особенность состоит в том,

Слайд 6
Ссылки
21.04.2012
Параметр href определяет URL (Universal Resource Locator, универсальный указатель ресурса)/
Т.е.

адрес документа, на который следует перейти, а содержимое контейнера

является ссылкой.
Текст, расположенный между тегами и , по умолчанию становится синего цвета и подчеркивается.


Ссылки на странице


Собаки

Кошки



Ссылки21.04.2012Параметр href определяет URL (Universal Resource Locator, универсальный указатель ресурса)/Т.е. адрес документа, на который следует перейти, а

Слайд 7
Ссылки
21.04.2012
Файл по ссылке открывается в окне браузера только тогда, когда

браузер знает тип документа. Но если ссылку можно сделать на

файл любого типа, то браузер не всегда может отобразить документ. При этом выводится сообщение, как следует обработать файл — открыть его или сохранить в указанную папку.

Если указана ссылка на файл, которого не существует, его имя в параметре href набрано с ошибкой, то такая ссылка называется битая. Битых ссылок следует избегать, т.к. они вводят посетителей сайта в заблуждение.

Ссылки21.04.2012Файл по ссылке открывается в окне браузера только тогда, когда браузер знает тип документа. Но если ссылку

Слайд 8
Абсолютные и относительные ссылки
21.04.2012
Абсолютные адреса должны начинаться с указания протокола

(обычно http://) и содержать имя сайта.
Относительные ссылки ведут отсчет

от корня сайта или текущего документа.
Абсолютный адрес


Изучение HTML


Здесь ссылка вида Изучение HTML является абсолютной и ведет на главную страницу сайта htmlbook.ru.
Замечание При указании в качестве ссылки каталога сайта (например, http://htmlbook.ru/css/), отображается индексный файл. Это файл, который загружается по умолчанию при обращении к каталогу без явного указания имени файла. В качестве индексного файла выступает документ с именем index.html.

Абсолютные и относительные ссылки21.04.2012Абсолютные адреса должны начинаться с указания протокола (обычно http://) и содержать имя сайта. Относительные

Слайд 9
Абсолютные и относительные ссылки
21.04.2012
При создании относительных ссылок надо понимать, какое

значение для параметра href следует указывать, т.к. оно зависит от

исходного расположения файлов. Рассмотрим варианты.
Файлы располагаются в одной папке.



Необходимо сделать ссылку из исходного документа на ссылаемый. В таком случае код будет следующий.
Ссылка.
2. Файлы размещаются в разных папках.

Ссылка

Абсолютные и относительные ссылки21.04.2012При создании относительных ссылок надо понимать, какое значение для параметра href следует указывать, т.к.

Слайд 10
Абсолютные и относительные ссылки
21.04.2012
3. Файлы размещаются в разных папках.


Исходный

файл находится в двух вложенных Папках.
Чтобы сослаться на документ в

корне сайта, требуется повторить написание предыдущего примера два раза.
Ссылка Аналогично обстоит дело с любым числом вложенных папок.
Абсолютные и относительные ссылки21.04.20123. Файлы размещаются в разных папках. Исходный файл находится в двух вложенных Папках.Чтобы сослаться

Слайд 11
Абсолютные и относительные ссылки
21.04.2012
4. Файлы размещаются в разных папках.
Исходный

файл располагается в корне сайта, а файл, на который необходимо

сделать ссылку - в папке. Тогда путь к файлу будет следующий.
Ссылка
Здесь никаких дополнительных точек и слэшей перед именем папки нет. Если файл находится внутри не одной, а двух папок, то путь к нему записывается так.
Сылка
Ссылки относительно корня сайта. Рассмотрим путь к файлу относительно корня сайта. "/Папка/Имя файла" со слэшем вначале. Запись  Курсы означает, что ссылка ведет в папку с именем course. Она располагается в корне сайта, а в ней необходимо загрузить индексный файл.
Абсолютные и относительные ссылки21.04.20124. Файлы размещаются в разных папках. Исходный файл располагается в корне сайта, а файл,

Слайд 12
Абсолютные и относительные ссылки
21.04.2012
Виды ссылок. Любая ссылка на Веб-странице может

находиться в одном из следующих состояний.
Непосещенная ссылка. Такое состояние характеризуется

для ссылок, которые еще не открывали. По умолчанию непосещенные текстовые ссылки изображаются синего цвета и с подчеркиванием.
Активная ссылка. Ссылка помечается как активная в момент ее открытия. Поскольку время между нажатием на ссылку и началом загрузки нового документа достаточно мало, подобное состояние ссылки весьма кратковременно. Активной ссылка становится также, при ее выделении с помощью клавиатуры. Цвет такой ссылки по умолчанию красный.
Посещенная ссылка. Как только пользователь открывает документ, на который указывает ссылка, она помечается как посещенная и меняет свой цвет на фиолетовый, установленный по умолчанию.
Правила вложений для тега . Любая ссылка является встроенным элементом, поэтому для нее действуют те же правила, что и для встроенных элементов. Нельзя размещать внутри тега блочные элементы, но можно делать наоборот, и вкладывать ссылку в блочный контейнер.
.
Абсолютные и относительные ссылки21.04.2012Виды ссылок. Любая ссылка на Веб-странице может находиться в одном из следующих состояний.Непосещенная ссылка.

Слайд 13
Параметры ссылок
21.04.2012
Мы рассмотрели параметр href тега . Рассмотрим еще другие

необязательные атрибуты этого тега.
Target. По умолчанию, при переходе по ссылке

документ открывается в текущем окне или фрейме. Это условие может быть изменено параметром target тега . Его синтаксис: ... В качестве аргумента используется имя окна или фрейма, заданное параметром name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен применяются следующие аргументы.
_blank — загружает страницу в новое окно браузера. _self — загружает страницу в текущее окно (это значение задается по умолчанию). _parent — загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self. _top — отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self.

Параметры ссылок21.04.2012Мы рассмотрели параметр href тега . Рассмотрим еще другие необязательные атрибуты этого тега.Target. По умолчанию, при

Слайд 14
Параметры ссылок: title
21.04.2012
Добавляет поясняющий текст к ссылке в виде всплывающей

подсказки. Подсказка отображается, когда курсор мыши задерживается на ссылке, после

чего подсказка через некоторое время пропадает. Синтаксис следующий.
...
В качестве аргумента указывается любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Подсказка к ссылке


Рисунки


Замечание: Посмотрите в разных браузерах – Opera, FireFox.
Параметры ссылок: title21.04.2012Добавляет поясняющий текст к ссылке в виде всплывающей подсказки. Подсказка отображается, когда курсор мыши задерживается

Слайд 16
Якоря
21.04.2012
Якорем называется закладка с уникальным именем на определенном месте Веб-страницы.


Она позволяет создать переход к ней по ссылке.
Якоря удобно

применять в документах большого объема, чтобы можно было быстро переходить к нужному разделу.
Для создания якоря следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи параметра name тега .
В качестве значения href для перехода к этому якорю используется имя закладки с символом решетки (#) впереди.

>

Якоря21.04.2012Якорем называется закладка с уникальным именем на определенном месте Веб-страницы. Она позволяет создать переход к ней по

Слайд 17
Создание якоря
21.04.2012




Быстрый переход внутри документа



...



Наверх




Создание якоря21.04.2012 Быстрый переход внутри документа ... Наверх

Слайд 18
Якоря
21.04.2012
Между тегами и текст не обязателен, так

как требуется лишь указать местоположение перехода по ссылке, находящейся внизу

страницы.
Имя ссылки на якорь начинается с символа #, после чего идет имя якоря. Оно выбирается любое, соответствующее тематике. Главное, чтобы значения параметров name и href совпадали (символ решетки не в счет).

Cсылку можно также сделать на закладку, находящуюся в другой Веб-странице и даже другом сайте.
Для этого в параметре href тега надо указать адрес документа и в конце добавить символ решетки # и имя закладки.

Якоря21.04.2012Между тегами и текст не обязателен, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу

Слайд 19
Ссылка на закладку из другой веб-страницы
21.04.2012

4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



Якорь в

другом документе


Перейти к нижней части текста



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

Ссылка на закладку из другой веб-страницы21.04.2012 Якорь в другом документе Перейти к нижней части

Слайд 20Изображения
21.04.2012
Добавление изображения происходит в два этапа: вначале готовится графический файл

желаемого размера, затем он добавляется на страницу через тег .

Сам HTML предназначен только для того, чтобы отобразить требуемую картинку, при этом никак ее не меняя.
При подготовке изображений следует учесть несколько моментов.
Поскольку Веб-страница загружается по сети, существенным фактором выступает объем графического файла, встроенного в документ. Чем он меньше, тем быстрее отобразится изображение.
Размер картинки необходимо ограничить по ширине, например, установить не более 800 пикселов. Иначе изображение целиком не поместится в окне браузера, и появятся полосы прокрутки.

Изображения21.04.2012Добавление изображения происходит в два этапа: вначале готовится графический файл желаемого размера, затем он добавляется на страницу

Слайд 21Изображения
21.04.2012
Широкое распространение для веб-графики получили два формата — GIF и JPEG.


Их многофункциональность, универсальность, небольшой объем исходных файлов при достаточном для

сайта качестве, сослужили им положительную службу, фактически определив их как стандарт Веб-изображений.
Есть еще формат PNG, который также поддерживается браузерами при добавлении изображений и существует в двух ипостасях — PNG-8 и PNG-24.
Однако популярность PNG сильно уступает признанию форматам GIF и JPEG.
Изображения21.04.2012Широкое распространение для веб-графики получили два формата — GIF и JPEG. Их многофункциональность, универсальность, небольшой объем исходных файлов

Слайд 22Формат GIF
21.04.2012
Graphics Interchange Format — формат графических файлов, широко применяемый при

создании сайтов. GIF использует 8-битовый цвет и эффективно сжимает сплошные

цветные области, при этом сохраняя детали изображения.
Особенности
Количество цветов в изображении может быть от 2 до 256, но это могут быть любые цвета из 24-битной палитры.
Файл в формате GIF может содержать прозрачные участки. Если используется отличный от белого цвета фон, он будет проглядывать сквозь «дыры» в изображении.
Поддерживает покадровую смену изображений, что делает формат популярным для создания баннеров и простой анимации.
Использует свободный от потерь метод сжатия
Область применения
Текст, логотипы, иллюстрации с четкими краями, анимированные рисунки, изображения с прозрачными участками, баннеры.


Формат GIF21.04.2012Graphics Interchange Format — формат графических файлов, широко применяемый при создании сайтов. GIF использует 8-битовый цвет и

Слайд 23
Формат JPEG
21.04.2012
Joint Photographic Experts Group — популярный формат графических файлов. Используется

при создании сайтов и хранения изображений. Поддерживает 24-битовый цвет и

сохраняет яркость и оттенки цветов в фотографиях неизменными. Данный формат называют сжатием с потерями, поскольку алгоритм JPEG выборочно отвергает данные. Метод сжатия может внести искажения в рисунок, особенно содержащий текст, мелкие детали или четкие края. Формат JPEG не поддерживает прозрачность. Когда вы сохраняете фотографию в этом формате, прозрачные пиксели заполняются определенным цветом.
Особенности
Количество цветов в изображении — около 16 миллионов, что вполне достаточно для сохранения фотографического качества изображения.
Основная характеристика формата — качество, позволяющее управлять конечным размером файла.
Поддерживает технологию, так называемый прогрессивный JPEG, в котором версия рисунка с низким разрешением появляется в окне просмотра до полной загрузки самого изображения.
Область применения. Используется для фотографий. Мало подходит для рисунков с прозрачными участками, мелкими деталями или текст.
Формат JPEG21.04.2012Joint Photographic Experts Group — популярный формат графических файлов. Используется при создании сайтов и хранения изображений. Поддерживает

Слайд 24
Формат PNG-8
21.04.2012
Portable Network Graphics — формат по своему действию аналогичен GIF.

По заверению разработчиков использует улучшенный формат сжатия данных, но как

показывает практика, это не всегда так.
Особенности
Использует 8-битную палитру (256 цветов) в изображении, за что и получил в своем названии цифру восемь. При этом можно выбирать, сколько цветов будет сохраняться в файле — от 2 до 256.
В отличие от GIF, не отображает анимацию ни в каком виде.
Область применения
Текст, логотипы, иллюстрации с четкими краями, изображения с градиентной прозрачностью.
Формат PNG-821.04.2012Portable Network Graphics — формат по своему действию аналогичен GIF. По заверению разработчиков использует улучшенный формат сжатия

Слайд 25
Формат PNG-24
21.04.2012
Аналогичен PNG-8, но использует 24-битную палитру цвета. Как и

формат JPEG, сохраняет яркость и оттенки цветов в фотографиях. Подобно

GIF и формату PNG-8, сохраняет детали изображения, в линейных рисунках, логотипах, или иллюстрациях
Особенности
Использует примерно 16,7 млн. цветов в файле, из-за чего этот формат применяется для полноцветных изображений.
Поддерживает многоуровневую прозрачность. Что позволяет создавать плавный переход от прозрачной области изображения к цветной, так называемый градиент.
Из-за того, что используемый алгоритм сжатия сохраняет все цвета и пикселы в изображении неизменными, если сравнивать с другими форматами, то у PNG-24 конечный объем графического файла получается наибольшим.
Область применения
Фотографии, рисунки, содержащие прозрачные участки, рисунки с большим количеством цветов и четкими краями изображений.
.
Формат PNG-2421.04.2012Аналогичен PNG-8, но использует 24-битную палитру цвета. Как и формат JPEG, сохраняет яркость и оттенки цветов

Слайд 26
Добавление рисунка
21.04.2012
Для добавления изображения на веб-страницу используется тег ,

параметр src которого определяет адрес графического файла. Общий синтаксис добавления

изображения будет следующий.
альтернативный текст
URL (Universal Resource Locator, универсальный указатель ресурсов) представляет собой путь к графическому файлу.
Для его указания можно использовать как абсолютный, так и относительный адрес.
Рассмотрим несколько разных путей к графическому файлу для размещения его на Веб-странице.
Возьмем файл с рисунком, который называется sample.gif и хранится в папке images корня сайта.
Добавление рисунка 21.04.2012Для добавления изображения на веб-страницу используется тег , параметр src которого определяет адрес графического файла.

Слайд 27
Добавление рисунка
21.04.2012
Если в начале адреса стоит слэш (символ /),

это значит, что отсчет идет от корня сайта. Например, адрес

сайта — http://baklan.narod.ru, значит, написав путь к изображению как /images/bird.jpg, мы говорим серверу, что показать следует файл http://baklan.narod.ru/images/bird.jpg. Подобные ссылки со слэшем впереди работают только на веб-сервере. На локальном компьютере они действовать не будут.
Если перед адресом добавляется упоминание протокола http (http://), то речь идет об абсолютной ссылке. Изображение всегда будет загружаться с указанного адреса в Интернете, даже при сохранении Веб-страницы на локальный компьютер.
Двоеточие со слэшем (../) в начале адреса говорит о том, что и рисунок и веб-страница находятся в разных папках, которые размещены на одном уровне. Ниже показан файл index.html, в который требуется поместить рисунок pic.gif. Относительный путь к изображению из index.html будет ../images/pic.gif.

Добавление рисунка 21.04.2012Если в начале адреса стоит слэш (символ /), это значит, что отсчет идет от корня

Слайд 28
Добавление рисунка
21.04.2012
Возможны случаи хранения файлов, что обращение из одного

файла к другому превращается в набор двоеточий, например: ../../../images/pic.gif.
Имя

папки в начале пути, без всяких слэшей и двоеточий, сообщает, что и текущий файл и папка с изображением находятся на одном уровне. Как показано на рисунке относительный путь к рисунку pic.gif из файла index.html будет images/pic.gif.
Добавление рисунка 21.04.2012Возможны случаи хранения файлов, что обращение из одного файла к другому превращается в набор двоеточий,

Слайд 29
21.04.2012



content="text/html; charset=windows-1251">
Добавление рисунков


alt="Это абсолютный адрес размещения изображения">


alt="Адрес размещения изображения относительно корня сайта">


alt="Адрес размещения изображения относительно текущего HTML-документа">




21.04.2012 Добавление рисунков

Слайд 30
Альтернативный текст
21.04.2012
Альтернативный текст позволяет получить текстовую информацию о рисунке при

отключенном в браузере показе картинок или во время их загрузки.

Такой текст появляется раньше самого изображения и дает представление об его содержании. Затем зарезервированное пустое поле заменяется картинкой.
Альтернативный текст21.04.2012Альтернативный текст позволяет получить текстовую информацию о рисунке при отключенном в браузере показе картинок или во

Слайд 31
Добавление рисунка
21.04.2012
Некоторые браузеры также отображают альтернативный текст в виде

подсказки, появляющейся при наведении курсора мыши на изображение.
Для создания

альтернативного текста используется параметр alt тега

Возврат на главную страницу

Добавление рисунка 21.04.2012Некоторые браузеры также отображают альтернативный текст в виде подсказки, появляющейся при наведении курсора мыши на

Слайд 32
Добавление альтернативного текста
21.04.2012




Альтернативный текст


href="/index.html">Возврат на главную страницу




Текст в параметре alt обязательно должен быть взят в кавычки.
Добавление альтернативного текста21.04.2012 Альтернативный текст Текст в параметре alt обязательно должен быть

Слайд 33
Всплывающая подсказка
21.04.2012



http-equiv="Content-Type" content="text/html; charset=windows-1251">
Параметр title


href="/index.html"> alt="Вернуться на главную страницу" title="Главная страница">





Всплывающая подсказка21.04.2012 Параметр title

Слайд 34
Изменение размеров рисунка
21.04.2012
Для изменения размеров рисунка средствами HTML у

тега предусмотрены параметры width (ширина) и height (высота). В

качестве значения используются пикселы, при этом аргументы должны совпадать с физическими размерами картинки. Так, ниже показано изображение, которое имеет размеры 100х111 пикселов.




Размеры изображения


Винни-Пух




Изменение размеров рисунка 21.04.2012Для изменения размеров рисунка средствами HTML у тега предусмотрены параметры width (ширина) и height

Слайд 35
Таблицы
21.04.2012
Благодаря универсальности таблиц, большому числу параметров, управляющих их видом, таблицы

стали определенным стандартом для верстки Веб-страниц.
Таблица с невидимой границей

представляет собой словно модульную сетку. В ее блоках которой удобно размещать элементы Веб-страницы.

В настоящее время на смену таблицам при верстке сайтов пришли слои. Пока слои используются редко, но наметилась тенденция .
Таблицы применяются для размещения табличных данных, а слои — для верстки и оформления.
Таблицы21.04.2012Благодаря универсальности таблиц, большому числу параметров, управляющих их видом, таблицы стали определенным стандартом для верстки Веб-страниц. Таблица

Слайд 36
Создание таблиц
21.04.2012
Таблица состоит из строк и столбцов ячеек. Они могут

содержать текст и рисунки.
Таблицы используются для упорядочения и представления

данных.
C их помощью удобно верстать макеты страниц, располагая нужным образом фрагменты текста и изображений.
Для добавления таблицы на Веб-страницу используется тег . Он служит контейнером для элементов, определяющих содержимое таблицы.
Таблица состоит из строк и ячеек. Они задаются с помощью тегов и












. В таблице должна быть хотя бы одна ячейка. Можно вместо тега использовать тег . Текст в ячейке, оформленной с помощью тега , отображается браузером шрифтом жирного начертания и выравнивается по центру ячейки. В остальном, разницы между ячейками, созданными через теги и  нет.
Создание таблиц21.04.2012Таблица состоит из строк и столбцов ячеек. Они могут содержать текст и рисунки. Таблицы используются для

Слайд 37
Создание таблиц
21.04.2012
Таблица состоит из строк и столбцов ячеек. Они могут

содержать текст и рисунки.
Таблицы используются для упорядочения и представления

данных.
C их помощью удобно верстать макеты страниц, располагая нужным образом фрагменты текста и изображений.
Для добавления таблицы на Веб-страницу используется тег . Он служит контейнером для элементов, определяющих содержимое таблицы.
Таблица состоит из строк и ячеек. Они задаются с помощью тегов и , , , или . Толщина границы указывается с помощью параметра border.
WIDTH. Задает ширину таблицы. Если общая ширина содержимого превышает указанную ширину таблицы, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. Если это невозможно (в таблице находятся изображения), параметр width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого. Как и высота, если ширина явно не указана, то она будет вычисляться на основе содержимого таблицы.

Параметры тега 21.04.2012RULES. Сообщает браузеру, где отображать границы между ячейками. По умолчанию рамка рисуется вокруг каждой ячейки,

Слайд 41
Параметры тега
21.04.2012
Параметры тега
Каждая ячейка таблицы, задаваемая через тег

, тоже имеет свои параметры. Некоторые совпадает с параметрами тега

. В таблиеа должна быть хотя бы одна ячейка. Можно вместо тега использовать тег . Текст в ячейке, оформленной с помощью тега , отображается браузером шрифтом жирного начертания и выравнивается по центру ячейки. В остальном, разницы между ячейками, созданными через теги и  нет. (12.1.htm).
Создание таблиц21.04.2012Таблица состоит из строк и столбцов ячеек. Они могут содержать текст и рисунки. Таблицы используются для

Слайд 38
Параметры тега
21.04.2012
Гибкость и универсальность таблиц обеспечивается обилем параметров тегов

, и .
ALIGN
Задает выравнивание таблицы по краю окна браузера.

Допустимые значения:
left — выравнивание таблицы по левому краю,
center — по центру и
right — по правому краю.
Когда используются аргументы left и right, текст начинает обтекать таблицу сбоку и снизу.
BGCOLOR
Устанавливает цвет фона таблицы.
BORDER
Устанавливает толщину границ в пикселах. Границы отображается вокруг таблицы и между ячейками.

Параметры тега 21.04.2012Гибкость и универсальность таблиц обеспечивается обилем параметров тегов , и .ALIGNЗадает выравнивание таблицы по краю

Слайд 39Параметры тега
21.04.2012
CELLPADDING
Определяет расстояние между границей ячейки и ее содержимым.

Он добавляет пустое пространство к ячейке, увеличивая ее размеры. Без

cellpadding текст в таблице «налипает» на рамку и снижает восприятие. Добавление cellpadding улучшает читабельность текста. Этот параметр не имеет особого значения, но помогает , когда требуется установить пустой промежуток между ячейками.
CELLSPACING
Задает расстояние между внешними границами ячеек. Если установлен параметр border, толщина границы принимается в расчет и входит в общее значение.
Параметр COLS указывает количество столбцов в таблице. Он помогает браузеру в подготовке к ее отображению. Без него таблица будет показана тогда, когда все ее содержимое будет загружено в браузер и проанализировано.
Параметры тега 21.04.2012CELLPADDINGОпределяет расстояние между границей ячейки и ее содержимым. Он добавляет пустое пространство к ячейке, увеличивая

Слайд 40
Параметры тега
21.04.2012
RULES. Сообщает браузеру, где отображать границы между ячейками.

По умолчанию рамка рисуется вокруг каждой ячейки, образуя тем самым

сетку. В дополнение можно указать отображать линии между колонками (значение cols), строками (rows) или группами (groups), которые определяются наличием тегов
.
ALIGN задает выравнивание содержимого ячейки по горизонтали. Возможные значения: left —- выравнивание по левому краю, center — по центру и right — по правому краю ячейки.
BGCOLOR Устанавливает цвет фона ячейки. Используя этот параметр совместно с атрибутом bgcolor тега
можно получить разнообразные цветовые эффекты в таблице.
COLSPAN
Устанавливает число ячеек, которые должны быть объединены по горизонтали. Этот параметр имеет смысл для таблиц, состоящих из нескольких строк.

Параметры тега 21.04.2012Параметры тега Каждая ячейка таблицы, задаваемая через тег , тоже имеет свои параметры. Некоторые совпадает

Слайд 42
Параметры тега
21.04.2012
Здесь содержатся две строки и две колонки. верхние

горизонталь-ные ячейки объединены с помощью параметра colspan.
На нижнем рисунке

применяется вертикальное объединение ячеек
Параметры тега 21.04.2012Здесь содержатся две строки и две колонки. верхние горизонталь-ные ячейки объединены с помощью параметра colspan.

Слайд 43
Параметры тега
21.04.2012
HEIGHT
Браузер сам устанавливает высоту таблицы и ее ячеек

исходя из их содержимого. Однако при использовании параметра height высота

ячеек будет изменена. Здесь возможны два варианта. Если значение height меньше, чем содержимое ячейки, то этот параметр будет проигнорирован. Если высота ячейки, превышающает ее содержимое, добавляется пустое пространство по вертикали.
ROWSPAN
Устанавливает число ячеек, которые должны быть объединены по вертикали. Этот параметр имеет смысл для таблиц, состоящих из нескольких строк.
WIDTH
Задает ширину ячейки. Суммарное значение ширины всех ячеек может превышать общую ширину таблицы только в том случае, если содержимое ячейки превышает указанную ширину.
Параметры тега 21.04.2012HEIGHTБраузер сам устанавливает высоту таблицы и ее ячеек исходя из их содержимого. Однако при использовании

Слайд 44
Параметры тега
21.04.2012
VALIGN
Устанавливает вертикальное выравнивание содержимого ячейки. По умолчанию содержимое

ячейки располагается по ее вертикали в центре. Возможные значения:
top —

выравнивание по верхнему краю строки,
middle — выравнивание по середине,
bottom — выравнивание по нижнему краю,
baseline — выравнивание по базовой линии, при этом происходит привязка содержимого ячейки к одной линии.
Параметры тега 21.04.2012VALIGNУстанавливает вертикальное выравнивание содержимого ячейки. По умолчанию содержимое ячейки располагается по ее вертикали в центре.

Слайд 45
Параметры тега
21.04.2012
Особенности таблиц
У каждого параметра таблицы есть свое значение

установленное по умолчанию. Это означает, что если какой-то атрибут пропущен,

то неявно он все равно присутствует, и с некоторым значением. Из-за этого вид таблицы может оказаться совсем другим, нежели предполагал разработчик. Чтобы знать, что можно ожидать от таблиц, нужно знать их явные и неявные особенности.
Можно одну таблицу помещать внутрь ячейки другой таблицы. Это требуется для представления сложных данных или тогда, когда одна таблица выступает в роли модульной сетки, а вторая, внутри нее, как обычная таблица.
Размеры таблицы изначально не установлены и вычисляются на основе содержимого ячеек. Например, общая ширина определяется автоматически исходя из суммарной ширины содержимого ячеек плюс ширина границ между ячейками.
Параметры тега 21.04.2012Особенности таблицУ каждого параметра таблицы есть свое значение установленное по умолчанию. Это означает, что если

Слайд 46
Параметры тега
21.04.2012
Особенности таблиц
Поля вокруг содержимого, устанавливаемые через параметр cellpadding

и расстояние между ячейками, которые определяются значением cellspacing.
Если для

таблицы задана ее ширина в процентах или пикселах, то содержимое таблицы подстраивается под указанные размеры. Браузер автоматически добавляет переносы строк в текст, чтобы он полностью поместился в ячейку, и при этом ширина таблицы осталась без изменений. Иногда ширину содержимого ячейки невозможно изменить, когда работают с рисунками. Тогда ширина таблицы увеличивается, несмотря на указанные размеры.
Пока таблица не загрузится полностью, ее содержимое не начнет отображаться. Браузер, прежде чем показать содержимое таблицы, должен вычислить необходимые размеры ячеек, их ширину и высоту. Но для этого необходимо знать, что в этих ячейках находится. Поэтому браузер и ожидает, пока загрузится все, что находится в ячейках, и только потом отображает таблицу.
Параметры тега 21.04.2012Особенности таблицПоля вокруг содержимого, устанавливаемые через параметр cellpadding и расстояние между ячейками, которые определяются значением

Слайд 47
Параметры тега
21.04.2012
Выравнивание таблиц
Чтобы выравнить таблицы по центру веб-страницы или

по одному из ее краев используют параметр align тега .

Результат будет заметен только в том случае, если ширина таблицы не занимает всю доступную область, т.е. меньше, чем 100%. На самом деле align не только устанавливает выравнивание, но и заставляет текст обтекать таблицу с других сторон аналогично поведению тега .
Параметры тега 21.04.2012Выравнивание таблицЧтобы выравнить таблицы по центру веб-страницы или по одному из ее краев используют параметр

Слайд 48
Параметры тега
21.04.2012
Выравнивание таблиц
По умолчанию таблица формируется в виде сетки,

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

Такой вариант вполне подходит для формирования простых таблиц, но совершенно не годится для тех случаев, когда предстоит сделать сложную таблицу. В подобных ситуациях применяются два основных метода:
объединение ячеек и
вложенные таблицы.
Параметры тега 21.04.2012Выравнивание таблицПо умолчанию таблица формируется в виде сетки, при этом в каждой строке таблицы содержится

Слайд 49
Параметры тега
21.04.2012
Объединение ячеек
Для объединения двух и более ячеек в

одну используется параметр colspan тега . Он устанавливает, сколько ячеек

следует объединить по горизонтали. Аналогично работает и параметр rowspan, с тем лишь отличием, что объединяет ячейки по вертикали. Перед добавлением атрибутов проверьте число ячеек в каждой строке, чтобы не возникло ошибок. Так,
. Если число ячеек в каждой строке не будет совпадать, появятся пустые фантомные ячейки. В листинге приведен хотя и валидный, но неверный код, в котором как раз проявляется подобная ошибка.

Параметры тега 21.04.2012Объединение ячеекДля объединения двух и более ячеек в одну используется параметр colspan тега . Он

Слайд 50
Параметры тега
21.04.2012



Неправильное использование параметра colspan



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









Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4



Параметры тега 21.04.2012 Неправильное использование параметра colspan Ячейка

Слайд 51
Параметры тега
21.04.2012



Неправильное использование параметра colspan












Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4



В первой строке примера задано три ячейки, две из них объединены с помощью параметра colpsan, а во второй строке добавлено только две ячейки. Из-за этого возникает дополнительная ячейка, которая отображается в браузере.

Параметры тега 21.04.2012 Неправильное использование параметра colspan Ячейка

Слайд 52
Параметры тега
21.04.2012




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


cellpadding="4" cellspacing="0">
Браузер Internet Explorer Opera Firefox
6.07.07.08.09.01.02.0
Поддерживается НетДаНетДаДаДаДа



Здесь показано правильное использова-ние параметров colspan и rowspan

Параметры тега 21.04.2012 Объединение ячеек Браузер Internet Explorer

Слайд 53
Параметры тега
21.04.2012
В этой таблице установлено восемь колонок и три

строки. Часть ячеек с надписями «Internet Explorer» , «Opera» и

«Firefox» объединены где по две, а где и по три ячейки.
В ячейке с надписью «Браузер» применено объединение по вертикали.
Параметры тега 21.04.2012В этой таблице установлено восемь колонок и три строки. Часть ячеек с надписями «Internet Explorer»

Слайд 54
Параметры тега
21.04.2012
Вложенные таблицы
Объединение ячеек имеет некоторые недостатки, поэтому этот

метод создания таблиц нельзя использовать повсеместно. Рассмотрим следующий листинг, где

задается высота ячейки с помощью параметра height.
Параметры тега 21.04.2012Вложенные таблицыОбъединение ячеек имеет некоторые недостатки, поэтому этот метод создания таблиц нельзя использовать повсеместно. Рассмотрим

Слайд 55
Параметры тега
21.04.2012



Выравнивание таблицы

width="50" bgcolor="#c0c0c0" cellspacing="0" cellpadding="5" border="1" align="right">
Содержимое таблицы

Для задания выравнивания таблицы по центру веб-страницы или по одному из ее краев предназначен параметр align тега table. . . . таблицы.




Параметры тега 21.04.2012 Выравнивание таблицы Содержимое таблицы Для задания выравнивания таблицы

Слайд 5621/04/2012
Параметры тега
Вложенные таблицы
Левая нижняя ячейка согласно коду HTML имеет

высоту 40 пикселов, но поскольку высота содержимого правой колонки больше,

чем содержимое левой колонки, то высота ячейки меняется. Получается, что параметр height в данном случае игнорируется. Некоторые браузеры могут отображать сложные таблицы с ошибками. Это может выражаться в тех таблицах, где явно устанавливается высота ячеек и их объединение по вертикали. Для упрощения верстки применяется прием с вложенными таблицами.
Идея проста — в ячейку вкладывается еще одна таблица со своими параметрами. Поскольку эти таблицы в каком-то смысле независимы, то можно создавать довольно различные конструкции. Чтобы вложенная таблица занимала всю ширину ячейки, таблице надо задать ширину 100%.
21/04/2012Параметры тега Вложенные таблицыЛевая нижняя ячейка согласно коду HTML имеет высоту 40 пикселов, но поскольку высота содержимого

Слайд 5721/04/2012
Параметры тега
В данном макете с помощью таблицы создается две

колонки, причем левая колонка имеет фиксированную ширину 150 пикселов. Чтобы

создать подобие навигации, внутрь ячейки добавлена еще одна таблица с шириной 100%.
Как видно из рисунка, если не задавать границы, то определить наличие таблиц по виду Веб-страницы довольно сложно. Поэтому таблицы активно применяются для верстки сложных макетов.
21/04/2012Параметры тега В данном макете с помощью таблицы создается две колонки, причем левая колонка имеет фиксированную ширину

Слайд 5821/04/2012
Параметры тега
Заголовок таблицы
При большом количестве таблиц на странице

каждой из них удобно задать заголовок, содержащий название таблицы и

ее описание. Для этой цели в HTML существует специальный тег , который устанавливает текст и его положение относительно таблицы. Проще всего размещать текст по центру таблицы сверху или снизу от нее, в остальных случаях браузеры по разному интерпретируют параметры тега , из-за чего результат получается неодинаковый. По умолчанию заголовок помещается сверху таблицы по центру, его ширина не превышает ширины таблицы и в случае длинного текста он автоматически переносится на новую строку. Для изменения положения заголовка у тега существует параметр align, который может принимать следующие значения.
21/04/2012Параметры тега Заголовок таблицы При большом количестве таблиц на странице каждой из них удобно задать заголовок, содержащий

Слайд 5921/04/2012
Параметры тега
Заголовок таблицы
left — выравнивает заголовок по левому

краю таблицы. Текст выравнивается по левому краю таблицы.
right —

заголовок располагается сверху таблицы и выравнивается по правому краю таблицы. Firefox отображает заголовок справа от таблицы.
center — заголовок располагается сверху таблицы по ее центру. Такое расположение задано в браузерах по умолчанию.
top — результат аналогичен действию параметра center, но в отличие от него входит в спецификацию HTML 4 и понимается всеми браузерами.
bottom — заголовок размещается внизу таблицы по ее центру.
В листинге 12.7 показано, как установить заголовок сверху таблицы. Обратите внимание, что тег находится внутри контейнера , это его стандартное местоположение.

21/04/2012Параметры тега Заголовок таблицы left — выравнивает заголовок по левому краю таблицы. Текст выравнивается по левому краю

Слайд 6021/04/2012
Параметры тега

21/04/2012Параметры тега

Слайд 6121/04/2012

21/04/2012

Слайд 62
Создание фреймов

21.04.2012
Для создания фрейма используется тег , который заменяет

тег в документе и применяется для разделения экрана на

области. Внутри данного тега находятся теги , которые указывают на HTML-документ, предназначенный для загрузки в область.

Пример разделения окна браузера на два фрейма

Создание фреймов 21.04.2012Для создания фрейма используется тег , который заменяет тег в документе и применяется для разделения

Слайд 63
Создание фреймов
21.04.2012
При использовании фреймов необходимо как минимум три HTML-файла:
первый

определяет фреймовую структуру и делит окно браузера на две части,

а оставшиеся два документа загружаются в заданные окна. Количество фреймов не обязательно равно двум, может быть и больше, но никак не меньше двух, иначе вообще теряется смысл применения фреймов.
index.html — определяет структуру документа,
menu.html — загружается в левый фрейм и
content.html — загружается в правый фрейм.
Создание фреймов21.04.2012При использовании фреймов необходимо как минимум три HTML-файла: первый определяет фреймовую структуру и делит окно браузера

Слайд 64
Создание фреймов
21.04.2012




Фреймы

 

src="/menu.html" name="MENU">  



В первой строке кода указывают браузеру, что он имеет дело с фреймами, эта строка кода является обязательной. Контейнер содержит типовую информацию вроде кодировки страницы и заголовка документа.
Создание фреймов21.04.2012 Фреймы     В первой строке кода указывают браузеру, что он имеет

Слайд 65
Создание фреймов
21.04.2012
Здесь окно браузера разбивается на две колонки с помощью

параметра cols, левая колонка занимает 100 пикселов, а правая — оставшееся

пространство, заданное символом звездочки.
Ширину или высоту фреймов можно также задавать в процентном отношении, наподобие таблиц.
В теге задается имя HTML-файла, загружаемого в указанную область с помощью параметра src.
В левое окно будет загружен файл, названный menu.html, а
в правое — content.html.
Каждому фрейму желательно задать его уникальное имя, чтобы документы можно было загружать в указанное окно с помощью параметра name.
Создание фреймов21.04.2012Здесь окно браузера разбивается на две колонки с помощью параметра cols, левая колонка занимает 100 пикселов,

Слайд 66
Файл menu.html
21.04.2012




Навигация по сайту

#f0f0f0">

МЕНЮ




Файл menu.html 21.04.2012 Навигация по сайту МЕНЮ

Слайд 67
Файл content.html
21.04.2012




Содержание сайта


СОДЕРЖАНИЕ


Файл content.html 21.04.2012 Содержание сайта СОДЕРЖАНИЕ

Слайд 68
Файл с тремя фреймами
21.04.2012

Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">



Фреймы

rows="25%,75%">







Файл с тремя фреймами 21.04.2012 Фреймы

Слайд 69
Файл с тремя фреймами
21.04.2012
Здесь снова используется тег ,

но два раза, причем один тег вкладывается в другой.
Горизонтальное

разбиение создается через параметр rows, где для разнообразия применяется процентная запись.
Файл с тремя фреймами 21.04.2012 Здесь снова используется тег , но два раза, причем один тег вкладывается

Слайд 70
Файл с тремя фреймами
21.04.2012
Из примера видно что, контейнер

с параметром rows вначале создает два горизонтальных фрейма, но

вместо второго фрейма подставляется еще один .
Чтобы не появилась вертикальная полоса прокрутки, и пользователь не мог самостоятельно изменить размер верхнего фрейма, добавлены параметры scrolling="no" и noresize.
Ссылки во фреймах
В обычном HTML-документе при переходе по ссылке, в окне браузера текущий документ заменяется новым.
При использовании фреймов схема загрузки документов отличается от стандартной. Основное отличие — возможность загружать документ в выбранный фрейм из другого. Для этой цели используется параметр target тега . В качестве значения используется имя фрейма, в который будет загружаться документ, указанный параметром name.
Файл с тремя фреймами 21.04.2012 Из примера видно что, контейнер с параметром rows вначале создает два горизонтальных

Слайд 71
Ссылка на другой фрейм
21.04.2012
Файл index.html

PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">


http-equiv="Content-Type" content="text/html; charset=windows-1251">
Фреймы







Ссылка на другой фрейм 21.04.2012Файл index.html Фреймы

Слайд 72
Ссылка на другой фрейм
21.04.2012

Файл menu.html





http-equiv="Content-Type" content="text/html; charset=windows-1251">
Навигация по сайту


Содержание




Ссылка на другой фрейм 21.04.2012 Файл menu.html Навигация по сайту

Слайд 73
Ссылка на другой фрейм
21.04.2012
Здесь фрейму присваивается имя CONTENT.
Чтобы

документ загружался в указанный фрейм, используется параметр target="CONTENT".
Имя фрейма

должно начинаться на цифру или латинскую букву. В качестве зарезервированных имен используются следующие:
_blank — загружает документ в новое окно;
_self — загружает документ в текущий фрейм;
_parent — загружает документ во фрейм, занимаемый родителем, если фрейма-родителя нет параметр действует также, как _top;
_top — отменяет все фреймы и загружает документ в полное окно браузера.
Ссылка на другой фрейм 21.04.2012Здесь фрейму присваивается имя CONTENT. Чтобы документ загружался в указанный фрейм, используется параметр

Слайд 74
Границы между фреймами
21.04.2012
Граница между фреймами отображается по умолчанию и,

как правило, в виде трехмерной линии.
Чтобы ее скрыть используется

параметр frameborder тега со значением 0.
Однако в браузере Opera граница хоть и становится в этом случае бледной, все же остается.
Для этого браузера требуется добавить параметр framespacing="0".
Таким образом, комбинируя разные параметры тега , получим универсальный код, который работает во всех браузерах.
Если граница между фреймами нужна, в браузере она рисуется по умолчанию, без задания каких-либо параметров. Можно, также, задать цвет рамки с помощью параметра bordercolor, который может применяться в тегах и . Цвет указывается по его названию или шестнадцатеричному значению, а толщина линии управляется параметром border.
Границы между фреймами 21.04.2012Граница между фреймами отображается по умолчанию и, как правило, в виде трехмерной линии. Чтобы

Слайд 75
Убираем границу между фреймами
21.04.2012

"http://www.w3.org/TR/html4/frameset.dtd">



Фреймы

frameborder="0" framespacing="0">




Убираем границу между фреймами21.04.2012 Фреймы

Слайд 76
Изменение цвета границ
21.04.2012




Фреймы

border="5">




Изменение цвета границ21.04.2012 Фреймы

Слайд 77
Границы между фреймами
21.04.2012
Параметры bordercolor и border тега также не

являются валидными и не признаются спецификацией HTML.
В данном примере

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

Opera Internet Explorer Firefox

Вид границы между фреймами в разных браузерах

Границы между фреймами21.04.2012Параметры bordercolor и border тега также не являются валидными и не признаются спецификацией HTML. В

Слайд 78
Изменение размеров фреймов
21.04.2012
По умолчанию размеры фреймов можно изменять с

помощью курсора мыши, наведя его на границу между фреймами. Для

блокировки возможности изменения пользователем размера фреймов следует воспользоваться параметром noresize тега
Параметр noresize не требует никаких значений и используется сам по себе. Для случая двух фреймов этот параметр можно указать лишь в одном месте. Естественно, если у одного фрейма нельзя изменять размеры, то у близлежащего к нему размеры тоже меняться не будут.
Параметр noresize не требует никаких значений и используется сам по себе. Для случая двух фреймов этот параметр можно указать лишь в одном месте.
Поскольку у одного фрейма нельзя изменять размеры, то у близлежащего к нему размеры тоже меняться не будут.
Изменение размеров фреймов 21.04.2012По умолчанию размеры фреймов можно изменять с помощью курсора мыши, наведя его на границу

Слайд 79
Запрет на изменение размера фреймов
21.04.2012

4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">



Фреймы






Запрет на изменение размера фреймов 21.04.2012 Фреймы

Слайд 80
Полосы прокрутки
21.04.2012
Если содержимое фрейма не помещается в отведенное окно, автоматически

появляются полосы прокрутки для просмотра информации. В некоторых случаях полосы

прокрутки нарушают дизайн Веб-страницы, поэтому от них можно отказаться.
Для управления отображением полос прокрутки используется параметр scrolling тега .
Он может принимать два основных значения:
yes — всегда вызывает появление полос прокрутки, независимо от объема информации и no — запрещает их появление.
Если параметр scrolling не указан, то полосы прокрутки добавляются браузером только по необходимости, в том случае, когда содержимое фрейма превышает его видимую часть.
При выключенных полосах прокрутки, если информация не помещается в окно фрейма, просмотреть ее будет сложно. Поэтому параметр scrolling="no" следует использовать осторожно.
Полосы прокрутки21.04.2012Если содержимое фрейма не помещается в отведенное окно, автоматически появляются полосы прокрутки для просмотра информации. В

Слайд 81
Плавающие фреймы
21.04.2012
Это - фрейм, который можно добавлять в любое место

Веб-страницы. Другое его название — встроенный фрейм. Он называется так из-за

своей особенности встраиваться прямо в тело Веб-страницы.

Плавающий фрейм на Веб-странице.
В него можно загружать HTML-документ и прокручивать его содержимое независимо от остального материала на странице. Размеры фрейма устанавливаются самостоятельно согласно дизайну сайта или собственных предпочтений.

Плавающие фреймы21.04.2012Это - фрейм, который можно добавлять в любое место Веб-страницы. Другое его название — встроенный фрейм. Он

Слайд 82
Плавающие фреймы
21.04.2012




Плавающий фрейм


target="color">RGB |
CMYK |
HSB





Плавающие фреймы21.04.2012 Плавающий фрейм RGB | CMYK | HSB

Слайд 83
Плавающие фреймы
21.04.2012
Здесь ширина и высота фрейма устанавливается через параметры width

и height. Сам загружаемый во фрейм файл называется rgb.html.
Если

содержимое не помещается целиком в отведенную область, появляются полосы прокрутки.
Другое удобство плавающих фреймов состоит в том, что в него можно загружать документы по ссылке.
Для этого требуется задать имя фрейма через параметр name, а в теге указать это же имя в параметре target.
Мы добавили несколько ссылок. Они открываются во фрейме с именем color.

Плавающие фреймы21.04.2012Здесь ширина и высота фрейма устанавливается через параметры width и height. Сам загружаемый во фрейм файл

Слайд 8421/04/2012

21/04/2012

Слайд 8521/04/2012

21/04/2012

Слайд 86
21.04.2012
Лекция окончена! Благодарю за внимание! Ваши вопросы.
Молородов Юрий Иванович
yumo@ict.nsc.ru
ftp://pine.ict.nsc.ru/pub/tmp/SibGUTI_Lec

21.04.2012Лекция окончена! Благодарю за внимание! Ваши вопросы.Молородов Юрий Ивановичyumo@ict.nsc.ruftp://pine.ict.nsc.ru/pub/tmp/SibGUTI_Lec

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

Старооскольский край – территория управления здоровьем Старооскольский край – территория управления здоровьем 202
Схема движения автотранспорта по пропускам VIP и Пресса Турнира по ВТИ Схема движения автотранспорта по пропускам VIP и Пресса Турнира по ВТИ 212
с восемнадцатилетием Сестра с восемнадцатилетием Сестра 188
Лекция 1. Клиническая психология как самостоятельная наука Лекция 1. Клиническая психология как самостоятельная наука 204
Тест Тест "4 ноября - День народного единства" 310
Людмила Стефановна Петрушевская Людмила Стефановна Петрушевская 289
Содержание образования как фундамент формирования базовой культуры личности Содержание образования как фундамент формирования базовой культуры личности 365
Спортивная семья Спортивная семья 221
Фундаментальные отличия высших растений от животных Фундаментальные отличия высших растений от животных 233
Алгебраическая пропедевтика Алгебраическая пропедевтика 315
Занятие 21 МДК.01.02 Программное обеспечение компьютерных сетей 3-курс Занятие 21 МДК.01.02 Программное обеспечение компьютерных сетей 3-курс 150
СССР в первые годы после XX съезда (1956-1957 гг.) Новейшая история СССР в первые годы после XX съезда (1956-1957 гг.) Новейшая история 276
Леопольд Сонди (1893-1986 гг.) Леопольд Сонди (1893-1986 гг.) 197
Военно-патриотический клуб Ратник командир Косырев Николай 2007 - 2010 г.г Военно-патриотический клуб Ратник командир Косырев Николай 2007 - 2010 г.г 249
Патология липидного обмена Патология липидного обмена 666
Философия свободы Бердяева Философия свободы Бердяева 286
DROPS Level 1 DROPS Level 1 332
Операции в языке С Операции в языке С 384
Понятие инновации Понятие инновации 216
Муниципальное бюджетное общеобразовательное учреждение средняя Муниципальное бюджетное общеобразовательное учреждение средняя 146

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

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

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

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

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.

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

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