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

Оформление рисунков

Содержание

Существует достаточно много форматов графических документов: GIF, BMP, JPEG (JPG), PCX, WMF и др. Однако при оформлении HTML-документа лучше ограничиться двумя: GIF, JPEG, поскольку их понимает большинство современных программ просмотра (Internet

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

Слайд 1Оформление рисунков

Оформление рисунков

Слайд 2Существует достаточно много форматов графических документов: GIF, BMP, JPEG (JPG),

PCX, WMF и др. Однако при оформлении HTML-документа лучше ограничиться

двумя: GIF, JPEG, поскольку их понимает большинство современных программ просмотра (Internet Explorer, Netscape Navigator, Opera и др.).
Для вставки изображения в тело документа используется тег

Этот тег одинарный, он не имеет закрывающего тега. Его основной параметр:
src – путь к файлу с изображением.

Вставка рисунка

Существует достаточно много форматов графических документов: GIF, BMP, JPEG (JPG), PCX, WMF и др. Однако при оформлении

Слайд 3Путь к файлу
Если графический файл «прописан» там же, где HTML

- документ, то можно указать только имя это­го файла:


Если

на том же сервере, но в другом каталоге, то указывается имя каталога и файла:

В случае, когда файл с изображением находится на другом сервере, необходимо указать URL, то есть дать полный адрес:

Путь к файлуЕсли графический файл «прописан» там же, где HTML - документ, то можно указать только имя

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

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

align для тега .
по левому полю (ALIGN=left);
по правому полю (ALIGN=right);

Если вы располагаете изображение внутри пара­графа, то вы можете его выровнять
по верхней границе (ALIGN=top);
по нижней границе (ALIGN=bottom);
по центру (ALIGN=middle).

Обтекание

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

Слайд 7В некоторых случаях возникает необходимость выровнять объект по центру документа,

но либо объект не обладает свойством align, либо значение align=‘center’

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

…

Выравнивание по центру

В некоторых случаях возникает необходимость выровнять объект по центру документа, но либо объект не обладает свойством align,

Слайд 9Графическое изображение может иметь несколько дополнительных параметров:

WIDTH (ширина)
HEIGHT (высота)
Значения данных

параметров задается в пикселах
Например:


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

Графическое изображение может иметь несколько дополнительных параметров:WIDTH (ширина)HEIGHT (высота)Значения данных параметров задается в пикселахНапример: Размеры изображения

Слайд 10Горизонтальный и вертикальный отступ (Hspace, Vspace)
Текст, вплотную прилегающий к изображению,

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

имеется некоторый отступ, зазор.

Например:

- текст обтекающий картинку справа имеет отступ 15пт
Горизонтальный и вертикальный отступ (Hspace, Vspace)Текст, вплотную прилегающий к изображению, выглядит очень некрасиво. Гораздо лучше, когда между

Слайд 11Альтернативный текст
Не очень-то приятно увидеть на месте картинки белое пятно.

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

том месте, где должен находиться пропавший рисунок.

Например:

Фотопанорама. Горный пейзаж
Альтернативный текстНе очень-то приятно увидеть на месте картинки белое пятно. Чтобы избежать таких накладок, используют альтернативный текст,

Слайд 12Таблицы

Таблицы

Слайд 13Для оформления таблиц в документе используется несколько тегов:

…

- начало – конец таблицы

… - начало –

конец строки таблицы

… - начало – конец ячейки

Основные теги

Для оформления таблиц в документе используется несколько тегов: … - начало – конец таблицы … - начало

Слайд 14Параметры тега TABLE
Вместе с тегом table обычно используют параметры:
border –

определение рамки таблицы;
align – выравнивание таблицы в окне браузера;
width –

ширина таблицы (в пикселах или %).
Параметры тега TABLEВместе с тегом table обычно используют параметры:border – определение рамки таблицы;align – выравнивание таблицы в

Слайд 15Простая таблица

Простая таблица

Слайд 16Указание ширины таблицы

Указание ширины таблицы

Слайд 17Тег tr, может иметь параметр align (‘center’, ‘left’, ‘right’), который

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

строки таблицы, если он не отменяется другим параметром внутри ячейки.
Тег td имеет параметры:
align – горизонтальное выравнивание
(‘center’, ‘left’, ‘right’), ;
valign – вертикальное выравнивание
(middle, top, bottom);
bgcolor – цвет фона в ячейке.

Параметры TR и TD

Тег tr, может иметь параметр align (‘center’, ‘left’, ‘right’), который определяет горизонтальное выравнивание текста ячейках и действует

Слайд 19В случае сложной структуры таблицы возникает необходимость горизонтального или вертикального

объединения двух или более ячеек. В этом случае используют следующие

параметры тега :

rowspan – объединение ячеек, находящихся в одном столбце;

colspan - объединение ячеек, находящихся в одной строке.

Сложные таблицы

В случае сложной структуры таблицы возникает необходимость горизонтального или вертикального объединения двух или более ячеек. В этом

Слайд 20Размерность таблицы (без объединения) – 3 х 3
Пример

Размерность таблицы (без объединения) – 3 х 3Пример

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

Мхи Дом. Зад. § 13 Мхи Дом. Зад. § 13 207
Дизайнерское проектирование Дизайнерское проектирование 386
Организация работы органов и учреждений социальной защиты населения и органов Организация работы органов и учреждений социальной защиты населения и органов 391
Экономика строительной отрасли Караваева Наталья Михайловна Кандидат Экономика строительной отрасли Караваева Наталья Михайловна Кандидат 257
ИЗМЕРЕНИЕ ИНФОРМАЦИИ ИЗМЕРЕНИЕ ИНФОРМАЦИИ 184
Федеральное государственное бюджетное образовательное учреждение высшего Федеральное государственное бюджетное образовательное учреждение высшего 225
НАХОДКИ СМЕШАРИКОВ Цель: автоматизация звуков Л, Ль в словах. Дифференциация НАХОДКИ СМЕШАРИКОВ Цель: автоматизация звуков Л, Ль в словах. Дифференциация 214
Круглово, 2020 Они ковали Победу… Труженики тыла времен Великой Круглово, 2020 Они ковали Победу… Труженики тыла времен Великой 200
Сухожильный шов Сухожильный шов 477
Лекция 3. Тема 7. Смена ориентиров и направлений в агропродовольственной Лекция 3. Тема 7. Смена ориентиров и направлений в агропродовольственной 278
Город-герой Севастополь Город-герой Севастополь 242
РАЗДРАЖИТЕЛИ РАЗДРАЖИТЕЛИ 334
Максиминный критерий Вальда Максиминный критерий Вальда 356
Ориентирование в помещении Ориентирование в помещении 262
История появления сахара История появления сахара 393
Урок 13 Объединение Италии Урок 13 Объединение Италии 203
WHO AM I? DESCRIBING PEOPLE Read and match WHO AM I? DESCRIBING PEOPLE Read and match 221
Лекция 3 Лекция 3 227
Экологический опрос Экологический опрос 238
Первые революционные преобразования большевиков Первые революционные преобразования большевиков 452

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

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

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

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

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

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

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