Читайте также:
|
Графика в web-страницах
Использования графики или рисунков значительно улучшает внешний вид web-страницы. Без рисунков текст выглядит скучно, независимо от того, как отформатирован текст. Много рисунков и пиктограмм тоже нехорошо, так как web-страница будет слишком перезагружена.
Пиктограммы применяются для представлении информации в удобном графическом виде. Фоновые рисунки размещаются за текстом в виде фона.
Рисунок можно взять:
- Внешний носитель – скопировать выбранный файл в папку содержащий файл-htm;
- Из WWW:
1. Щелкните мышью по рисунку;
2. Выберите команду Save Image as (сохранить изображение как);
3. В диалоговом окне Save As введите имя файла;
- Используйте сканер;
- Paint или любой графический редактор.
Изображение может сохранять в нескольких форматах.
WWW поддерживается два основных формата изображения – gif, jpeg.
GIF – Graphical Interchange Format (Графический формат обмена) – это тип файла, поддерживается WWW.
JPEG – Joint Photographic Experts Group (Объединенная группа экспертов фотографов файл а формате jpeg занимает меньше места и следовательно быстрее загружаются. JPEG использует специальную технику для компрессии изображений, что лучше для рисунков и фотографий. Кроме того, jpeg сохраняет цвета и детали лучше, чем gif.
PNG – Portable Network Graphics (переносная сетевая графика) – создан для замены gif, скоро будет поддерживаться ведущими браузерами. Графика в формате png очень похожа на формат gif, но более эффективнее и лучше передает большое количество цветов.
Вставка изображений
Тег <IMG> используется для вставки различных изображений в web-документ. Для этого применяется тег <IMG> в сочетании с ключевыми словами:
| Ключевое слово | Величина | Значение |
| src= | имя файла | Имя файла, содержащего рисунок. Файл должен быть в текущей папке. |
| alt= | “Текст” | Всплывающий текст при наведении курсора мышки. |
| align= | left | Рисунок по левому краю, строки текста выводятся справа от изображения. |
| right | Рисунок по правому краю, строки текста выводятся слева от изображения. | |
| top | Выравнивание по самому высокому элементу в строке. | |
| middle | Выравнивание нижней границы текста посередине изображения. | |
| bottom | Выравнивание нижней границы строки по нижней границе изображения. | |
| height= | число, в пикселях | Размер изображения по высоте. |
| width= | число, в пикселях | Размер изображения по ширине. |
Например,
| <IMG | src= | tiger.gif | alt= | “Жми” | height=50 | width=50 | align= | left | > |
| ↑ | ↑ | ↑ | ↑ | ↑ | ↑ | ↑ | ↑ | ||
| кл. слово | имя файла | альт. текст | текст | высота изобр. | ширина изобр. | выравн. изобр. | влево |
Фоновый рисунок
Фоновый рисунок размещается за текстом в виде фона. В теге <BODY> в сочетании с ключевым словом:
| Ключевое слово | Величина | Значение |
| имя файла | Фоновый рисунок |
Неудачно выбранный фоновый рисунок делает web-страницу нечитаемой.
Например,
<BODY background=”fon.gif”>
Основной текст
</BODY>
Дата добавления: 2015-07-10; просмотров: 104 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Штатное расписание | | | FRAMESET |