- •Курсовая работа по Информатике Содержание
- •Основные положения
- •СтруктураHtml-документа
- •Тело документа
- •Теги форматирования текста
- •Заголовки
- •Выделение фрагментов текста
- •Блочная верстка форм.
- •Гиперссылки Абсолютные и относительные ссылки
- •Ссылки внутри одного документа
- •Тег базового пути
- •Форматы изображений и графические редакторы
- •Активные изображения или карты навигации
- •Интерактивные Web-страницы. Формы
- •Поля ввода
- •Переключатели
- •Списки выбора
- •Многострочный текстовый блок
- •Каскадные таблицы стилей
- •Синтаксис таблиц стилей
- •Включение стилевых таблиц вHtml-документ
- •Порядок и этапы выполнения курсового проекта Порядок проектирования и реализации сайта
- •Критерии оценки сайта.
- •Логическая структура сайта
- •Динамическая и статическая компоновка сайта
- •Системы навигации сайта
- •Организация документа.
- •Требования и критерии оценки курсового проекта
- •Содержание отчета по курсовому проекту
- •Рекомендуемая литература
Форматы изображений и графические редакторы
Графические иллюстрации в большинстве случаев являются неотъемлемой частью Web-документов. Сегодня графические элементыWeb-страниц используют два основных формата -GIF и JPEG (новый форматPNG пока еще нельзя считать общепринятым). Все графические браузеры, предназначенные для отображения Web-страниц на экране компьютера, способны распознавать и отображать файлы этих форматов.
Файлы формата GIF (Graphic Interchange Format) имеют расширение .GIF. Изображения в этом формате содержат 256 цветов, заданных индексной палитрой. Файл упакован и может занимать значительно меньше места, чем неупакованный растровый рисунок (например, в формате .BMP).
Спецификация формата GIF89a позволяет создавать файлы .GIF, обладающие специальными возможностями.
Один из цветов изображения может быть объявлен прозрачным. Это означает, что s соответствующих местах сквозь него будет проглядывать фон Web-страницы, что делает рисунок более естественным.
Чересстрочные изображения при их приеме из Интернета прорисовываются постепенно вначале грубо, а затем все более и более четко. Это скрадывает время, необходимое на их загрузку из Интернета, особенно при приеме информации по медленным линиям.
GIF-анимация превращает обычный рисунок в небольшой видеоролик. В стандартном файле с расширением .GIF хранится набор кадров, а также сценарий их отображения.
Файлы формата JPEG (Joint Photographic Expert Group – по названию группы исследователей, предложившей этот формат) могут иметь расширение JPEG или JPG. Формат предназначен для хранения фотографических изображений, использующих 24-разрядный цвет. При конвертировании в формат JPEG происходит потеря части информации, приводящая к некоторому ухудшению качества изображения, обычно незаметному на глаз.
При выборе формата изображения в первую очередь принимают во внимание объем получающегося файла и во вторую – качество изображения. При загрузке Web-документа львиную долю времени занимает именно загрузка иллюстраций, так что приветствуется любая экономия. При выборе формата рекомендуется создать два файла: в формате GIF и в формате JPEG с минимально приемлемым качеством, после чего выбрать вариант, имеющий меньший объем.
Для подготовки изображений можно использовать любой графический редактор, например стандартное приложение Paint (в Windows), которое позволяет сохранять файлы в этих форматах. Однако Adobe Photoshop – стандарт де-факто среди программ обработки изображений: ее использует большинство профессиональных дизайнеров, к тому же она существует для всех распространенных платформ – Windows, Unix, Macintosh. Следует отметить, что Macromedia Flash практически является стандартом для использования в Web векторных изображений, обладает собственной средой разработки и позволяет создавать отличную векторную анимацию. Ulead GIF Animator – программа, которая позволит вам создавать GIF-анимацию, обладает мощными средствами анимации и в принципе может заменять на начальном этапе всю работу с анимацией.
В современном Internet существуют большое число сайтов, использующих Flashтехнологию. Flash-страницы выглядят очень красочно, но прилично «весят», а следовательно долго загружаются. Использование Flash-анимации целесообразно в презентационных домашних страницах, а также для создания навигационных панелей.
Тег <IMG>
Рисунки хранятся на Web-узлах в отдельных файлах, но отображаются как элементы Web-страниц. Для вставки рисунка непарный тег <IMG>, который должен содержать обязательный атрибут SRC=, задающий адрес URL файла с изображением в относительной или абсолютной форме.
<IMG SRС="picture1 .gif">
В таблице 4 приведены другие атрибуты этого тега.
Таблица 4 - Атрибуты тега IMG.
Атрибут |
Назначение |
ALT |
Задает альтернативный текст, отображаемый вместо картинки, если она по каким-либо причинам не может выводиться. Этот же текст выскакивает в всплывающей подсказке. |
LOWSCR |
Источник изображения низкого качества или размера, для быстрой предварительной загрузки. |
ALIGN |
Задает выравнивание относительно текущей строки:
|
WIDTHиHEIGHT |
Задают горизонтальный и вертикальный размер картинки, чтобы еще до начала загрузки изображения браузер выделил ему требуемое место, что ускоряет отображение загружаемой страницы. |
BORDER |
Задает толщину рамки, которой будет обрисовываться изображение. Если изображение не является ссылкой, то оно по умолчанию не окружается рамкой. Если же это изображение ссылка, то толщина рамки будет равна 2. |
VSPACEHSPACE |
Используется для указания ширины пространства сверху и снизу (справа и слева) от изображения. По умолчанию равно 0. |
Продолжение таблицы 4 | |
USEMAPISMAP |
Используются для создания карты ссылок, описание которых будет дано ниже. |
При отображении рисунка браузер по умолчанию использует его реальные размеры. Если рисунок необходимо отмасштабировать, применяют атрибуты WIDTH и HEGHT, задающие ширину и высоту рисунка (в пикселях), либо в процентах от ширины экрана. При указании высоты и ширины изображения (а также в процентах), не соответствующих его реальным размерам, оно сжимается (расширяется) до заданных размеров.
<IMG SRC="picture2.jpg" WIDTH="100" HEIGHT="40">
Еще один способ применения изображений на Web-страницах состоит в использовании их в качествефонового рисунка. При отображении документа, содержащегофоновый рисунок, на компьютере рабочая область окна заполняется этим рисункомпоследовательно (как паркетом), считая от верхнего левого угла документа или окна. Фоновый рисунок задается с помощью атрибута BACKGROUND в теге <BODY>. Значением этого атрибута должен быть абсолютный или относительный адрес URL для файла с изображением.
<BODY BACKGROUND="waves.gif" TEXT="YELLOW">