Vgraphics

 

  векторный клипарт
Шкафы Роникон - распродажа: распродажа шкафов.

    татуировки векторная графика

    векторная АРТ графика

    изображения животных

    птицы векторные изображения

    рыбы векторные изображения

    рептилии векторная графика

    динозавры векторная графика

     насекомые векторная графика

    цветы и растения графика

  орнаметы векторные

    индейские орнаменты

    кельтские орнаменты

    русские орнаметы

    японские орнаменты

    викторианские орнаменты

    арабески

    узоры

    африканские узоры

    виньетки

    визитные карточки

  растровая графика

    фоновые рисунки и обои

    открытки

    шаблоны и костюмы PSD

    граффити

  gif-анимация

    3D gif-анимация

    авто  gif-анимация

    животные  gif-анимация

    АРТ gif-анимация

  шрифты

  бесплатный софт

  учебники и пособия

 

открытки к праздникам

  день РОЖДЕНИЯ

  знаки ЗОДИАКА

  Свадьба

  Новый год и Рождество

  Татьянин день

  день св. Валентина

  день защитника Отечества

  8 марта

  1 апреля

  Пасха

  1 мая

  день Победы

  день Молодежи

  день Знаний

 

Оглавление >>>

 

Открытая  техническая библиотека CNCexpert.ru
Библиотека бесплатных свободно распростроняемых изданий.

книги, учебники, пособия, справочники, журналы, документация, сборники нормативных документов, ГОСТы, СНИПы, свободно распростроняемый софт и др.

 

ГОСТы полный каталог
Сборник нормативных документов 2011г.

Формат: HTML. Страниц: более 320000. Государственные стандарты.

 

Открытый строительный каталог
Полный каталог нормативных документов в области строительства 201.

Формат: HTML. Более 400 разделов документации.

 

Открытый каталог энергетика
Библиотека главного инженера 2011г.

Формат: CHM
Информационный минимум для малых предпиятий. Kаталог основных нормативных документов в области энергетики

 

Как сделать сайт самому?

 

Автор пособия: Vgraphics

Год выпуска: 2005
Жанр: Пособие.
Описание:
Основы web - дизайна. Иллюстрированный самоучитель по созданию сайтов.
Первоисточники: Открытая библиотека дизайнера Vgraphics.ru.

Ресурсы: http://www.vgraphics.ru/

 

При использовании материалов сайта, ссылка на ресурс http://www.vgraphics.ru обязательна!

  3.3. Графические элементы оформления веб-страниц.

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

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

Но если на странице совсем не использованы элементы графики, она тоже будет восприниматься неадекватно: однообразие текстового изложения мешает читателю воспринимать даже интересующий его материал.

Конечно, можно многого достичь, используя стилевое оформление страницы (с помощью каскадных таблиц стилей, описанных в следующей главе). Однако есть еще один способ “оживить” веб-страницу. Он заключается в использовании небольшого числа мелких графических элементов в качестве элементов оформления. Обратите внимание на то, что эти элементы должны быть мелкими. Это важно по двум причинам: во-первых, они не отвлекают на себя внимание читателя (а только придают веб-странице лучший внешний вид), а во-вторых, малые по размеру рисунки загружаются из Сети довольно быстро, что обычно сопоставимо со скоростью загрузки текста.

Линейки и буквицы

Какие же графические элементы возможно применять в качестве такого “украшения”? Здесь надо проявить фантазию. Если вы придумаете что-нибудь оригинальное, ваша веб-страница будет смотреться необычно, “не как другие”, и запомнится посетителю. Однако перечислим несколько ставших уже традиционными вариантов такого применения графики. Во-первых, это различные графические разделители, обычно горизонтальные, применяемые вместо горизонтальной черты (<HR>). Хотя тег <HR> и поддается настройке, графический разделитель часто выглядит лучше.

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

Можно также применить графический элемент в качестве буквицы. Вообще-то, в скором времени поддержка буквицы предполагается и в HTML, но эта буквица выполнена объемной, с тенью и даже как бы с отражением света (хотя палитра этого GIF-файла для уменьшения размера содержит всего 16 цветов). Нетрудно догадаться, каким образом она вставлена в текст:

<IMG SRC="Images/bukvical.gif" WIDTH="121" HEIGHT="111" BORDER="0"'ALIGN="LEFT" АLТ="Д"> авным-давно жил-был на белом свете царь Горох. И были у него поля гороховые, и леса гороховые, и...

Для экономии места мы не приводим текст странички целиком, а только то место где вставлена буквица.) Установка атрибута ALIGN="left" обеспечивает обтекание текстом рисунка (буквицы). На всякий случай в качестве альтернативного текста дается буква “Д”, чтобы пользователю с отключенной графикой не приходилось строить догадки относительно первой буквы.

Для завершения оформления можно еще создать градиентный фон . Не забывайте только обязательно указывать значение атрибута ALT= во всех тегах <IMG>.

И, конечно, не пренебрегайте возможностью сделать графические элементы активными — превратить их в гиперссылки или даже в карту графических ссылок. Наличие гиперссылки всегда производит хорошее впечатление.

copyright © 2014 Vgraphics.ru