Добавить материал и получить бесплатное свидетельство о публикации в СМИ
Эл. №ФС77-60625 от 20.01.2015

Автоматическая выдача свидетельства о публикации в официальном СМИ сразу после добавления материала на сайт - Бесплатно

Добавить свой материал

За каждый опубликованный материал Вы получите бесплатное свидетельство о публикации от проекта «Инфоурок»

(Свидетельство о регистрации СМИ: Эл №ФС77-60625 от 20.01.2015)

Инфоурок / Информатика / Презентации / Методическая разработка к уроку "Графика на Web-страницах "
ВНИМАНИЮ ВСЕХ УЧИТЕЛЕЙ: согласно Федеральному закону № 313-ФЗ все педагоги должны пройти обучение навыкам оказания первой помощи.

Дистанционный курс "Оказание первой помощи детям и взрослым" от проекта "Инфоурок" даёт Вам возможность привести свои знания в соответствие с требованиями закона и получить удостоверение о повышении квалификации установленного образца (180 часов). Начало обучения новой группы: 26 апреля.

Подать заявку на курс
  • Информатика

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

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

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs

Описание презентации по отдельным слайдам:

№ слайда 1 Графика на Web-страницах
Описание слайда:

Графика на Web-страницах

№ слайда 2 JPEG - формат используется для высококачественных полноцветных изображений. 1
Описание слайда:

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

№ слайда 3 Параметры графических файлов, используемых в WWW  Графический файл может нахо
Описание слайда:

Параметры графических файлов, используемых в WWW <img src=“имя файла”> Графический файл может находиться в папке (images), которая расположена в той же папке, что и Web-страница. <img src=“имя папки/имя файла”> Графический файл должен находиться в той же папке, что и Web-страница.

№ слайда 4    рисунки       Web-страница с рисунком
Описание слайда:

<HTML> <HEAD> <TITLE> рисунки</TITLE> </HEAD> <BODY> <H2 ALIGN =“center">Пример рисунка</H2> <img src=“risunok1.jpg"><BR> <img src=“images/risunok2.jpg“> </BODY> </HTML> Web-страница с рисунком

№ слайда 5 Изменение размера изображения
Описание слайда:

Изменение размера изображения <img src=“имя файла” width=“100” height=“auto”> <img src=“имя файла” width=“30%” Ширина рисунка в пикселях Высота рисунка в пикселях Если ширина указана в процентах, то рисунок всегда будет занимать по ширине 30% ширины окна, при этом длину не нужно указывать.

№ слайда 6 ALIGN - выравнивание рисунка в тексте документа: =“left” - рисунок выравнивае
Описание слайда:

ALIGN - выравнивание рисунка в тексте документа: =“left” - рисунок выравнивается влево, свободное пространство справа от рисунка заполняется текстом. =“right” - рисунок выравнивается вправо, свободное пространство слева от рисунка заполняется текстом. Выравнивание рисунка в тексте документа. Параметры тега < IMG >

№ слайда 7 ALIGN - выравнивание рисунка в тексте документа: =“top” - текст выравнивается
Описание слайда:

ALIGN - выравнивание рисунка в тексте документа: =“top” - текст выравнивается по верхнему краю рисунка. =“middle” - текст выравнивается по средней линии рисунка. =“bottom” - текст выравнивается по нижнему краю рисунка. Выравнивание рисунка в тексте документа. Параметры тега < IMG >

№ слайда 8 Пример выравнивания текста и рисунка.    выравнивание   Первое сентября  Перв
Описание слайда:

Пример выравнивания текста и рисунка. <HTML> <HEAD> <TITLE> выравнивание</TITLE> </HEAD> <BODY> <P><img src= "risunok1.jpg" align= “top”>Первое сентября</P> <P> Первое сентября <img src= "risunok1.jpg" align= “middle”></P> <P><img src= "risunok1.jpg" align= “bottom”>Первое сентября</P> </BODY> </HTML> Просмотреть результат программы

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

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

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

Раздельное выравнивание фрагментов текста относительно рисунка. <HTML> <HEAD> <TITLE> выравнивание</TITLE> </HEAD> <BODY> <center><h1>Посетите наш зоопарк</h1></center> <P><img src= "risunok1.jpg" align= “left”><I>Мы благодарны за спонсорскую помощь Обществу рыболовов и охотников нашего города</I><BR>Мир хищных птиц<BR CLEAR=“left”>В нашем зоопарке недавно появилась пара белоголовых орлов из Северной Америки. Вы также можете полюбоваться на птенцов, которые на прошлой неделе появились в семье грифов</P> </BODY> </HTML> Просмотреть результат программы

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

<P><img src= "risunok1.jpg " HSPACE= "30" VSPACE= "20 " align="left" > Мы благодарны за спонсорскую помощь Обществу рыболовов и охотников нашего города. В нашем зоопарке недавно появилась пара белоголовых орлов из Северной Америки. Вы также можете полюбоваться на птенцов, которые на прошлой неделе появились в семье грифов</P> Отступы текста относительно рисунка. Отступ сбоку Отступ снизу Результат программы

№ слайда 12 Использование рисунков в качестве маркеров списка.  Пункт 1 Пункт 2 Пункт 3
Описание слайда:

Использование рисунков в качестве маркеров списка. <UL> <BR><img src= "risunok1.jpg" align= " middle " HSPACE= "20" VSPACE= "20" >Пункт 1 <BR><img src= "risunok1.jpg" align= " middle " HSPACE= "20" VSPACE= "20" >Пункт 2 <BR><img src= "risunok1.jpg" align= " middle " HSPACE= "20" VSPACE= "20" >Пункт 3 </UL> Результат программы Рисунки должны быть небольшими (20 х 20 пикселей)

№ слайда 13
Описание слайда:

Краткое описание документа:

Тема 5 из методического пособия, разработанного мною, к элективному курсу по информатике "Создаём свой сайт".

Все темы элективного курса "Создаём свой сайт":

1. "Создание Web-страниц средствами языка HTML"

2. "Использование цветов в языке HTML"

3. "Создание списков"

4. "Таблицы"

5. "Графика на Web-страницах "

6. "Создание гиперссылок"

7. "Создание WEB-страниц с рамками"

Автор
Дата добавления 22.11.2015
Раздел Информатика
Подраздел Презентации
Просмотров150
Номер материала ДВ-179748
Получить свидетельство о публикации

"Инфоурок" приглашает всех педагогов и детей к участию в самой массовой интернет-олимпиаде «Весна 2017» с рекордно низкой оплатой за одного ученика - всего 45 рублей

В олимпиадах "Инфоурок" лучшие условия для учителей и учеников:

1. невероятно низкий размер орг.взноса — всего 58 рублей, из которых 13 рублей остаётся учителю на компенсацию расходов;
2. подходящие по сложности для большинства учеников задания;
3. призовой фонд 1.000.000 рублей для самых активных учителей;
4. официальные наградные документы для учителей бесплатно(от организатора - ООО "Инфоурок" - имеющего образовательную лицензию и свидетельство СМИ) - при участии от 10 учеников
5. бесплатный доступ ко всем видеоурокам проекта "Инфоурок";
6. легко подать заявку, не нужно отправлять ответы в бумажном виде;
7. родителям всех учеников - благодарственные письма от «Инфоурок».
и многое другое...

Подайте заявку сейчас - https://infourok.ru/konkurs


Выберите специальность, которую Вы хотите получить:

Обучение проходит дистанционно на сайте проекта "Инфоурок".
По итогам обучения слушателям выдаются печатные дипломы установленного образца.

ПЕРЕЙТИ В КАТАЛОГ КУРСОВ


Идёт приём заявок на международный конкурс по математике "Весенний марафон" для учеников 1-11 классов и дошкольников

Уникальность конкурса в преимуществах для учителей и учеников:

1. Задания подходят для учеников с любым уровнем знаний;
2. Бесплатные наградные документы для учителей;
3. Невероятно низкий орг.взнос - всего 38 рублей;
4. Публикация рейтинга классов по итогам конкурса;
и многое другое...

Подайте заявку сейчас - https://urokimatematiki.ru

Похожие материалы

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