14115

ВСТАВКА ГРАФИЧЕСКОГО ИЗОБРАЖЕНИЯ

Конспект урока

Информатика, кибернетика и программирование

УРОК 6 ВСТАВКА ГРАФИЧЕСКОГО ИЗОБРАЖЕНИЯ Наличие изображений делает Webстраницу более привлекательной и информативной для посетителей. Сами рисунки хранятся в отдельных файлах вне документа HTML но отображаются браузером внутри Webстраницы. Для вставки рисунка нужн

Русский

2013-05-21

383.5 KB

2 чел.

УРОК 6

ВСТАВКА ГРАФИЧЕСКОГО ИЗОБРАЖЕНИЯ

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

Для вставки рисунка нужно воспользоваться тегом <IMG>.

Атрибут src

Обязательным атрибутом этой команды является атрибут src, с его помощью задается имя файла, в котором хранится рисунок. Обычно графические файлы помещают в отдельный каталог pic (или image), который является подкаталогом для каталога с HTML-текстами.

Пример команды вывода графики: <IMG src=pic/picture.jpg>

Вставляемые изображения должны быть представлены в виде файлов формата GIF или JPEG (более подробно графические форматы будут рассмотрены на следующем уроке).

Другие атрибуты тега <IMG>

Атрибуты

Описание

alt

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

Пример записи: <IMG src=logo.gif alt="Логотип">

width, height

Ширина и высота картинки (в пикселях).

Например: <IMG src=logo.gif width=300 height=150>

Задание размеров картинки помогает браузеру отображать ее с большей скоростью. Кроме того, явное указание размеров изображений гарантирует, что при отключении отображения графики в окне браузера размещение элементов страницы останется неизменным.

border

Рамка вокруг картинки. Значением атрибута является толщина рамки (в пикселях).

Например: <IMG src=logo.gif border=1>

Чтобы удалить рамку, нужно задать нулевое значение атрибута.

align

Задает правила размещения на Web-странице текста и графических изображений относительно друг друга. Значения top, bottom и middle задают вертикальное положение фрагмента текста относительно картинки.

Пример1<IMG src="images\analisator.gif" alt="Анализатор" width="150" height="138" border="1" align="top">

Значения left и right задают способ обтекания графики текстом.

Пример2

hspace, vspace

Задает ширину пустой области (в пикселях) вокруг изображения, отделяющей его от остальных элементов страницы (hspace  слева и справа, vspace  сверху и снизу). Это позволит избавиться от эффекта прилипания текста к картинке.

Пример3


Вставка картинки средствами редактора HomeSite

  1.  На панели инструментов Common нажмите кнопку (Image).
  1.  В появившемся диалоговом окне ввести значения полей:
  •  Sourse адрес картинки (можно воспользоваться кнопкой (Обзор));
  •  Alt.Text альтернативный текст;
  •  Width, Heigt ширина и высота картинки (автоматически вставляются реальные размеры выбранного изображения);
  •  Hspace, Vspace ширина пустой каймы вокруг картинки;
  •  Border ширина рамки;
  •  Align выравнивание;
  1.  Нажать кнопку ОК

В результате выполненных действий в тексте программы появится строка HTML-кода:

<IMG src="pic\11.jpg" alt="Закат" width="200" height="133" hspace="8" vspace="5" border="1" align="left">.

Картинки ссылки

Если команду IMG вложить внутрь дискриптора <A>…</A>, то она будет работать как ссылка. При этом изображение обрамляется рамкой того же цвета, что объявлен для ссылок. Если рамка нежелательна, неоходимо указать нулевое значение атрибута border.


Задание

Небольшие графические изображения могут играть роль маркеров списка. При этом элементы маркированного списка не объявляются тегом <LI>. Каждый элемент начинается переходом на новую строку и картинкой. Рекомендуется использовать для картинок-маркеров атрибуты align и hspase. Атрибут align позволит выровнять строку текста относительно маркера, а hspace поможет задать одинаковые отступы текста от маркера.

Создайте документ по образцу:

Примечания:

  1.  Фон документа находится в файле 06_fon.jpg.
  2.  Цвет линии имеет код #660033
  3.  Заголовок страницы объявлен заголовком второго уровня, размер последнего слова увеличен.
  4.  Используются вложенные списки. Каждый уровень вложенности отличается отступом текста вправо.
  5.  Картинки для маркеров лежат в папке images/

06_sm1.gif

06_sm2.gif

06_sm3.gif

06_sm4.gif

06_sm5.gif

06_sm6.gif

PAGE  2


 

А также другие работы, которые могут Вас заинтересовать

79053. Вклад позитивизма в становление философии науки 30 KB
  Вклад позитивизма в становление философии науки. Огюст Конт 1798 1857 родоначальника позитивизма позитивной философии в тех аспектах которые были связаны с высокой оценкой научности как важнейшего качества знания. Понятие ldquo;позитивизмrdquo; обозначает призыв философам отказаться от метафизических абстракций т. Отчасти позитивизм заключается в антифилософской реакции против рационализма идеализма спиритуализма и обращается в тоже время к материализму.
79054. Проблема «опыта» и истины в философии науки нач. 20 в. (Э. Мах, Авинариус, А. Пуанкаре) 34.5 KB
  Проблема опыта и истины в философии науки нач. Эмпириокритицизм философская система чистого опыта критический эмпиризм который стремиться ограничить философию изложением данных опыта при полном исключении всякой метафизики с целью выработки и естественного понятия о мире. Нейтральный элемент опыта одновременное включение духовного и материального начала. Авенариусом буквально означает критику опыта.
79055. Вклад неопозитивизма в развитии логики и методологии науки 37 KB
  Вклад неопозитивизма в развитии логики и методологии науки. Логика науки применение идей методов и аппарата логики в анализе научного познания. Развитие логики всегда было тесно связано с практикой теоретического мышления и прежде всего с развитием науки. Методология науки в традиционном понимании это учение о методах и процедурах научной деятельности а также раздел общей теории познания в особенности теории научного познания эпистемологии и философии науки.
79056. Концепция философии науки Т. Куна 25.5 KB
  Концепция философии науки Т. Важнейшей характеристикой знания является его динамика его рост изменение развитие В современной западной философии проблема роста развития знания является центральной в философии науки. переход к новому периоду нормальной науки . Причем последние гораздо более редки в истории развития науки по сравнению с первыми.
79057. Концепция философии науки К. Поппера 28.5 KB
  Карл Поппер предложил в 1967 году различать следующие три мира: во-первых мир физических объектов или физических состояний; во-вторых мир состояний сознания мыслительных ментальных состояний в-третьих мир объективного содержания мышления мир научных идей проблем поэтических мыслей и произведений искусства. Этот третий мир вполне объективен и осязаем. Это мир книг библиотек географических карт мир произведений живописи. Концепция Поппера подчёркивает своеобразие и загадочность знания как объекта исследования: для того чтобы...
79058. Развитие философии науки постпозитивизмом (И.Локатос, П. Фейерабенд, М. Полани) 38.5 KB
  В 60-70 годы 20 века в зап. философии науки развивается течение постпозитивизма. Постпозитивисты (Поппер, Мун, Лакатос, Фейрабенб, Полани) подвергли критике позитивистский идеал факта, введя в анализ науки историческое
79059. Право цивильное и право преторское. Римские магистраты и значение их эдиктов для выработки новой системы права. Процесс взаимодействия права цивильного и преторского. Кодификация эдиктов 28.54 KB
  Римские магистраты и значение их эдиктов для выработки новой системы права. Процесс взаимодействия права цивильного и преторского. civilis гражданский или квиритское право римляне называли себя квиритами в честь бога войны Яна Квирина совокупность норм права исходящих от народного собрания позднее сената. Источники цивильного права обычаи и законы.
79060. Понятие наследования. Сущность и происхождение наследования. Виды наследования 24.25 KB
  Подобно тому как собственность в экономическом смысле существовала и до образования государства и права а право собственности появилось только с образованием государства так и наследственное право в качестве завершения права собственности появилось только с возникновением государства. Универсальный характер наследования проявляется в том что к наследнику переходят сразу и права и обязанности входящие в состав наследства в том что наследник может приобрести в составе наследства даже такие права и обязанности о существовании которых он...
79061. Понятие права собственности. Содержание права собственности 27.13 KB
  Содержание права собственности. Понятие права собственности и развитие этого института в Риме. Римское право было системой права построенного на начале частной собственности.