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

Презентация:



Advertisements
Похожие презентации
Преобразование, изменяющее форму представления документа. (параметры страницы: ее формат (размер), ориентацию ит.д. преобразование, изменяющее форму представления.
Advertisements

это десятки миллионов Web-серверов Интернета, содержащих Web-страницы, в которых используется технология гипертекста. Технология WWW позволяет создавать.
Powerpoint Templates Page 1 Язык разметки гипертекста HTML.
Web-страницы и Web-сайты. Структура Web- страницы.
1.Возможности форматирования текста 2.Возможности редактирования текста 3.Работа с графическими объектами 4.Работа с таблицами 5.Работа с формулами 6.Изучение.
РАЗРАБОТКА WEB-САЙТОВ.. Создание Web-сайтов реализуется с помощью языка разметки гипертекстовых документов HTML. Тэги – инструкции браузеру, указывающие.
Мы познакомимся с простыми инструментами и методами разработки веб-страниц. На примере рассмотрим, как создать фрагмент сайта, содержащего репертуар кинотеатра.
Microsoft Word Художественное оформление текста в WORD.
Создание сайтов. Основы языка разметки гипертекстовых документов HTML.
СОДЕРЖАНИЕ СОДЕРЖАНИЕ Строка Меню Строка Меню Панель инструментов Стандартная Панель инструментов Стандартная Панель инструментов Форматирование Панель.
Форматирование текста на Web-странице Пока наша страница выглядит не слишком привлекательно: мелкий шрифт чёрного цвета на белом фоне. С помощью тэгов.
ВОПРОСЫ: 1.Основные объекты текста, их свойства. 2. Понятие форматирования. Способы форматирования. 3. Прямое форматирование: а) шрифта; б) абзаца. 4.
Web - страницы и Web - сайты. Структура Web – страницы. Форматирование текста на Web – странице.
Автор: учитель информатики СОШ 28 г.Бобруйска Кунцевич Л.А.
«Один день из жизни… редакторского бюроИнформ+». Какого способа выравнивания нет в Worde? по левому краю по высоте по ширине.
ФОРМАТИРОВАНИЕ ТЕКСТА. ВОПРОСЫ: 1.Основные объекты текста, их свойства. 2. Понятие форматирования. Способы форматирования. 3. Прямое форматирование: а)
HTML Урок 2 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА Вставка горизонтальной линии. Тег Цвет горизонтальной линии. Тег Выравнивание горизонтальной линии. Тег Линия.
Текстовый процессор Word Тест по информатике для учеников 8 класса.
HTML УРОК 1 Пищита Е.В.. СОДЕРЖАНИЕ УРОКА HTML документ Структура простого html документа Теги Создание HTML документа Заголовки. Тег Размер шрифта. Тег.
Инструментальные средства создания Web-сайтов
Транксрипт:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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