Студопедия  
Главная страница | Контакты | Случайная страница

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатика
ИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханика
ОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторика
СоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансы
ХимияЧерчениеЭкологияЭкономикаЭлектроника

Билет 13

Построение графических изображений в HTML – документе

В браузере картинку не нарисуешь. Все, на что он способен, - это растянуть или сжать рисунок на экране.

Нужны: дополнительный инструментарий и умение рисовать.

Графический инструментарий.

Первый, самый простой, способ получения графических иллюстраций - это: Windows + буфер обмена + PhotoShop.

 

Алгоритм получения копии окна Windows

  1. Запускается приложение, изображение окна которого нужно записать в графический файл.
  2. В то время, когда окно приложения активно, нажимается Alt + PrintScreen – изображение активного окна сохраняется в буфере обмена.
  3. Открывается редактор PhotoShop. В меню Файл выбирается позиция Новый.... Появляется панель с установками. Нажимаем кнопку Да. После того как на экране окажется пустое окошко для рисунка, нажимаем Ctrl + V, и изображение из буфера обмена загружается в окно графического редактора.
  4. Для сохранения изображения в формате GIF на диске нужно в меню Файл выбрать позицию Сохранить для Web. Теперь перед записью выберите необходимый формат (например, формат) GIF и нажмите Save.

Замечание. Вместо редактора PhotoShop можно использовать Paint.

В Интернете наиболее популярны два графических формата:

• JPG — для фотографий и сложных по цветовой гамме рисунков с плавными переходами между оттенками;

• GIF — для логотипов, надписей, заголовков и рисунков, имеющих четкие цветовые границы

<img> позволяет разместить иллюстрации в нужном месте текста
<img src ="имя файла"> указывает имя файла с иллюстрацией
<img src="имя файла" alt="текст надписи"> позволяет снабдить иллюстрацию текстовой подписью («всплывающей подсказкой»)
<img src="имя файла" width= знaчение в пикселях или процентах > задает ширину изображения
<img src="имя файла" height= значение в пикселях > задает высоту изображения
<img src="имя файла" bоrdеr= значение в пикселях > задает толщину рамки вокруг рисунка
<img src="имя файла" hspace=значение в пикселях> задает поля слева и справа от рисунка
<img scr="имя файла"vspace= значение в пикселях > задает поля сверху и снизу от рисунка
<img scr="имя файла" align= top| middle | bottom | left |right> задает положение иллюстрации по отношению к соседним элементам документа (прежде всего - к окружающему тексту): - top - вертикальное выравнивание по верхнему краю; - middle - вертикальное выравнивание по центру; - bottom- вертикальное выравнивание по нижнему краю; - left - горизонтальное выравнивание - по левому краю; - right - горизонтальное выравнивание по правому краю; - center - горизонтальное - выравнивание по центру



Дата добавления: 2015-02-16; просмотров: 63 | Поможем написать вашу работу | Нарушение авторских прав




lektsii.net - Лекции.Нет - 2014-2025 год. (0.005 сек.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав