НАЧАЛО  |

  ГРАФИКА  |

  СОФТ  |

  СКРИПТЫ  |

  WEB-МАСТЕРУ  

Web-дизайнеру.
Хитрости и тонкости.

 Тестируйте свой дизайн различными обозревателями! Помните, что не все пользователи Internet путешествуют через обозреватель Microsoft Internet Explorer. В мире существует масса других обозревателей, например, Netscape Communicator.                    

Функциональность и содержание Дизайн дизайном, но web-страница должна иметь хорошее информационное наполнение.

Функциональность и содержание Дизайн дизайном, но web-страница должна иметь хорошее информационное наполнение.

Как работать с графикой Стандартный пользователь Internet -- это пользователь, имеющий монитор с разрешением 640 на 480 пикселов. Поэтому любая графика вашего web-дизайна должна укладываться в этот размер. Кроме этого, графика в документе HTML должна иметь небольшой размер, иначе, ваше творение останется незамеченным.

Подписывайтесь под своим дизайном! Это правила хорошего тона. Подпись должна иметь ссылку на ваш адрес электронной почты.

Отмечайте время! Всегда ставьте дату последнего редактирования web-страницы.

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

Если вы что-то рекламируете... ...то используйте в тексте повторения.

Чтобы создать иллюзию безразмерности... ...выносите ваши рисунки на самую малость за край страницы.

Служебные объявления Служебные объявления всегда черно-белые.

Жирный шрифт и фотография Жирный шрифт и фотография -- элементы одного дизайна.

Текстовые и графические объекты Выравнивайте текстовые и графические объекты только одним способом, например, по центру.

Симметричность оформления Соблюдайте симметричность оформления графики и текста.

Не трогайте основной стиль! Изменяйте дизайн, не трогая основной стиль оформления вашего документа.

Текст над заголовками Текст над заголовками всегда оформляется уплотненным шрифтом, при этом заголовки оформляются одним шрифтом, а основной текст -- другим. Дизайн заголовка, текста над заголовком и строки автора -- всегда единый и гармоничный. Строка автора набирается маленькими прописными буквами. Шрифт строки автора идентичен шрифту заголовка.

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

Принцип контрастности Применяйте принцип контрастности: на фоне текста, набранного светлым шрифтом располагаются жирные заголовки.

Цитата Цитата -- внедренный текст. Шрифт цитаты идентичен шрифту строки автора.

Прочно привязывайте смысловую графику Прочно привязывайте смысловую графику к соответствующему ей основному тексту.

Комбинируйте! Комбинируйте различные элементы дизайна.

Дизайн первой страницы Дизайн первой страницы вашего документа должен отличаться от дизайна всех остальных страниц.

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

Симпатичные картинки Если вы хотите вставить в документ HTML несколько симпатичных картинок, но у вас их нет, то рекомендуем вам воспользоваться абсолютно бесплатными миниатюрами, листинги которых можно найти по адресу: hhtp:/www.yahoo.com/Computers/Multimedia/Pictures/Clip_Art

Только JPEG и GIF Помните, что в Web-страницах используются только файлы графических форматов JPEG и GIF.

Создавайте зеркала вашего сервера Помните о конечных пользователях. Гипертекстовые зеркала ощутимо не бьют по их карманам.

Всегда используйте название документа Если ваш документ не имеет названия, то такой документ считается непрофессионально подготовленным. Все web-страницы должны иметь заголовок. Это помогает пользователям понимать тему вашего документа.

Могут быть другие шрифты... Помните, что пользователи, посетившие вашу страницу, могут использовать для ее просмотра шрифты, весьма сильно отличающиеся от тех, которыми вы оформляли исходный документ HTML.

Забудьте о фреймах! Без комментариев. Так сказать, примите на веру! Список тэгов, пригодных только для обозревателя Microsoft Internet Explorer n <BGSOUND>... n <BODY>... BGPROPERTIES=значение n <BODY>... LEFTMARGIN=n n <BODY>... TOPMARGIN=n n <CAPTION>... VALIGN=позиция n <COL>... n <COLGROUP>... n <COMMENT>... n <FORM>... TARGET=имя n <FRAMESET>... FRAMESPACING=n n <IFRAME>... n <ISINDEX>... ACTION=url n <LINK>... SRC=url REL=связь TYPE=TEXT/CSS n <MARQUEE>... n <OBJECT>... n <SPAN>... n <STYLE>... n <TABLE>... BORDERCOLOR=цвет n <TR>... n <TABLE>... FRAME=значение n <TABLE>... RULES=значение n <TBODY>... n <TFOOT>... n <THEAD>...

Список тэгов, пригодных только для обозревателя Netscape Navigator n <FRAME>... BORDERCOLOR=цвет n <FRAMESET>... BORDER=n n <IMG>... LOWSRC=url n <MULTICOL>... n <NOSCRIPT>... n <SCRIPT>... SRC=url n <SPACER>... n <TEXTAREA>... WRAP=стиль n <UL>... ... TYPE=метка

Страница должна уместиться на экране пользователя Не заставляйте пользователей прокручивать вашу web-страничку! Пусть они увидят ее целиком сразу после загрузки! Оптимальное разрешение экрана пользователя Internet Большинство пользователей видят ваш web-дизайн на экране с разрешением 640 на 480 и лишь 10% используют экран с разрешением 1024 на 768. Итоговая статистика обозревателей Internet Более 60% пользователей путешествуют по Internet с помощью обозревателя Microsoft Internet Explorer и лишь 30% используют для этих целей Netscape Navigator. Плохие хорошие продвинутые тэги Помните, что тэги новых (например, великолепный тэг <MULTICOL> -- "многоколоночный" текст) языка HTML распознаются пока еще не всеми обозревателями Internet. Кодировки и ваш web-дизайн Ваш web должен поддерживать несколько кодировок. Не раздражайте посетителей! Продвинутые апплеты Java иногда не распознаются даже самыми продвинутыми обозревателями Internet, а потому просто раздражают посетителей. Не играйте в детские игрушки! Длинными бегущими строчками на полосе состояния обозревателя сейчас уже никого не удивишь! Альтернативный текст Подписывайтесь под картинкой. Используйте для этого альтернативный текст тэга <IMG>. Профессионалы встраивают под этот тэг даже большие текcтовые абзацы.

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

Разбивайте большие документы! Если ваш документ слишком громоздкий, разбейте его на несколько частей, каждой из которых присвойте отдельную ссылку.

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

Помните о регистре! Ссылки должны быть написаны только маленькими буквами. Не все пользователи Internet работают в Windows!

Помните о мета-тэгах! Роботы загружают 200 строк гипертекста исходя из мета-тэговой информации.

Безопасные цвета Используйте только безопасную палитру с 256 цветами.

Обновляйте свой сайт Дизайн должен обновляться! Информация быстро устаревает, поэтому и она должна обновляться!

Время загрузки вашего сайта должно быть не более 10 секунд! Не испытывайте терпение пользователей! Ограничьтесь 100 килобайтами графики и распределите их на все ваши страницы.

Схема типичного web-сервера n Техническая часть. n Маркетинговая часть. n Коммерческая часть. n Двуязычность коммерческой и маркетинговой информации. n "Горячие новости". n Действующие программы. n Изменения цен. n Ассортимент складской продукции. n При упоминании продукта должна быть ссылка на его описание. n Ссылки извне и изнутри, т.е. в каждой из рубрик должны быть ссылки на все остальные рубрики. n Автоматическая регистрация обращающихся к коммерческой информации и передача ее на обработку в отдел продаж. n Специальные предложения. n Описания программ, условий, сроков действия. Упорядочиваются по производителям. n Распродажи. n Продукция со склада. n Информация для партнеров.

Как заработать деньги на Internet Прежде всего вам необходимо сделать ваш web-сервер популярным (cделать свой сайт популярным -- весьма нелегкая задача; для начала вы должны зарегистрировать его в поисковых системах Interne). Любой популярный (новостной, поисковый, развлекательный) ресурс Internet способен приносить прибыль через рекламу. Вы просто продаете часть своего web-сервера за реальные деньги, которые вам будут платить рекламодатели. Второй способ заработать на Internet -- создать качественную сетевую службу (поисковая система, web-хостинг, изготовление баннеров и web-серверов). Услуги этой службы оплачиваются тоже реальными деньгами. Третий способ -- собственный виртуальный магазин. В виртуальном магазине можно продавать практически любую продукцию. Главное -- это построить такой магазин. Это весьма-весьма нелегкая задача. На ее решение может уйти от 7.000 до 200.000 долларов.

Конвеpтирование HTML в удобочитаемый текст Любой более или менее продвинутый обозреватель Internet способен сохpанять страницу в виде текстового файла.

Оценка длительности воспроизведения гипертекстовой страницы Длительность воспроизведения гипертекстовой страницы зависит от скорости вашего модема. Обычно модем со скоростью 14,4 Кбит/с загружает килобайт данных около секунды.

Хороший и несложный редактор для домашних страничек Редактор страниц Web -- программа Microsoft FrontPage Express позволяет использовать все возможности, которыми располагает HTML.

Скорость перерисовки картинки Любое изображение, которое вы видите на экране отображается с использованием цветовой палитры Windows. Скорость перерисовки картинки зависит от точности изображения на экране. Цвет или градации серого при печати передаются в соответствии с информацией графического файла. При уменьшении растра картинки -- тонкие линии, узоры, линии сетки, некоторые фрагменты могут исчезнуть на экране монитора, но появиться на распечатке с высоким разрешением.

Зачем вам нужен DirectX Стандарт DirectX является программным интерфейсом, прежде всего позволяющим вашей звуковой плате более полно общаться с системой. Имея DirectX, вы сможете заставить Windows 98 более ускоренно воспроизводить звуковые файлы и использовать большее количество аудиоканалов в играх и профессиональных системах обработки звука.

Зачем вам нужен ActiveX Стандарт ActiveX является программным интерфейсом, который связывает тот или иной web-ресурс с операционной системой Windows.

KOI8 и как с ней бороться Стандарт KOI8 является кириллической кодовой таблицей, позволяющей вам обмениваться некоторыми сообщениями электронной почты и просматривать web-страницы. Для того, чтобы Winindows 98 понимала KOI8, необходимо установить многоязыковую поддержку и шрифты с кодировкой KOI8.

Кодировки российских серверов Помните, что российские серверы Web поддерживают русский язык либо через кодовую страницу 1251 (Windows 95), либо через таблицу КОI8 (Unix).

Автоматическая подстановка адресов Internet Откройте обозреватель Microsoft Internet Explorer. Поставив флажок

Использовать Автозавершение (доступ: Вид к Свойства обозревателя к Дополнительно), вы можете использовать автоматическую подстановку адресов по мере их введения в поле Адрес.

Отображение адресов страниц URL в полном формате Вы можете отображать в строке состояния адреса Internet или адреса страниц URL в полном формате. Откройте обозреватель Microsoft Internet Explorer, обратитесь к диалоговому окну Свойства обозревателя, перейдите к вкладке Дополнительно и поставьте флажок Показывать краткие ссылки (доступ: Вид к Свойства обозревателя к Дополнительно). Уменьшение вероятности сбоев других приложений Для того, чтобы уменьшить вероятность сбоев других приложений, открывайте новую копию Internet Explorer при каждом его запуске. Для этого откройте обозреватель Microsoft Internet Explorer, обратитесь к диалоговому окну Свойства обозревателя, перейдите к вкладке Дополнительно и поставьте флажок Использовать для просмотра новый процесс. Способы подчеркивания ссылок Вы можете выбрать способ подчеркивания ссылок (подчеркивать все ссылки, не подчеркивать ссылки или подчеркивать, если указатель мыши находится на ссылке). Для этого откройте обозреватель Microsoft Internet Explorer, обратитесь к диалоговому окну Свойства обозревателя, перейдите к вкладке Дополнительно и активизируйте одну из опций раздела Подчеркивание ссылок.

Выключение графических изображений при отображении страниц Если вы хотите ускорить вывод страниц Internet, откройте обозреватель Microsoft Internet Explorer, обратитесь к диалоговому окну Свойства обозревателя, перейдите к вкладке Дополнительно и снимите все флажки в разделе Мультимедиа.

Отправка и получение секретных сведений Вы можете отправлять и получать секретные сведения по частному протоколу SSL3 (Secured Sockets Layer Level 3). Для этого откройте обозреватель Microsoft Internet Explorer, обратитесь к диалоговому окну Свойства обозревателя, перейдите к вкладке Дополнительно и активизируйте опцию SSL 3.0 в разделе Безопасность.

Прямая обработка Cookies-файлов Вы можете сообщить обозревателю, чтобы он обрабатывал все файлы с вашими личными данными без подтверждения. Для этого откройте обозреватель Microsoft Internet Explorer, обратитесь к диалоговому окну Свойства обозревателя, перейдите к вкладке Дополнительно и активизируйте опцию Всегда принимать файлы cookie в разделе Безопасность.

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

Поиск адресов Internet с использованием других суффиксов Вы можете вести поиск адресов Internet, используя заданные суффиксы. Для этого откройте обозреватель Microsoft Internet Explorer, обратитесь к диалоговому окну Свойства обозревателя, перейдите к вкладке Дополнительно и активизируйте опцию Автопроверка общих корневых доменов в разделе Поиск.

Автоматическое создание приложений Java Вы можете сообщить обозревателю, чтобы он автоматически создавал все приложения Java с помощью собственного компилятора. Для этого откройте обозреватель Microsoft Internet Explorer, обратитесь к диалоговому окну Свойства обозревателя, перейдите к вкладке Дополнительно и активизируйте опцию Включить компилятор Java JIT в разделе Виртуальная машина Java. Создание журнала активности всех программ Java Вы можете создать журнал активности всех программ Java. Для этого откройте обозреватель Microsoft Internet Explorer, обратитесь к диалоговому окну Свойства обозревателя, перейдите к вкладке Дополнительно и активизируйте опцию Включить консоль языка Java в разделе Виртуальная машина Java. Подключение к Internet через прокси-сервер локальной сети Если вы хотите подключиться к Internet через прокси-сервер, откройте обозреватель Microsoft Internet Explorer, обратитесь к диалоговому окну Свойства обозревателя, перейдите к вкладке Соединение, поставьте флажок Подключение к Internet через прокси-сервер и введите в поля данных адрес прокси-сервера и номер порта. Если вы не хотите использовать прокси-сервер для адресов вашей сети, поставьте флажок Не применять прокси-сервер для локальных адресов. После этого доступ к адресам вашей сети будет гораздо быстрее.

Как получить список поставщиков услуг Internet Многие пользователи желают непосредственно подключиться к Internet, подразумевая под этим, что в мире имеется нечто предоставляющее прямое подсоединение к сети. Это заблуждение. В мире существует Магистральный канал Internet. Поэтому для того, чтобы подключиться к Internet необходимо только идентифицировать межсетевого поставщика услуг (ISP) или провайдера. Провайдер уже подключен к Internet. Другими словами, необходимо отыскать список провайдеров. Список этот очень огромен. Он включает в себя крошечных провайдеров с единственным компьютером и малым количеством линий и монстров, имеющих сотни тысяч метров стекловолоконных линий. Получить список провайдеров вы можете, если отправите письмо в BSDI по адресу isp-request@bsdi.com и включите в него строку AREACODE <код вашего региона>. Изменение шрифтов в обозревателе Internet Откройте редактор реестра и обратитесь к ветви HKEY_LOCAL_MACHINE к Software к Microsoft к Internet Explorer к Styles и измените параметр шрифта в ключе Default_Style_Sheet. Зачем вам нужны файлы MIME Поскольку Internet ограничивает электронную почту только ASCII-текстом, вы не можете использовать ее для пересылки файлов в двоичном коде, например, таких как графические, файлы текстовых процессоров и программные, использующие 8-й бит. Решение заключается в преобразовании этих файлов в текст перед пересылкой их по Internet. Имеется несколько обычных способов делать это, в том числе с помощью программ MIME (Multipurpose Internet Mail Extensions -- Многоцелевого расширения почты Internet) или UUENcode.Когда вы получаете MIME-файл, необходимо декодировать его перед просмотром. На Internet есть множество декодирующих программ, как бесплатных, так и условно-бесплатных.

Почему именно GIF, а не JPEG? На сегодняшний день графический формат GIF (Graphics Interchange Format) -- самый основной в Internet. Обусловлено это прежде всего тем, что файлы картинок, сохраненные в формате GIF, весьма компактны. GIF очень плотно сжимает графический файл, при этом на качестве самой картинки подобное сжатие практически не отражается. У конкурента GIF -- формата JPEG -- имеется только одно очевидное преимущество: JPEG способен работать не только с 256 цветами (количество цветов в GIF может быть от 2 до 256), а с полноцветными картинками с 16 миллионами цветов. Кроме того, для стандартных рисунков формат JPEG вообще противопоказан, так как этот формат не способен сохранять всю насыщенность гаммы. GIF обладает еще одной необыкновенной возможностью. Этот графический формат позволяет определять в исходной картинке прозрачные цвета, т.е. части картинки при ее просмотре в обозревателе становятся невидимыми. Итак, GIF -- рисунки, а JPEG -- фотографии.

Что такое безопасная палитра Обозреватели Netscape Navigator и Microsoft Internet Explorer изменяют цветовую палитру любых изображений при их выводе на экран. Эти программы подстраивают палитру выводимой картинки к системной палитре. Поэтому web-дизайнеры используют так называемые безопасные для web цвета. Речь идет о наборе из гарантированных 216 цветов, которые не искажаются обозревателями Internet. Это означает, что если ваша картинка сделана с использованием цветов из безопасного набора, то в любом обозревателе она отобразится так, как вы ее видите сами.

Как создать баннер Баннеры -- это реальная реклама в Internet. Именно о баннерной рекламе вспоминают около 96% опрошенных Internet-пользователей. Достаточно однократного просмотра Вашего баннера и реклама начинает работать. Вложенные деньги начинают приносить прибыль. Баннерная реклама -- это реклама, приносящая реальную отдачу. Стандартный баннер имеет размер 468х60 пикселей и весит до 15 Кб. Понятно, что баннер в конце-концов будет обыкновенной GIF-картинкой, но создается он в палитре true color. Весьма существенно на размер файла баннера, как и на любое графическое изображение, влияет исходное количество цветов. Поэтому вам придется обыкновенным методом тыка выбрать оптимальное количество цветов, т.е. то, которое существенным образом не отразится на качестве исходного изображения. Но в любом случае помните, что однородный текст на однородном фоне состоит из 8 цветов (не более).

Пример создания обыкновенного баннера Попробуем проследить за тем, как создавался баннер для корпорации ЮНИ. n Работаем в Adobe Photoshop 5.0 n Операционная система: Microsoft Windows 98  

1. Откроем графический редактор Adobe Photoshop 5.0.

2. Из меню Файл выберем команду Новый и заполним поля открывшегося диалогового окна также, как это сделано на нижнем рисунке.

3. На диске создадим папку Banner и сохраним созданную картинку в этой папке под именем banner.psd. Для этого из меню Файл выберем команду Сохранить как.

4. У нас получилась обыкновенная прозрачная картинка в формате Adobe Photoshop.

5. Обратившись к меню Окно, выберем команду Показать Цвета. Перед нами Палитра цветов. В этой палитре определим цвет фона нашего баннера следующим образом: n Red: 97 n Green: 166 n Blue: 19

6. Выбрав из Палитры инструментов инструмент Заливка, применим его к нашей прозрачной картинке.

7. Теперь наш баннер имеет зеленоватую подложку.

8. Сохранимся через комбинацию клавиш Ctrl+S.

9. Найдем в нашей библиотеке картинок изображение сияющего компьютерщика и поместим его через команду Ctrl+O в Adobe Photoshop.

10. Выделим эту картинку через команду Ctrl+A.

11. Скопируем эту картинку через команду Ctrl+С.

12. Возвратившись к нашей работе, через команду Ctrl+V поместим компьютерщика в баннер. Обратите внимание, что Adobe Photoshop в своей Палитре слоев автоматически создал новый слой.

13. Нажмем комбинацию клавиш Ctrl+T.

14. Наш компьютерщик выделился квадратиками. Удерживая клавишу Shift, подгоним размер компьютерщика под желаемый и нажмем клавишу Enter.

15. Удерживая клавишу Ctrl, сместим компьютерщика влево.

16. Обратимся к Палитре слоев и создадим еще один слой нашего баннера. Для этого просто щелкнем мышкой на пиктограмме .

17. С помощью инструмента Эллиптическое выделение создадим в новом слое круг и зальем этот круг черным цветом.

18. С помощью инструмента Прямоугольное выделение создадим в новом слое полоску и зальем ее черным цветом.

19. Сохранимся через комбинацию клавиш Ctrl+S.

20. Обратимся к Палитре инструментов и выберем инструмент Пипетка.

21. Инструментом Пипетка выберем из Палитры цветов желтый цвет.

22. Обратимся к Палитре инструментов и выберем инструмент Печать.

23. Инструментом Печать щелкнем в любом месте нашего баннера.

24. В открывшемся диалоговом окне Инструмент Печати выберем кириллический шрифт PragmaticaC, определим его размер (10 пунктов) и наберем текст "АУДИТ СЕТЕЙ".

25. Нажмем кнопку OK. 26. Нажав Ctrl+T и удерживая клавишу Shift, подгоним размер текста под желаемый и нажмем клавишу Enter.

27. Удерживая клавишу Ctrl, поместим текст на круг.

28. Сохранимся через комбинацию клавиш Ctrl+S.

29. Обратимся к Палитре инструментов и выберем инструмент Пипетка.

30. Инструментом Пипетка выберем из Палитры цветов белый цвет.

31. Обратимся к Палитре инструментов и выберем инструмент Печать.

32. Инструментом Печать щелкнем в любом месте нашего баннера.

33. В открывшемся диалоговом окне Инструмент Печати выберем кириллический шрифт PragmaticaC, определим его размер (10 пунктов), наберем текст "Y2K" и нажмем кнопку OK.

34. Нажав Ctrl+T и удерживая клавишу Shift, подгоним размер текста под желаемый и нажмем клавишу Enter.

35. Удерживая клавишу Ctrl, поместим текст на экран компьютера.

36. Сохранимся через комбинацию клавиш Ctrl+S.

37. Повторив шаги 29-35 (шрифт: CyrillicHover), добавим в наш баннер еще одну надпись.

38. Сохранимся через комбинацию клавиш Ctrl+S.

39. Повторив шаги 29-35 (шрифт: CyrillicHover), добавим в наш баннер последнюю надпись.

40. Сохранимся через комбинацию клавиш Ctrl+S.

41. Обратимся к Палитре слоев и склеим все слои нашего баннера.

42. Из меню Изображение выберем команду Размер Изображения.

43. Заполним поля открывшегося диалогового окна также, как это сделано на следующем рисунке и нажмем кнопку OK.

44. Обратите внимание, что мы просто изменили разрешение нашей картинки с 400 DPI на 72 DPI.

45. Из меню Файл выберем команду Файл к Экспорт к GIF89a Экспорт.

46. Заполним поля открывшегося диалогового окна также, как это сделано на следующем рисунке и нажмем кнопку OK.

47. В открывшемся диалоговом окне ЭкспортGIF89 в поле File name введем имя GIF-файла нашего баннера и нажмем кнопку OK. Как создать анимационную картинку Анимационный GIF является обыкновенным графическим файлом. Изюминка в том, что подобный файл состоит из нескольких изображений, которые через тот или иной обозреватель Internet последовательно выводятся на экран пользователя. Чтобы создать анимационную картинку, вам необходимо сначала создать картинки, из которых будет состоять результирующий файл. Эти картинки можно сделать, например, в Adobe Photoshop, а собрать их вам поможет одна из следующих программ: n GIF Construction Set 32 n Microsoft GIF Animator n Ulead GIF Animator Ниже представлен рисунок с программой Microsoft GIF Animator.

Приложения Раскладка цветовой гаммы по RGB-составляющим

Белоснежный (Snow) FFFAFA

Призрачно-белый (Ghostwhite) F8F8FF

Белый-антик (Antique White) FAEBD7

Кремовый (Cream) FFFBF0

Персиковый (Peachpuff) FFDAB9

Белый-навахо (Navajo White) FFDEAD

Шелковый оттенок (Cornsilk) FFF8DC

Слоновая кость (Ivory) FFFFF0

Лимонный (Lemon Chiffon) FFFACD

Морская раковина (Seashell) FFF5EE

Медовый (Honeydew) F0FFF0

Лазурный (Azure) F0FFFF

Бледно-лиловый (Lavender) E6E6FA

Голубой с красным отливом (Lavender Blush) FFF0F5

Тускло-розовый (Misty Rose) FFE4E1

Белый (White) FFFFFF

Черный (Black) 000000

Тускло-серый (Dim Gray) 696969

Синевато-серый (Slate Gray) 708090

Грифельно-серый (Light Slate Gray) 778899

Серый (Gray) BEBEBE

Светло-серый (Light Gray) C0C0C0

Серый нейтральный (Medium Gray) A0A0A4

Темно-серый (Dark Gray) 808080

Полуночно-синий (Midnight Blue) 191970

Темно-синий (Dark Blue) 000080

Васильковый (Cornflower) 6495ED

Грифельно-синий (Slate Blue) 6A5ACD

Светлый грифельно-синий (Light Slate Blue) 8470FF

Голубой королевский (Royal Blue) 4169E1

Синий (Blue) 0000FF

Небесно-голубой (Sky Blue) 87CEEB

Светлый небесно-голубой (Light Sky Blue) 87CEFA

Синий со стальным оттенком (Steel Blue) 4682B4

Голубой со стальным оттенком (Light Steel Blue) B0C4DE

Светло-синий (Light Blue) A6CAF0

Синий с пороховым оттенком (Powder Blue) B0E0E6

Бледно-бирюзовый (Pale Turquoise) AFEEEE

Бирюзовый (Turquoise) 40E0D0

Зеленовато-голубой (Cyan) 00FFFF

Светлый циан (Light Cyan) E0FFFF

Темный циан (Dark Cyan) 008080

Серо-синий (Cadet Blue) 5F9EA0

Аквамарин (Aquamarine) 7FFFD4

Цвет морской волны (Seagreen) 54FF9F

Светлая морская волна (Light Seagreen) 20B2AA

Бледно-зеленый (Pale Green) 98FB98

Весенний зеленый (Spring Green) 00FF7F

Зеленая лужайка (Lawn Green) 7CFC00

Зеленый (Green) 00FF00

Нейтральный зеленый (Medium Green) C0DCC0

Темно-зеленый (Dark Green) 008000

Зеленовато-желтый (Chartreuse) 7FFF00

Зелено-желтый (Green Yellow) ADFF2F

Лимонно-зеленый (Lime Green) 32CD32

Желто-зеленый (Yellow Green) 9ACD32

Зеленый лесной (Forest Green) 228B22

Бледно-золотистый березовый (Pale Goldenrod) EEE8AA

Светло-желтый золотистый (Light Goldenrod Yellow) FAFAD2

Светло-желтый (Light Yellow) FFFFE0

Желтый (Yellow) FFFF00

Темно-желтый (Dark Yellow) 808000

Золотой (Gold) FFD700

Светло-золотистый (Light Goldenrod) FFEC8B

Золотисто-березовый (Goldenrod) DAA520

Легкий желтый (Burly Wood) DEB887

Розово-коричневый (Rosy Brown) BC8F8F

Кожано-коричневый (Saddle Brown) 8B4513

Охра (Sienna) A0522D

Бежевый (Beige) F5F5DC

Пшеничный (Wheat) F5DEB3

Рыжевато-коричневый (Tan) D2B48C

Шоколадный (Chocolate) D2691E

Кирпичный (Firebrick) B22222

Коричневый (Brown) A52A2A

Самон (Salmon) FA8072

Светлый самон (Light Salmon) FFA07A

Оранжевый (Orange) FFA500

Коралловый (Coral) FF7F50

Коралловый светлый (Light Coral) F08080

Оранжево-красный (Orange Red) FF4500

Красный (Red) FF0000

Темно-красный (Dark Red) 800000

Теплый розовый (Hot Pink) FF69B4

Розовый (Pink) FFC0CB

Светло-розовый (Light Pink) FFB6C1

Красно-фиолетовый бледный (Pale Violet Red) DB7093

Темно-бордовый (Maroon) B03060

Красно-фиолетовый (Violet Red) D02090

Фуксин (Magenta) FF00FF

Фуксин темный (Dark Magenta) 800080

Фиолетовый (Violet) EE82EE

Темно-фиолетовый (Plum) DDA0DD

Орсель (Orchid) DA70D6

Фиолетово-синий (Blue Violet) 8A2BE2

Пурпурный (Purple) A020F0 З


 

эффективная раскрутка сайта Submitter.ru - Promoting!
Hosted by uCoz