Биография Пушкина
<<  Биография А.С. Пушкина Пушкин как интерпретатор Катулла…  >>
Основы HTML и CSS Ссылки и иллюстрации
Основы HTML и CSS Ссылки и иллюстрации
Лабораторная работа
Лабораторная работа
Переход к другому документу
Переход к другому документу
Несколько типичных вариантов относительных ссылок
Несколько типичных вариантов относительных ссылок
Несколько типичных вариантов относительных ссылок
Несколько типичных вариантов относительных ссылок
В каком окне открывать ссылку
В каком окне открывать ссылку
Формат GIF
Формат GIF
Формат GIF
Формат GIF
Формат GIF
Формат GIF
Формат JPG
Формат JPG
Формат JPG
Формат JPG
Формат PNG
Формат PNG
Подписываем картинку
Подписываем картинку
Подписываем картинку
Подписываем картинку
Подписываем картинку
Подписываем картинку
Подписываем картинку
Подписываем картинку
Подписываем картинку
Подписываем картинку
Картинка как ссылка
Картинка как ссылка
Задаем размеры и выравниваем картинку
Задаем размеры и выравниваем картинку
Задаем размеры и выравниваем картинку
Задаем размеры и выравниваем картинку
Задаем размеры и выравниваем картинку
Задаем размеры и выравниваем картинку
Задаем размеры и выравниваем картинку
Задаем размеры и выравниваем картинку
Фоновое изображение документа
Фоновое изображение документа
Фоновое изображение документа
Фоновое изображение документа
Фоновое изображение документа
Фоновое изображение документа
Фоновое изображение документа
Фоновое изображение документа
Картинки из презентации «Основы HTML и CSS Ссылки и иллюстрации» к уроку литературы на тему «Биография Пушкина»

Автор: Тыщенко О.Б., Борисов И. O.. Чтобы познакомиться с картинкой полного размера, нажмите на её эскиз. Чтобы можно было использовать все картинки для урока литературы, скачайте бесплатно презентацию «Основы HTML и CSS Ссылки и иллюстрации.ppt» со всеми картинками в zip-архиве размером 948 КБ.

Основы HTML и CSS Ссылки и иллюстрации

содержание презентации «Основы HTML и CSS Ссылки и иллюстрации.ppt»
Сл Текст Сл Текст
1Основы HTML и CSS Ссылки и 15Цвет ссылок. Цвет неотработанной
иллюстрации. ссылки (пользователь еще не
2Ссылки и иллюстрации: Механизмы "кликал" на ссылке). Цвет ссылки
адресации на ресурсы в Internet. после щелчка (пользователь
Реализация механизма в языке HTML Создание "кликнул" на ссылке; документ,
гиперссылок с помощью элемента A и его на который указывает ссылка, грузится по
атрибутов. Типы ссылок Размещение сети). Цвет отработанной ссылки
иллюстрации на web-странице. Типы файлов (пользователь "ходил" по этой
иллюстраций. Элемент IMG и его атрибуты ссылке). Цвета ссылок по-умолчанию: синий
Распределение иллюстраций по страницам — цвет неотработанной ссылки красный —
сайта: приемы и советы. цвет активной ссылки пурпурный — цвет
3Ссылки. Элемент A (якорь, anchor). ... отработанной ссылки.
<a href="#метка1">Ссылка 16Атрибуты, явно задающие цвета ссылок.
1</a> <a <body link="#006600"
href="#метка2">Линк alink="#00e800"
2</a> <a vlink="#993300"> <body
href="#метка3">Переход bgcolor="white"
3</a> ... ... ... <h2 text="black"
id="метка2">Некоторый link="blue"
заголовок</h2> ... ... <a alink="red"
name="метка1"></a>Какой vlink="purple"> <body
то текст ... <p bgcolor="#ffffff"
id="метка2">Абзац</p> text="#000000"
... Метка3. Переход браузера. link="#0000ff"
4Лабораторная работа. Создание и alink="#ff0000"
использование якорей. vlink="#800080"> Атрибуты
5Переход к другому документу. ... <a <body>: link — цвет неотработанной
href="имя_файла">текст</a& ссылки alink — цвет активной ссылки vlink
t; ... <a — цвет отработанной ссылки.
href="1.html">Это ссылка на 17Формат GIF. GIF-формат имеет три
1.html</a> <a дополнительные возможности: Мультипликация
href="2.html">Это ссылка на Прозрачная графика Чересстрочная
2.html</a> <a развертка.
href="3.html">Это ссылка на 18Формат JPG. Размер 600х450 пикселей.
3.html</a> 1.html. 2.html. 3.html. Качество низкое (Low 5) Файл - 14 КБ.
Это ссылка на 1.html Это ссылка на 2.html Качество высокое (High 60) Файл - 44 КБ.
Это ссылка на 3.html. 19Формат PNG. PNG-8: индексированная
6Лабораторная работа. Создание и цветовая палитра. Поддержка прозрачности.
использование гиперссылок. PNG-24: полноцветный. Полупрозрачность
7Переход к другому документу с меткой. задается альфа-каналом.
<a 20Как показать файл? <Img
href="имя_файла#метка">текст& src="имя_файла"> <img
t;/a> <a src="file.Gif"> <img
href="sample.html#abc">Пример src="pic/file2.Jpg"> <img
lt;/a> <a src="http://site.Ru/pic/img.Gif"
href="1.html#а">Ссылка на gt;
файл 1.html с меткой 21Подписываем картинку. <img
"а"</a> <a src="glbus.gif"> <img
name="а">В этом месте src=glbus.gif alt="Анимированный
поставлена метка</a> 1.html. Ссылка глобус"> <img src=globus.gif
на файл 1.html с меткой "а" alt="Анимированный глобус">
Какой-то текст... ... ... ... В этом месте <img src=glbus.gif
поставлена метка. Сюда будет осуществлен title="Анимированный глобус">
переход. Да, и ссылка тоже...
8Лабораторная работа. Создание и 22Лабораторная работа. Вставка
использование гиперссылок и якорей. иллюстраций.
9Примеры абсолютных ссылок на различные 23Картинка как ссылка. <A
файлы по разным протоколам: href="ссылка"> <img
протокол://имя_сервера:порт/путь Ссылка по src="file.Gif"
протоколу HTTP на стартовую страницу border="0"> </a> <A
сайта: <a href="ссылка"> <img
href="http://site.ru">Пример src="file.Gif"
1</a> Ссылка на HTML файл по border="1"> </a>
протоколу HTTP: <a <img src="file.gif"> <A
href="http://www.site.ru/page1.html&q href="ссылка"> </a>
ot;>Пример 2</a> Ссылка на PDF 24Задаем размеры и выравниваем картинку.
файл по протоколу HTTP: <a <img src=img.gif width="100"
href="http://www.site.ru/doc/part1/sa height="150"> <img
ple.pdf">Пример 3</a> Ссылка src=img.gif align="left"
на ZIP файл по протоколу HTTP с указанием hspace="8"> Left -
порта: <a горизонтальное выравнивание изображения по
href="http://www.site.ru:81/test.zip& левому краю right - горизонтальное
uot;>Пример 4</a> Ссылка на EXE выравнивание изображения по правому краю.
файл по протоколу FTP: <a vspace. hspace. hspace. vspace. <img
href="ftp://site.ru/pub/install.exe&q src="sample150.jpg"
ot;>Пример 5</a> Ссылка на align="right"
e-mail, при помощи протокола mailto: <a hspace="10"
href="mailto:name@site.ru">na vspace="10"> <img
e@site.ru</a> src="sample150.jpg"
10Лабораторная работа. Создание и align="left"> <img
использование абсолютных гиперссылок. src="sample150.jpg"
11Несколько типичных вариантов align="left"
относительных ссылок. hspace="10"
href="target.html" vspace="10">
href="folder/target.html" 25Фоновое изображение документа.
12Несколько типичных вариантов <body
относительных ссылок. background="fon.gif">
href="../target.html" folder1. <body background="fon.gif"
href="../folder/target.html" bgproperties="fixed">
13Примеры относительных адресов. 26Лабораторная работа. Использование
public_html. "info.html" иллюстраций.
"manual/info.html" 27Карты изображений (опционально).
"manual" <img src=img.gif
"../help.html" usemap="#map1" > <map
"../project/first.html" name="map1"> <area
"../../about/contact.html" shape="circle"
"/" - корень сайта coords="57,45,30"
"/demo/" href="file1.html">
"/images/pic.gif" </map> Rect — прямоугольник. Circle
<head>//В заголовке! <base — окружность. Poly — многоугольник.
href="http://mysite.ru" > Default — оставшаяся область.
about contacts.html manual demo index.html Дополнительные атрибуты: nohref alt title.
help.html images pic.gif manual info.html 28Допустимые формы рабочих полей. 0,0.
test.html images pic.gif project 100. 200. 300. 400. 500. 100. 200. 300.
first.html index.html info.html. 29Итоги. Механизм адресации на ресурсы в
14В каком окне открывать ссылку? <A internet в языке HTML реализован в виде
href="file.Html" ссылок. Гиперссылки могут осуществлять
target="_blank">ссылка</a& адресацию внутри файла или на внешний
t; <a href="file2.Html" ресурс. Гиперссылки на внешний файл бывают
target="abcd">ссылка</a> абсолютные и относительные. Используется
<Head> <base три графических формата: gif, jpg, png.
target="_blank"> Изображение может быть ссылкой. Карты
</head> <body> <a изображений - сочетание использования
href="file.Html"target="_se одного изображения и нескольких ссылок.
f">ссылка</a> </body>
Основы HTML и CSS Ссылки и иллюстрации.ppt
http://900igr.net/kartinka/literatura/osnovy-html-i-css-ssylki-i-illjustratsii-117552.html
cсылка на страницу

Основы HTML и CSS Ссылки и иллюстрации

другие презентации на тему «Основы HTML и CSS Ссылки и иллюстрации»

«Южная ссылка Пушкина» - В Москве прошло детство Пушкина. Величием и красотой покорили Пушкина Кавказские горы и Чёрное море. Могила поэта находится в Святогорском монастыре, недалеко от Михайловского. Михайловская ссылка оказалась очень плодотворной в творческом плане. На первое предложение Пушкина родители отвечают отказом.

«Ссылка Пушкина в Михайловское» - Жизнь в Михайловском была скромной, даже скудной. Село Михайловское. В село Михайловское А. С. Пушкин прибыл 9 августа 1824 года. Михайловская ссылка. Приезд Александра домой был печален. Быт поэта был прост и не включал в себя никаких помещичьих занятий. Пушкина вызвали к царю. Пушкин остался в Михайловском один в обществе няни Арины Родионовны.

«HTML страница» - 2. Фоновый рисунок страницы: 2. Фоновый звук страницы. Такие цвета назвали безопасными и включили в таблицу. Пример 3: <h1>Архитектура Санкт-Петербурга</h1>. 1. Фоновый цвет страницы: Фоновые рисунки – небольшие по геометрическим размерам графические файлы, не яркие по цвету. Допускается использование всех атрибутов шрифта одновременно в одном теге.

«Язык HTML» - На самом деле одной строкой дело не обходится. Язык HTML состоит из элементов, называемых тегами. Тело документа – святая святых. Все было приведено к логической и структурной разметке текста. Тег <IMG SRC> - вставка изображения из файла. Структура web-документа. История развития html. Общие сведение о HTML.

«Иллюстрации к книгам» - Сделать предварительные рисунки - наброски. Выбрать вид иллюстрации. Информация для преподавателей. Прекрасный мир иллюстраций. Прочитать сказку. Искусство книги — вид изобразительного искусства. Техники выполнения иллюстраций. Фронтиспис. Акварель. Выбрать технику. Фронтиспис Заставка Полосная Полуполосная Иллюстрация на разворот Иллюстрации на полях Концовки.

«Основы языка HTML» - Элементы стиля и форматирования текста. Основы языка HTML. Элементы заголовка html-документа (тэг HEAD). Списки. Д. Раггетт (Hewlett-Packard Labs), 1992 - HTML+. Дэн Конноли,1994 - HTML 2. В настоящее время версия с 1994 г. - HTML 4.0. Таблицы.

Биография Пушкина

38 презентаций о биографии Пушкина
Урок

Литература

183 темы
Картинки
900igr.net > Презентации по литературе > Биография Пушкина > Основы HTML и CSS Ссылки и иллюстрации