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

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

Содержание

Существует достаточно много форматов графических документов: 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Пример

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

The problem of evolutionism The problem of evolutionism 172
Экология лесных насекомых Экология лесных насекомых 220
Пародонт ауруларын емдеу: консервативті,хирургиялық, ортопедиялық, Пародонт ауруларын емдеу: консервативті,хирургиялық, ортопедиялық, 513
Взаимная монополия. Роль профсоюзов на рынке труда Взаимная монополия. Роль профсоюзов на рынке труда 499
What is AEGEE? What is AEGEE? 176
Порядок регистрации в ЕСИА Управление информатизации и организации Порядок регистрации в ЕСИА Управление информатизации и организации 202
Песни военных лет Песни военных лет 181
Карагандинский Государственный Медицинский Университет Кафедра УКЦ Тема: Карагандинский Государственный Медицинский Университет Кафедра УКЦ Тема: 258
Муниципальное учреждение дополнительного образования Ветлужский районный дом Муниципальное учреждение дополнительного образования Ветлужский районный дом 170
ё ё 168
Малярчук Наталья Николаевна д-р. пед. наук, к-т. мед. наук заведующий кафедрой Малярчук Наталья Николаевна д-р. пед. наук, к-т. мед. наук заведующий кафедрой 227
Математические модели в маркетинге Воронка продаж Финолог Математические модели в маркетинге Воронка продаж Финолог 284
Краевая сетевая модель горизонтального обучения как системообразующий элемент Краевая сетевая модель горизонтального обучения как системообразующий элемент 236
art magic art magic 252
Развитие информационного общества Лекция 5. 7. Экономические основания Развитие информационного общества Лекция 5. 7. Экономические основания 187
Происхождение и эволюция бактерий-паразитов Происхождение и эволюция бактерий-паразитов 205
Областное государственное образовательное учреждение среднего профессионального Областное государственное образовательное учреждение среднего профессионального 196
Артикуляционная гимнастика выполняется Артикуляционная гимнастика выполняется 189
Освещение жилого дома Освещение жилого дома 599
Игра «Алфавит» Игра «Алфавит» 404

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

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

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

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

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

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

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