Подготовка графических элементов web-страниц

Подготовка графических элементов web-страниц Основными графическими элементами web-сайта являются заголовки, кнопки, маркеры списков и текстуры. Они позволяют придать странице приятный в...

Рисунок 6.1. Так могли выглядеть первые web-страницы Вначале элементы страниц использовались по своему прямому назначению. Потом люди стали понимать, что сайт может быть не только инфор...

Рисунок 6.2. Первые шаги дизайнеров по просторам Всемирной паутины были довольно робкими Постепенно стали появляться более проработанные страницы. На них, как правило, присутствовали вы...

Рисунок 6.3. Страницы, похожие на эту, легко сделать при помощи HTML-редактора Примечание 2Примечание 2 Существует множество программ (например, XaraWebstyle), которые предназначены иск...

Рисунок 6.4. Дизайнеры набираются опыта, меняется и сам подход к оформлению страницы — внешний вид ставят на первое место Готовя оформление сайта, нельзя забывать и о его функциональнос...

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

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

Рисунок 6.7. Пример использования нарисованного текстового логотипа совместно с графикой В верхней левой части страницы находится название сайта — «OZON». Рядом с ним распол...

Рисунок 6.8. В оформлении сайта могут использоваться изображения, нарисованные дизайнером Примечание 4Примечание 4 Сайт, показанный на Рисунок 6.8, относится к проекту «Веди»...

Рисунок 6.9. При помощи инструмента Туре можно вводить в изображение и редактировать текстовые элементы После завершения ввода необходимо нажать кнопку с изображением галочки...

Таблица 6.1. Возможности настройки при работе с инструментом Туре (Текст) Элемент управления Функция...

Рисунок 6.10. Палитры управления вводом текста...

Таблица 6.2. Некоторые элементы управления панели Character (Символ) Элемент управления Функция Примечание 6Примечание 6Расстояние между двумя символами при...

Рисунок 6.11. Меню панели Character Панель Paragraph (Параграф) содержит элементы управления, позволяющие задать параметры параграфов текста. Вы можете изменить ширину полей и отступа к...

Рисунок 6.12. Окно задания параметров искажения текста Из списка Style (Стиль) выберите нужный режим искажения. Небольшие значки, расположенные рядом с пунктами списка, помогут вам зара...

Рисунок 6.13. Окно настройки наложения слоев В окне настройки наложения слоев вы можете выбрать режим взаимодействия изображения, находящегося на текущем слое с изображениями на нижних...

Рисунок 6.14. Окно настройки слоевого эффекта Drop Shadow Основными параметрами в данном случае являются Distance (Дистанция) (определяет «расстояние» от объекта до пл...

Рисунок 6.18. Эффекты отображаются на палитре Layers Эффекты отображаются в виде слоев, связанных со слоем, содержащим изображение. Щелчок мышью на стрелке, изображенной на символе Сове...

Рисунок 6.19. Контекстное меню слоя-эффекта Из этого меню вызывается окно управления эффектами. Кроме того, можно копировать эффекты между слоями. Для этого служат команды Copy Layer S...

Рисунок 6.20. Окно настройки команды Image Size В зоне Pixel Dimensions (Размеры в пикселах) отображаются сведения о размерах изображения в пикселах. В полях Width (Ширина) и Height (Вы...

Рисунок 6.21. Окно настройки команды Canvas Size Примечание 12Примечание 12 Изображение может существовать и за пределами видимой части документа. Под полями для ввода размеров холст...

Что нового мы узнали? В этом уроке мы узнали, какие бывают графические элементы страниц, и какие возможности дает дизайнеру их использование. Также мы рассмотрели основные средства под...