12) Испытайте работу кнопки в браузере, предварительно сохранив страницу.
Подготовка GIF-анимации
1) Запустите программу Adobe ImageReady 7.
2) Откройте файл logo. gif (оптимизированное изображение логотипа)
3) Откройте палитру Animation (Window > Animation)
4) В палитре пока только один кадр анимации. Создайте еще два кадра, щелкнув два раза по кнопке Dublicate Current Frame 
.
5) Активизируйте палитру Layers (Window > Layers).
6) В палитре Animation выделите первый кадр и в палитре Layers установите для него бегунок Opacity в нулевое значение. Тем самым вы делаете слой абсолютно прозрачным.
7) Для второго кадра анимации в палитре Layers установите Opacity в 100%, для третьего кадра анимации значение Opacity уже будет 0%.
8) Выделите первый кадр анимации и щелкните на кнопке Tweens Animation Frames 
.
9) В диалоговом окне укажите следующие параметры: Tween with: Next Frame; Frames to Add: 5; Layers: All Layers; Parameters: Opacity. Нажмите кнопку OK.
10) Выделите 7 кадр и щелкните на кнопке Tweens Animation Frames.
11) В диалоговом окне укажите те же параметры, что и для первого кадра: Tween with: Next Frame; Frames to Add: 5; Layers: All Layers; Parameters: Opacity. Нажмите кнопку OK.
12) Нажмите кнопку Play/Stop Animation 
, чтобы просмотреть анимацию.
13) В раскрывающемся списке в левом нижнем углу палитры Animation выберите количество повторений анимационной последовательности. Значение Onceпроигрывает анимацию только один раз.
14) Сохраните данный файл: File > Save Optimized As... Дайте файлу имя logo-anim. gif.
Данное анимированное изображение вы можете использовать на своих Web-страницах.
САМОСТОЯТЕЛЬНАЯ РАБОТА СТУДЕНТА
1) Оптимизируйте фотографию для размещения на Web-странице (файл XXX. jpeg из папки Лаб №6 .). Ширина изображения должна быть равна 300 пикселям.
2) Создайте кнопки-ролловеры: "Практика", "Сделай сам", "Задать вопрос", "Тест", "Об авторе". Разместите кнопки на странице menu. htm
3) Создайте анимационный Gif для изображения логотипа. Придумайте любой анимационный эффект.
4) Найдите определения следующих терминов: разрешение, цветовая модель, Web-безопасная палитра.
5) Вставьте в файл avtor. htm свою фотографию. Изменяя свойства изображения, добейтесь более эффектного представления Вашей фотографии (или другого рисунка) в файле.
ТЕСТ
1. Какой из ниже перечисленных конструкций можно вставить рисунок на страницу?
<IMG SRC="dog. gif">
<IMG SRC="dog. psd">
<IMG CRS="dog. gif">
2. Какой из ниже перечисленных конструкций можно задать альтернативный текст к изображению?
<IMG SRC="dog. gif" ALT="Выставка собак">
<IMG CRS="dog. gif" ALIGN="Выставка собак">...</IMG>
<IMG SRC="dog. gif" ALIGN="Выставка собак">
3. Какая из ниже перечисленных конструкций задает размер изображения?
<IMG CRS="dog. jpg" ALT="Собака" WIDTH=50 HEIGHT=50>
<IMG SRC="dog. jpg" ALT="Собака" WIDTH=50 HEIGHT=50>
<IMG SRC="dog. jpg" ALT="Собака" WIDHT=50 HEIGTH=50>
4. Какая из ниже перечисленных конструкций задает в качестве фона графическое изображение?
<BODY BGCOLOR="dog. gif">
<BODY BACKGROUND="dog. gif">
<IMG BACKGROUND="dog. gif">
5. Какая из ниже перечисленных конструкций задает рамку вокруг изображения?
<IMG SRC="dog. gif" BORDER="2"">
<IMG SRC="dog. gif" BORDER="Red">
<IMG SRC="dog. gif" BRDRCOLOR="1">
6. Какой формат следует выбрать для представления фотоснимка, содержащего тысячи цветов, и размещения его на странице?
BMP
GIF
JPEG
MPEG
7. За счет чего происходит сжатие в формате JPEG?
за счет ухудшения качества изображения
за счет уменьшение количества цветов
за счет увеличения размытости
8. Каким инструментом производят обрезку изображения в программе Adobe ImageReady?
Lasso Tool
Crop Tool
Eraser Tool
9. Сколько цветов поддерживает формат GIF?
128
256
16 356
10. За счет чего можно уменьшить размер Gif-анимационного изображения?
за счет уменьшения количества цветов
за счет уменьшения кадров анимации
оба ответа верны
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 |
