Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


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

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

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

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

Презентация на тему Методическая разработка к уроку Графика на Web-страницах

JPEG - формат используется для высококачественных полноцветных изображений. 16,7 млн цветов. Недостаток: сжатие файла происходит с потерей данных.GIF - распространённый формат, передаёт прозрачность, поддерживает анимацию, сжимает файл без потери данных. Недостаток: использует 256 цветов.PNG - альтернатива форматам GIF и
Графикана Web-страницах JPEG - формат используется для высококачественных полноцветных изображений. 16,7 млн цветов. Недостаток: сжатие Параметры графических файлов,используемых в WWWГрафический файл может находиться в папке (images), которая рисункиWeb-страница с рисунком Изменение размера изображения ALIGN - выравнивание рисунка в тексте документа:=“left” - рисунок выравнивается влево, свободное пространство справа ALIGN - выравнивание рисунка в тексте документа:=“top” - текст выравнивается по верхнему краю рисунка.=“middle” - Пример выравнивания текста и рисунка. выравниваниеПервое сентября Первое сентября Первое сентябряПросмотреть результат программы Результат программыПример выравнивания текста и рисунка. Раздельное выравнивание фрагментов текста относительно рисунка. выравниваниеПосетите наш зоопаркМы благодарны за спонсорскую Результат программыПример выравнивания текста и рисунка. Мы благодарны за спонсорскую помощь Обществу рыболовов и охотников нашего города. Использование рисунков в качестве маркеров списка.Пункт 1Пункт 2Пункт 3Результат программыРисунки должны быть
Слайды презентации

Слайд 2 JPEG - формат используется для высококачественных полноцветных изображений. 16,7

JPEG - формат используется для высококачественных полноцветных изображений. 16,7 млн цветов. Недостаток:

млн цветов. Недостаток: сжатие файла происходит с потерей данных.
GIF -

распространённый формат, передаёт прозрачность, поддерживает анимацию, сжимает файл без потери данных. Недостаток: использует 256 цветов.
PNG - альтернатива форматам GIF и JPEG

Добавление рисунка на Web-страницу


Слайд 3 Параметры графических файлов,
используемых в WWW

Графический

Параметры графических файлов,используемых в WWWГрафический файл может находиться в папке (images),

файл может находиться в папке (images), которая расположена в

той же папке, что и Web-страница.


Графический файл должен находиться в той же папке, что и Web-страница.


Слайд 4

рисунки







Web-страница

рисункиWeb-страница с рисунком

с рисунком


Слайд 5 Изменение размера изображения

Изменение размера изображения

src=“имя файла” width=“30%”
Ширина рисунка
в пикселях
Высота рисунка
в пикселях
Если ширина

указана в процентах, то рисунок всегда будет занимать по ширине 30% ширины окна, при этом длину не нужно указывать.

Слайд 6 ALIGN - выравнивание рисунка в тексте документа:

=“left” - рисунок выравнивается

ALIGN - выравнивание рисунка в тексте документа:=“left” - рисунок выравнивается влево, свободное пространство

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

=“right” - рисунок

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

Выравнивание рисунка в тексте документа.

Параметры тега < IMG >


Слайд 7 ALIGN - выравнивание рисунка в тексте документа:

=“top” - текст выравнивается

ALIGN - выравнивание рисунка в тексте документа:=“top” - текст выравнивается по верхнему краю

по верхнему краю рисунка.

=“middle” - текст выравнивается по средней линии

рисунка.

=“bottom” - текст выравнивается по нижнему краю рисунка.

Выравнивание рисунка в тексте документа.

Параметры тега < IMG >


Слайд 8 Пример выравнивания текста и рисунка.


выравнивание


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

align= “top”>Первое сентября
Первое сентября

“middle”>


Первое сентября




Просмотреть результат программы


Слайд 9 Результат программы
Пример выравнивания текста и рисунка.

Результат программыПример выравнивания текста и рисунка.

Слайд 10 Раздельное выравнивание фрагментов текста относительно рисунка.


выравнивание


Посетите наш

Раздельное выравнивание фрагментов текста относительно рисунка. выравниваниеПосетите наш зоопаркМы благодарны за

зоопарк
Мы благодарны за спонсорскую помощь

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




Просмотреть результат программы


Слайд 11 Результат программы
Пример выравнивания текста и рисунка.

Результат программыПример выравнивания текста и рисунка.

Слайд 12

Мы благодарны за спонсорскую помощь Обществу рыболовов и охотников нашего

" align="left" > Мы благодарны за спонсорскую помощь Обществу

рыболовов и охотников нашего города. В нашем зоопарке недавно появилась пара белоголовых орлов из Северной Америки. Вы также можете полюбоваться на птенцов, которые на прошлой неделе появились в семье грифов


Отступы текста относительно рисунка.

Отступ
сбоку

Отступ
снизу

Результат программы


  • Имя файла: metodicheskaya-razrabotka-k-uroku-grafika-na-web-stranitsah.pptx
  • Количество просмотров: 171
  • Количество скачиваний: 0