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

Создание веб-сайтов

Содержание

Форматы рисунковGIF (Graphic Interchange Format)сжатие без потерь (LZW)прозрачные областианимациятолько с палитрой (2…256 цветов)рисунки с четкими границами, мелкие рисункиJPEG (Joint Photographer Expert Group)сжатие с потерямитолько True Color (16,7 млн. цветов)нет анимации и

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

Слайд 1Создание веб-сайтов
§ 27. Рисунки

Создание веб-сайтов§ 27. Рисунки

Слайд 2Форматы рисунков
GIF (Graphic Interchange Format)
сжатие без потерь (LZW)
прозрачные области
анимация
только с

палитрой (2…256 цветов)
рисунки с четкими границами, мелкие рисунки
JPEG (Joint Photographer

Expert Group)
сжатие с потерями
только True Color (16,7 млн. цветов)
нет анимации и прозрачности
рисунки с размытыми границами, фото

PNG (Portable Network Graphic)
сжатие без потерь
с палитрой (PNG-8) и True Color (PNG-24)
прозрачность и полупрозрачность (альфа-канал)
нет анимации
плохо сжимает мелкие рисунки

Форматы рисунковGIF (Graphic Interchange Format)сжатие без потерь (LZW)прозрачные областианимациятолько с палитрой (2…256 цветов)рисунки с четкими границами, мелкие

Слайд 3Форматы рисунков
SVG (Scalable Vector Graphics, масштабируемые

векторные изображения)


stroke-width="1" stroke="rgb(0,0,0)"
fill="rgb(255,255,255)"/>
stroke-width="1" stroke="rgb(0,0,0)"
fill="rgb(0,0,255)"/>
stroke-width="1" stroke="rgb(0,0,0)"
fill="rgb(255,0,0)"/>

Форматы рисунковSVG (Scalable Vector Graphics, масштабируемые векторные изображения)

Слайд 4Рисунки в документе




из той же папки:
из другой папки:
с другого сервера:
image (изображение)
source (источник)

Рисунки в документе из той же папки:из другой папки:с другого сервера:image (изображение) source (источник)

Слайд 5Выравнивание

left
right
top
bottom
(по умолчанию)
middle

Выравнивание leftrighttopbottom(по умолчанию)middle

Слайд 6Отступы

align="left" hspace="10" vspace="10">
vspace
(vertical space)
hspace
(horizontal

space)
Отступы vspace(vertical space)hspace(horizontal space)

Слайд 7Другие атрибуты

width="800"
height="600">
надпись на месте рисунка, если

его нет

размеры позволяют:
растянуть – сжать
не портить дизайн, если рисунка нет

всплывающая подсказка

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

Слайд 8Рисунок-гиперссылка



src="night.jpg" border="0">

локальная ссылка:
ссылка на другой сервер:
иначе будет синяя рамка вокруг
если

не вплотную к , будет «хвост»

не будет «хвоста»

Рисунок-гиперссылкалокальная ссылка:ссылка на другой сервер:иначе будет синяя рамка вокругесли не вплотную к , будет «хвост»не будет «хвоста»

Слайд 9Вставка векторных рисунков


align="left">

тип нестандартных данных
имя файла
размеры
выравнивание

Вставка векторных рисунковтип нестандартных данныхимя файларазмерывыравнивание

Слайд 10Фоновый рисунок
body {
background: url(grad.jpg);
}
body {
background: url(grad.jpg) #EEE;
}
'images/grad.jpg'
'../images/grad.jpg‘
'http://www.vasya.ru/images/grad.jpg'
если

рисунка нет…

Фоновый рисунокbody { background: url(grad.jpg);}body { background: url(grad.jpg) #EEE;}'images/grad.jpg''../images/grad.jpg‘'http://www.vasya.ru/images/grad.jpg' если рисунка нет…

Слайд 11Фоновый рисунок
body{ background: url(grad.jpg) no-repeat; }
body{ background: url(grad.jpg) repeat-y; }
если

рисунок меньше, он повторяется
не повторять
повторять по вертикали

Фоновый рисунокbody{ background: url(grad.jpg) no-repeat; }body{ background: url(grad.jpg) repeat-y; }если рисунок меньше, он повторяетсяне повторятьповторять по вертикали

Слайд 12Фоновый рисунок

Фоновый рисунок

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

Всего зарегистрировано преступлений на территории г. Москвы за январь-декабрь Всего зарегистрировано преступлений на территории г. Москвы за январь-декабрь 142
Информационные системы Тема: Состав и структура информационных систем Информационные системы Тема: Состав и структура информационных систем 227
Дистанционное обучение с учащимися МОАУ СОШ № 79 по программе Дистанционное обучение с учащимися МОАУ СОШ № 79 по программе 160
Рентгенологические стадии поражения суставов при Ревматоидном артрите Рентгенологические стадии поражения суставов при Ревматоидном артрите 200
Основы государства и права 11 класс Урок № 28 Уголовное наказание Основы государства и права 11 класс Урок № 28 Уголовное наказание 210
Product Validation Intern – OpenCL (#732666) Job Description: Intel OpenCL Product Validation Intern – OpenCL (#732666) Job Description: Intel OpenCL 145
Основи здоров ’я Основи здоров ’я 298
Строение электронных оболочек. Объяснение периодической системы Д.И.Менделеева. Строение электронных оболочек. Объяснение периодической системы Д.И.Менделеева. 250
Музей-заповедник Лермонтова Тарханы Музей-заповедник Лермонтова Тарханы 345
18 апреля Тема урока: Доказательства эволюции животных 18 апреля Тема урока: Доказательства эволюции животных 170
Рождественский Роберт Иванович Рождественский Роберт Иванович 283
Презентация создана Мазанько Еленой Ивановной – учителем биологии ГБОУ СОШ №402 Презентация создана Мазанько Еленой Ивановной – учителем биологии ГБОУ СОШ №402 302
100 логических задач … 100 логических задач … 235
Презентация вторая полина 20 века Презентация вторая полина 20 века 309
Система государственного и муниципального управления в сша Система государственного и муниципального управления в сша 333
A crash course in the UK history A crash course in the UK history 221
Решение обыкновенных дифференциальных уравнений Решение обыкновенных дифференциальных уравнений 293
Методы математического моделирования СЭП Методы математического моделирования СЭП 279
Я.Брыль Вышэй за ўсе і перш за ўсё чалавечнасць Я.Брыль Вышэй за ўсе і перш за ўсё чалавечнасць 421
Личность в социуме. Статусы и социальные роли. Проблема социального неравенства Личность в социуме. Статусы и социальные роли. Проблема социального неравенства 210

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

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

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

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

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

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

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