Подготовил Обучающийся 11 группы: Полуницкий Евгений 2010 год. - презентация

1 Подготовил Обучающийся 11 группы: Полуницкий Евгений 2010 год

2

3

4

5 Размещая картинку на своей странице надо помнить, что не любой графический формат подходит для размещения на web – странице. Обычно используются следующие графические форматы растровой графики: JPEG, PNG или GIF. Для отсканированных фотографий, иллюстраций с постепенным переходом цвета лучше использовать JPEG, для кнопок, картинок – логотипов со сплошной заливкой чистым цветом лучше выбрать GIF. При этом рисунок нужно предварительно подготовить в графическом редакторе, чтобы при удовлетворительном качестве файл имел небольшой объем. 1-15Kb для небольших картинок и кнопок и не более 50-70Kb для более крупных графических объектов. Большие объемы графических файлов допустимы лишь в случае, если сайт представляет из себя что-то типа альбома или галереи и важно сохранить хорошее качество возможно для дальнейшей печати или более пристального изучения. Форматы графических файлов, используемых на web - страницах.

6 Для оптимизации графики для Web можно использовать программу для обработки изображений Adobe Photoshop, где есть возможность убрать дефекты с изображений, уменьшить их информационный объем. Но следует помнить, о том, что эта программа относится к редакторам растровой графики и при масштабировании изображения может иметь место эффект пикселизации. Сохранять подготовленные изображения следует командой Файл/Сохранить для Web, в этом случае изображение будет иметь формат Gif и сохранит прозрачные области. Оптимизация графики для Web.

7 Для создания анимированных кнопок, логотипов обычно используют программу Image/Reader. Для более сложных анимаций, сопровождающихся программированием используют программу Macromedia Flash.

8 Не стоит перегружать страницу графикой. На одной web - страничке можно разместить 5-7 небольших картинок (кнопки навигации, условные значки, такие как «почта» и т.п.) и 2-3 побольше (400x400 пикселей). Больших картинок, занимающих значительную часть экрана вообще лучше больше одной не ставить. Исключения возможны для специфических сайтов – альбомов, но все равно лучше его оформить описанным выше способом. Подготовка графики для размещения на страницах сайта. Не всегда имеющийся графический материал (рисунок или фотография) бывает хорошего качества. Часто он содержит лишние детали или какие–то дефекты. Поэтому не достаточно просто отсканировать, нужно устранить эти недостатки.

9 рисунок не должен мешать чтению информации на сайте. Часто начинающие web - мастера выбирают в качестве фона такие замысловатые и яркие рисунки, что прочесть информацию можно только после отключения в браузере опции «Вывод рисунка». Если Вы хотите поместить на страницу фоновый рисунок, не забудьте, что этот Выбирая цвета сайта, надо выбрать и цвета для текста. Надо, чтобы цвета основного текста, ссылок, в том числе и просмотренных, гармонировали с общей цветовой гаммой. При этом текст должен и нормально читаться. Подготавливая графику для сайта, стоит обратить внимание на цветовую гамму, и стиль представленной графики. Желательно, чтобы рисунки гармонировали друг с другом и с общим оформлением сайта. Иногда, например, убирают естественные цвета фотографий и делают их все в одном тоне Особо стоит сказать об анимированных рисунках. Конечно анимация оживляет сайт, придает ему динамичность, создает настроение. Но и тут, как и во всем нужна мера. Когда на странице все прыгает скачет и постоянно перемещается, это утомляет и раздражает посетителя, во всяком случае отвлекает от содержания. Часто с такой страницы хочется поскорее убраться. Анимация должна привлекать, расставлять акценты, не отвлекая от содержания. Надо учитывать

10 Особо стоит сказать об анимированных рисунках. Конечно анимация оживляет сайт, придает ему динамичность, создает настроение. Но и тут, как и во всем нужна мера. Когда на странице все прыгает скачет и постоянно перемещается, это утомляет и раздражает посетителя, во всяком случае отвлекает от содержания. Часто с такой страницы хочется поскорее убраться. Анимация должна привлекать, расставлять акценты, не отвлекая от содержания. Не стоит

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

12 При этом надо не забывать об эмоциональном воздействии цвета. Красный привлекает внимание, он энергичный, иногда агрессивный. Оттенки голубого часто используют как основной цвет фирменного стиля. Зеленый ассоциируется с природой, здоровьем, чистотой. Исследования показали, что самый часто используемый в Web-сайтах цвет – сине- зеленый. Желтый ассоциируется с солнцем, вызывает радостное, восторженное чувство. Светло-желтый тон сайта вызывает чувство бодрости, веселья. Ярко-желтый привлекает взгляд, приковывает внимание, особенно в контрасте с холодными тонами (голубой и зеленый). Желтый и черным дает наиболее мощный цветовой контраст. Оранжевый любят дети. Это наиболее энергичный цвет. Черный может выглядеть и мрачным, и таинственным, и элегантным.