16.Размещение графических объектов. Форматы графических объектов.

ФОРМАТЫ

GIF - Graphic Interchange Format

• 256 цветов (палитра цветов)

• Прозрачность

• Анимированное GIF-изображение

• Сжатие без потерь

• Чересстрочная развертка

Применение:

• небольшие изображения,

• с однородной заливкой

• с четкими границами

JPEG (JPG) - Joint Photography Experts Group Format

• миллионы цветов

• Нет прозрачности

• Нет анимации

• Сжатие с потерями, но достигается большая степень сжатия (можно задать разную степень сжатия).

• Прогрессивная развертка

Применение:

Многоцветные графические изображения (фотографии)

PNG - Portable Network Graphics Format (развитие GIF)

+

• более эффективное сжатие без потерь (алгоритм открытый и бесплатный)

• 48 бит на цвет.

• Прозрачность (от 0% до 100%)

-

• Нет анимации

• Не понимается старыми браузерами и иногда есть проблемы с новыми (IE игнорирует прозрачность в IE6, в IE7 нормально)

• Файл в формате png может иметь больший размер по сравнению с jpg, а иногда и с gif (особенно с прозрачностью).

РАЗМЕЩЕНИЕ В ДОКУМЕНТЕ

<IMG>

• SRC = url (обязательный параметр)

• ALT = текст

• BORDER = значение (* ссылка)

• HEIGHT = значение

• WIDTH = значение

• ALIGN = значение (TOP,CENTER, BOTTOM, LEFT, RIGHT)

• HSPACE = значение

• VSPACE = значение

• LOWSRC= url

• <IMG SRC=pict.gif>

Графическая ссылка:

<A HREF=pict_big.gif> <IMG SRC=pict_small.gif border=0> </A>

ТЕГ МАР

В документе определятся карта областей:

• <MAP NAME="mymap">

• Определение областей

• </MAP>

С изображением используется карта:

• <img src="primer.gif" width="360" height="196" border=0 usemap="#mymap">

17.Методы создания анимации на web-сайтах (gif-анимация, JavaScript, Flash).Сравнение

В gif может содержаться:

• Несколько изображений

• Указание времени отображения каждого изображения

• Количество повторений анимации

• Создание gif-анимации (Image Ready)

НАДО ДОДЕЛАТЬ

18.Программа разработки Web-сайтов DreamWeaver (DW) (характеристика программы, интерфейс).

19.Создание Web-сайта в DW. Особенность работы в режиме сайта.

20.Визуальный интерфейс в DW, работа в режиме кода. Взаимодействие.

21.Каскадные таблицы стилей CSS (назначение, примеры использования).

Cascading Style Sheets. Каскадные таблицы стилей.

НАЗНАЧЕНИЕ

• Каскадные таблицы стилей позволяют задавать различные визуальные свойства HTML-элементам

• Таблицы стилей позволяют разделить смысловое содержимое и его визуальное представление.

• Появление CSS - 1997 год (css 1) Сегодня – CSS 2 Разработка CSS 3

СИНТАКСИС

• свойство1: значение1;

• свойство1: значение1; свойство2: значение1;

• свойство1: значение1 значение2;

Примеры

• color: red; text-align: center;

• border: solid 0.2cm blue;

СВОЙСТВА CSS

• Шрифт (цвет, размер, тип, …)

• Текст (выравнивание, …)

• Фон (цвет, положение, рисунок, …)

• Блоки (тип, поля, …)

• Рамки (тип, толщина, цвет, …)

• Списки (тип, рисунок, …)

• Позиционирование

• Дополнительные (вид курсора, фильтры …)