Программа «Web-графика и мультимедиа технологии для сайтостроительства » - презентация

1 Программа «Web-графика и мультимедиа технологии для сайтостроительства »

2 Оформление Web-страницы Буквица является художественным приемом оформления текста, при котором первая буква абзаца выполняется большим размером, другим начертанием или цветом. Буквица привлекает внимание читателя к началу текста, особенно если страница лишена других ярких деталей. Страница Web-сайта «Буквицы и орнаменты древней Руси». Адрес в Интернете

3 Оформление Web-страницы Для создания буквицы на Web-странице можно использовать несколько приемов. Первый способ заключается в использовании изображений букв, подготовленных в графическом редакторе. Картинка с изображением буквицы помещается в начало абзаца и для нее задается выравнивание по левому краю и отступ по горизонтали.

4 Оформление Web-страницы Другой прием заключается в использовании CSS. Абзац начинается с "буквицы", которая создана с применением возможностей позиционирования CSS2. Для первого символа задаются свои параметры – размер, цвет и т.п.

5 Работа с каналами Довольно часто сталкиваемся с задачей, когда необходимо создать сложную область выделения с возможностью сохранить выделенную область. Необходимо создать резервную копию выделенной области в независимом канале маски, который представляет собой любой канал, помимо тех, которые требуются для отображения полутонового или цветного изображения. Выбираем канал, который обеспечивает самую большую разницу между фоном и объектом выделения.

6 Работа с каналами Выделите инструментом Lasso фон и залейте его черным цветом. Далее необходимо преобразовать канал маски в выделенную область. Для выделения краев изображения Выберите команду Filter–Other–High Pass. Изменяя значения контрастности, можно еще больше увеличить разницу между фоном и границей нужного фрагмента изображения.

7 Особенности размещения графики на Web странице Нежелательно изменять размер изображения при включении его на Web- страницу (хотя это и допускается). На странице должен быть задан реальный размер изображения. Изменение размеров необходимо выполнить в графическом редакторе до включения его на страничку, например в редакторе Photoshop. В противном случае, это будет серьезной ошибкой.

8 Эффект меняющихся картинок (Rollover Image). Создание кнопки с имитацией нажатия Для создания эффекта нажатия необходимо подготовить два изображения

9 Размещение Flash объекта поверх страницы

10 Использование CSS и VBscript … … sub document_onMouseMove() f1.style.left=window.event.x f1.style.top=window.event.y end sub

11 Создание прозрачности во Flash объекте

12 Технологии реализации виртуальных миров в Интернет

13 Виртуальная реальность Виртуальная реальность – комплекс ощущений у человека, находящегося в искусственно созданном трехмерном мире с шестью степенями свободы и взаимодействия с объектами этого мира в реальном времени с использованием различных характеристик человека.

14 VRML (Virtual Reality Modeling Language) - язык моделирования виртуальной реальности #VRML V2.0 utf8 Transform { # translation children [ Transform { translation children [ Shape { appearance Appearance { material Material { diffuseColor } } geometry Box { size } } ] } ] }

15 Элемент управления для просмотра VRML VRML - файл имеет расширение WRL и представляет собой обычный текстовый файл, интерпретируемый браузером. Поскольку большинство браузеров не имеет встроенных средств поддержки VRML, для просмотра VRML - документов необходимо подключить вспомогательную программу – элемент управления - например, Cortona или Blaxxun.

16 Размещение файлов на Web- странице для Cortona WRML клиента Для размещения WRL – файла на HTML – странице при помощи элемента управления Cortona надо вручную прописать несколько строк кода