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

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

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

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

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

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

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

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

Презентация на тему "Вставка изображения на веб-страницу" (11 класс)

Выбранный для просмотра документ 2_вставка изображения на веб-страницу.pptx

библиотека
материалов
Урок 2: Вставка изображения на веб-страницу.
УРОК 2 Вставка изображения в документ  Вместо my.jpg мы можем подставить имя...
Атрибуты тега IMG SRC=“…” ALIGN= “…”- выравнивание: Left – картинка будет при...
Атрибуты тега IMG SRC=“…” ALT - краткое описание картинки. Если навести курсо...
 - задает картинку фоном страницы Атрибуты тега IMG SRC=“…”
5 1

Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


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

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

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

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

№ слайда 1 Урок 2: Вставка изображения на веб-страницу.
Описание слайда:

Урок 2: Вставка изображения на веб-страницу.

№ слайда 2 УРОК 2 Вставка изображения в документ  Вместо my.jpg мы можем подставить имя
Описание слайда:

УРОК 2 Вставка изображения в документ <img src="my.jpg"> Вместо my.jpg мы можем подставить имя любой картинки (me.gif, main.png). Самое главное понять, что все расположенное между кавычками - ссылка (путь к картинке). Наш пример говорит о том, что картинка лежит в том же каталоге (директории, папке), в которой лежит и наш документ. Если картинка лежит в поддиректории (в папке, которая лежит в вашей основной папке), то ссылка на неё будет выглядеть так: <img src="my/my.jpg"> Если картинка лежит на уровень выше, а документ находится в поддиректории, то ссылка на неё будет такой: <img src="../my.jpg"> Если картинка лежит на другом сайте, то путь прописывается полностью: <img src="http://www.homepage.ru/my/my.jpg">

№ слайда 3 Атрибуты тега IMG SRC=“…” ALIGN= “…”- выравнивание: Left – картинка будет при
Описание слайда:

Атрибуты тега IMG SRC=“…” ALIGN= “…”- выравнивание: Left – картинка будет прижата к левому краю, текст обтекает ее справа Right – картинка прижата к правому краю, текст обтекает слева Bottom – текст располагается внизу картинки Middle – текст располагается посередине Top – текст располагается вверху VSPACE - задает расстояние между текстом и рисунком (по вертикали). Расстояние задается в пикселях. HSPACE - задает расстояние между текстом и рисунком по горизонтали. Расстояние задается в пикселях.

№ слайда 4 Атрибуты тега IMG SRC=“…” ALT - краткое описание картинки. Если навести курсо
Описание слайда:

Атрибуты тега IMG SRC=“…” ALT - краткое описание картинки. Если навести курсором мыши на рисунок, и так подержать его (курсор) несколько секунд, выскочит описание картинки. WIDTH - ширина самой картинки (в пикселях). Если ширину не задавать специально, то по умолчанию она будет равна реальной ширине картинки (а так вы можете ее сделать или уже, или шире). HEIGHT - высота самой картинки (тоже в пикселях BORDER - рамка вокруг самой картинки (в пикселях). Можно не задавать. Однако, по умолчанию, рамка вокруг картинки есть всегда. И если вы хотите убрать ее, то выставляйте атрибут border равным нулю. <body text="#336699" background="ваш_фон.jpg"> - задает картинку фоном страницы

№ слайда 5  - задает картинку фоном страницы Атрибуты тега IMG SRC=“…”
Описание слайда:

<body text="#336699" background="ваш_фон.jpg"> - задает картинку фоном страницы Атрибуты тега IMG SRC=“…”

Выбранный для просмотра документ Практическая работа 2 вставка изображения.docx

библиотека
материалов

Практическая работа №2

"Работа с изображением на веб-странице"

1. Напишите в Блокноте следующий текст.

<html>
<head>
<title>Мой первый шаг title>
< /head>
<bodytext="#336699" bgcolor="#000000">
<divalign="center">Rambler's Top100
<H3>Здравствуйте, это моя первая страница.H3>
<br>
<fontcolor="#CC0000"> Добро пожаловать!font>:) div>
<palign="justify">
<imgsrc="primtocodephoto.gif" align="left" HSPACE=30 VSPACE=5 alt="моя фотография"> Я совсем недавно начал(а) знакомиться с виртуальной жизнью, но мне по давней традиции тоже захотелось создать свою домашнюю страничку для моих новых виртуальных друзей и знакомых, чтобы они могли посмотреть мои фотографии, почитать обо мне, черкнуть пару строчек в мою гостевую книгу.

А может и просто случайный посетитель вдруг захочет познакомится со мной, и у меня появится еще один виртуальный друг? :)

На фотографии изображен(а) я. Качество картинки не очень хорошее, к сожалению, поэтому она не четкая и разглядеть черты моего лица немного проблематично. Но в целом заметно, что я вполне ничего:)

Если ты так тоже думаешь, то давай как-нибудь встретимcя, поболтаем, чайку попьем в кафешке?:) Кто знает, может быть мы и в реальной жизни станем друзьями:)



< /html>

2. Сохраните данный документ в своей папке под именем index.html





В данной практической работе используются новый тег

<DIV=”…”>…DIV> – выравнивание документа,

и новое значение атрибута align,

justify – выравнивание по обоим краям


Подайте заявку сейчас на любой интересующий Вас курс переподготовки, чтобы получить диплом со скидкой 50% уже осенью 2017 года.


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

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

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

Автор
Дата добавления 12.11.2015
Раздел Информатика
Подраздел Презентации
Просмотров633
Номер материала ДВ-149663
Получить свидетельство о публикации
Похожие материалы

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