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

Презентация по информатике на тему Графика на Web-странице


  • Информатика

Поделитесь материалом с коллегами:

Тема: «Размещение графики на Web-страницах. Цвета»
закрепить знания форматов тегов и атрибутов языка HTML; сформировать умения и...
А Б Г В Б Г В В А А Тест «Теги HTML»
Параметр COLOR дескриптора  устанавливает цвет текста. COLOR=“#FFFFFF”	 COLOR...
   Цвет текста    Текст зелёного цвета    Текст красного цвета
bgcolor - задаёт цвет фона документа link - задаёт цвет не просмотренной ссыл...
Современные браузеры могут работать с различными форматами изображений, но на...
JPEG - формат используется для высококачественных полноцветных изображений. 1...
Параметры графических файлов, используемых в WWW  Графический файл может нахо...
ALIGN - выравнивание рисунка в тексте документа: =“left” - рисунок выравнивае...
ALIGN - выравнивание рисунка в тексте документа: =“top” - текст выравнивается...
Пример выравнивания текста и рисунка.    выравнивание   Первое сентября  Перв...
Для вставки бегущей строки используйте тег marquee в соответствии с его форма...
1 из 15

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

№ слайда 1 Тема: «Размещение графики на Web-страницах. Цвета»
Описание слайда:

Тема: «Размещение графики на Web-страницах. Цвета»

№ слайда 2 закрепить знания форматов тегов и атрибутов языка HTML; сформировать умения и
Описание слайда:

закрепить знания форматов тегов и атрибутов языка HTML; сформировать умения и навыки вставки графики и анимации в веб-страницу. Цель: 

№ слайда 3 А Б Г В Б Г В В А А Тест «Теги HTML»
Описание слайда:

А Б Г В Б Г В В А А Тест «Теги HTML»

№ слайда 4 Параметр COLOR дескриптора  устанавливает цвет текста. COLOR=“#FFFFFF”	 COLOR
Описание слайда:

Параметр COLOR дескриптора <FONT> устанавливает цвет текста. COLOR=“#FFFFFF” COLOR=“white” белый COLOR=“#008080” COLOR=“teal” бирюзовый COLOR=“#FFFF00” COLOR=“yellow” жёлтый COLOR=“#008000” COLOR=“green” зелёный COLOR=“#FF0000” COLOR=“red” красный COLOR=“#00FF00” COLOR=“lime” лимонный COLOR=“#0000FF” COLOR=“blue” синий COLOR=“#808080” COLOR=“gray” серый COLOR=“#000000” COLOR=“black” чёрный

№ слайда 5    Цвет текста    Текст зелёного цвета    Текст красного цвета
Описание слайда:

<HTML> <HEAD> <TITLE> Цвет текста</TITLE> </HEAD> <BODY> <FONT COLOR = "#008000"> Текст зелёного цвета </FONT> <BR> <FONT COLOR = "red"> Текст красного цвета </FONT> </BODY> </HTML>

№ слайда 6 bgcolor - задаёт цвет фона документа link - задаёт цвет не просмотренной ссыл
Описание слайда:

bgcolor - задаёт цвет фона документа link - задаёт цвет не просмотренной ссылки alink - задаёт цвет активной ссылки vlink - задаёт цвет просмотренной ссылки Text - задаёт цвет текста для всей Web-страницы. Тег <BODY> имеет дополнительные параметры.

№ слайда 7 Современные браузеры могут работать с различными форматами изображений, но на
Описание слайда:

Современные браузеры могут работать с различными форматами изображений, но наиболее предпочтительные – Для фотографий лучше использовать формат JPEG для рисунков и пиктограмм - GIF .GIF .JPG

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

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

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

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

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

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

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

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

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

Пример выравнивания текста и рисунка. <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> Просмотреть результат программы

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

Для вставки бегущей строки используйте тег marquee в соответствии с его форматом: <marquee bgcolor=Yellow scrolldelay=40 direction= right><H1> День влюбленных! </marquee> </H1><BR> bgcolor=Yellow -задает цвет области строки; scrolldelay=40 -задает ширину области строки; direction=right -задает направление движения строки.

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

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


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

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

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