Первый сайт с FrontPage

que fiesta es mañana | Шоу-Плюс - аренда звука и света Черкассы по низким ценам.



Глава 15 Использование изображений...


    Глава 15 Использование изображений...
    Глава 15 Использование изображений, звука и видео для оформления Web-страницы Фон страницы Размещение графических изображений Вкладка General, Видеозапись, Вид Редактирование изображений Автоэскиз...
    Фон страницы
    Фон страницы Представьте себе Web-страницы, содержащие только текстовую информацию. Даже если при оформлении текста использованы различные эффекты, подобраны шрифты и продумано сочетание цветов, ч...
    JPEG (JPG) PNG BMP (Windows или OS/2)
    BMP (Windows или OS/2) TIFF(TIF) WMF (Метафайлы Windows) SUN Raster (RAS) EPS (Инкапсулированный Postscript) PCX (Paintbrush) TGA(Targa) PCD (Kodak PhotoCD) По умолчанию импортируемые форматы, за...
    Рис. 15.2. Палитра для задания цвета
    Рис. 15.2. Палитра для задания цвета...
    Рис. 15.3. Диалоговое окно Другие цвета
    Рис. 15.3. Диалоговое окно Другие цвета 7. Если вам не удалось подобрать цвет фона в диалоговом окне Другие цвета — еще не все потеряно. Нажмите кнопку Другой (Custom). Откроется диалоговое окно Ц...
    Использование изображения в качестве фона
    Использование изображения в качестве фона Если вы решили в качестве фона Web-страницы использовать графическое изображение и оно уже подготовлено, то для облегчения размещения поместите его в папк...
    Рис. 15.7. Диалоговое окно
    Рис. 15.7. Диалоговое окно Текущий веб-узел Теперь, если вы захотите изменить фоновое изображение на всех страницах Web-узла, вам достаточно выполнить следующие действия: 1. Поместите новое графич...
    Размещение графических изображений
    Размещение графических изображений Графические изображения, размещенные на Web-странице, не только способствуют лучшему восприятию информации, но и позволяют сделать страницы более яркими и запоми...
    Рис. 15.8. Диалоговое окно Коллекция картинок (Microsoft)
    Рис. 15.8. Диалоговое окно Коллекция картинок (Microsoft) В верхней части диалогового окна помимо кнопок, управляющих отображением показываемых в окне объектов, а также копированием и удалением об...
    Рис. 15.9. Подсказка с указанием...
    Рис. 15.9. Подсказка с указанием размера файла при установке курсора на изображение 6. Нажмите кнопку со стрелкой с правой стороны выбранного изображения. Появляется контекстное меню. 7. Выберите...
    Рис. 15.10. Диалоговое окно Сохранение внедренных файлов
    Рис. 15.10. Диалоговое окно Сохранение внедренных файлов...
    Размещение графического изображения из файла
    Размещение графического изображения из файла Мы рассмотрели размещение на Web-странице графического изображения из библиотеки Clip Ait. Для размещения на странице графического изображения из файла...
    Рис. 15.11. Диалоговое окно
    Рис. 15.11. Диалоговое окно Рисунок...
    Настройка свойств изображения
    Настройка свойств изображения После размещения изображения на Web-странице необходимо настроить его свойства, используя диалоговое окно Свойства рисунка (Picture Properties) (рис. 15.12). Для его...
    Рис. 15.12. Вкладка
    Рис. 15.12. Вкладка Общие диалогового окна Свойства рисунка...
    Вкладка General
    Вкладка General В верхней части вкладки Общие (General) находится поле Источник рисунка (Picture source), в котором указано местоположение графического файла. Это может быть папка открытого Web-уз...
    Вкладка Видеозапись
    Вкладка Видеозапись Вкладка Видеозапись (Video) диалогового окна Свойства рисунка позволяет поместить в Web-страницу аудио- или видеозапись, при этом графическое изображение будет использовано в к...
    Вкладка Вид
    Вкладка Вид Вкладка Вид (Appearance) диалогового окна Свойства рисунка (рис. 15.13) содержит параметры, позволяющие задать расположение графического изображения на Web-странице....
    Рис. 15.13. Вкладка Вид диалогового окна Свойства рисунка
    Рис. 15.13. Вкладка Вид диалогового окна Свойства рисунка Раскрывающийся список Выравнивание (Alignment) области Положение (Layout) содержит значения, устанавливающие расположение изображения по о...
    Рис. 15.14. Выравнивание с помощью опций слева и справа
    Рис. 15.14. Выравнивание с помощью опций слева и справа Остальные поля области Положение (Layout) имеют следующее назначение: Толщина границы (Border thickness) — задает толщину рамки (в пикселах)...
    Редактирование изображений
    Редактирование изображений При размещении на Web-странице графического изображения на экране появляется панель инструментов Рисунки (Pictures), предоставляющая средства по его обработке (рис. 15.1...
    Рис. 15.15. Панель инструментов
    Рис. 15.15. Панель инструментов Рисунки Совет Если панель инструментов Рисунки не появилась на экране, то в меню Вид (View) выберите команду Панели инструментов (Toolbars), а затем — опцию Рисунки...
    Вращение изображения
    Вращение изображения На панели инструментов размещены 4 кнопки, позволяющие в режиме редактирования графического изображения развернуть рисунок: Повернуть влево (Rotate Left), Повернуть вправо (Ro...
    Рис. 15.16. Примеры применения...
    Рис. 15.16. Примеры применения к изображению поворота, зеркального отражения и переворачивания На рис. 15.16 представлен пример обработки изображения с использованием этих кнопок. Первое изображен...
    Изменение яркости и контраста
    Изменение яркости и контраста В том случае, если необходимо немного подкорректировать контрастность изображения, вы можете воспользоваться кнопками Увеличить контрастность (More Contrast) и Уменьш...
    Вырезание части изображения
    Вырезание части изображения Вам может потребоваться не все изображение, а какой-либо его фрагмент. В этом случае вы можете поступить следующим образом: 1. Выделите изображение. 2. Нажмите на панел...
    Применение опции прозрачности
    Применение опции прозрачности Кнопка Установить прозрачный цвет (Set Transparent Color) на панели инструментов Рисунки позволяет сделать прозрачным один из цветов, используемых в изображении. Данн...
    Рис. 15.18. Запрос на преобразование файла в формат GIF
    Рис. 15.18. Запрос на преобразование файла в формат GIF 4. Установите курсор, который принял вид карандаша, на тот цвет в изображении, который хотите сделать прозрачным, и щелкните кнопкой мыши. Н...
    Рис. 15.19. Результат применения...
    Рис. 15.19. Результат применения к изображению эффекта преобразования цвета в прозрачный...
    Замечание
    Замечание В изображении может быть задан только один прозрачный цвет. При применении данного эффекта к другому цвету происходит восстановление первого цвета, который ранее был установлен прозрачны...
    Преобразование в полутоновое изображение
    Преобразование в полутоновое изображение В том случае, если вы хотите уменьшить размер графического файла, содержащего изображение (что позволит ускорить его загрузку в обозреватель), можете преоб...
    Эффект объемности
    Эффект объемности В том случае, если вы хотите использовать размещенное на Web-странице изображение в качестве ссылки, можете придать ему объемность, воспользовавшись кнопкой Багетная рамка (Bevel...
    Эффект размытия
    Эффект размытия Эффект размытия изображения хорош для графических изображений, которые вы хотите использовать для фона Web-страницы. Применение данного эффекта осветляет изображение, и его рисунок...
    Рис. 15.20. Результат применения...
    Рис. 15.20. Результат применения к изображению эффекта размытия...
    Автоэскизы
    Автоэскизы Кнопка Автоэскизы (Auto Thumbnail) на панели инструментов Рисунки позволяет представить графическое изображение в уменьшенном виде, оформленном как автоэскиз. Совет Для преобразования и...
    Рис. 15.21. Диалоговое окно для...
    Рис. 15.21. Диалоговое окно для настройки параметров автоэскизов Используя раскрывающийся список Задать (Set) вкладки Auto Thumbnail, вы можете задать один из следующих параметров автоэскиза (в пи...
    Задание фонового звука страницы
    Задание фонового звука страницы Мультимедиа играет большую роль в World Wide Web. В путешествии по сети Интернет вы, наверное, не раз встречали ссылки на аудио- и видеофайлы, для воспроизведения к...
    Рис. 15.22. Диалоговое окно Свойства страницы
    Рис. 15.22. Диалоговое окно Свойства страницы...
    Рис. 15.23. Диалоговое окно Фоновый звук
    Рис. 15.23. Диалоговое окно Фоновый звук Замечание Если хотите, чтобы звук воспроизводился непрерывно, установите флажок Непрерывно (Forever). Но не злоупотребляйте звуковыми эффектами. Звучащая н...
    Размещение видеозаписи и настройка ее свойств
    Размещение видеозаписи и настройка ее свойств FrontPage позволяет размещать на Web-страницах видеозаписи в формате AVI, позволяя тем самым оживить отображаемую информацию. При загрузке такого файл...
    Рис. 15.24. Вкладка Видеозапись...
    Рис. 15.24. Вкладка Видеозапись диалогового окна Свойства рисунка...
    Рис. 15.25. Видеозапись, размещенная на Web-странице
    Рис. 15.25. Видеозапись, размещенная на Web-странице...
    Замечание
    Замечание Если вы хотите, чтобы видеозапись воспроизводилась в течение всего просмотра Web-страницы, установите флажок Forever (Непрерывно). 6. Параметры области Начать (Start) позволяют задать мо...
    Использование тем в оформлении страницы
    Использование тем в оформлении страницы Вы вероятно, уже поняли, что оформление Web-страниц — работа трудоемкая, требующая не только больших затрат времени, но и умения. Разработчики FrontPage поз...
    Рис. 15.26. Диалоговое окно Темы
    Рис. 15.26. Диалоговое окно Темы В левой части этого диалогового окна расположен переключатель Применить тему (Apply Theme to), содержащий две опции, которые позволяют указать, на какие страницы W...
    Рис. 15.27. Вид диалогового окна...
    Рис. 15.27. Вид диалогового окна Темы после нажатия кнопки Изменить При нажатии кнопки Изменить (Modify), расположенной в нижней части диалогового окна Темы (Themes), появляются кнопки Цвета (Colo...
    Изменение цветовой схемы темы
    Изменение цветовой схемы темы FrontPage позволяет изменить используемую в оформлении темы цветовую схему. При этом применяемые в теме шрифты, графические элементы остаются неизменными, изменяется...
    Рис. 15.28. Вид диалогового окна...
    Рис. 15.28. Вид диалогового окна Изменение темы при изменении цветовой схемы 4. Перейдите на вкладку Цветовой круг (Color Wheel). Используя движок Яркость (Brightness), установите необходимую ярко...
    Рис. 15.29. Диалоговое окно Сохранение темы
    Рис. 15.29. Диалоговое окно Сохранение темы Посмотрите на список тем в диалоговом окне Темы. В нем появилось наименование созданной вами темы. При установке курсора мыши на созданную тему становит...
    Изменение оформления графических элементов
    Изменение оформления графических элементов Программа FrontPage предоставляет возможность изменять оформление графических элементов в теме. Для этого используется диалоговое окно Изменение темы (Mo...
    Рис. 15.30. Вид диалогового окна...
    Рис. 15.30. Вид диалогового окна Изменение темы, используемого для изменения оформления графических элементов 3. В верхней части диалогового окна расположен список Элемент (Item) настраиваемых гра...
    Изменение оформления текстовых элементов
    Изменение оформления текстовых элементов Если необходимо изменить в теме, предложенной программой FrontPage, оформление только текстовых элементов, воспользуйтесь диалоговым окном Изменение темы (...
    Рис. 15.31. Вид диалогового окна...
    Рис. 15.31. Вид диалогового окна Изменение темы при изменении оформления текста...









Начало        




Книжный магазин