Как сделать страницу индексированной

Добавлено: 14.08.2017, 09:21 / Просмотров: 54434

Мамонтёнок

индексированной Взгляните на рисунок в формате jpg, небезызвестного мультипликационного героя Мамонтёнка который потерял свою маму.. плакать хочется.. нет, не из-за того, что мамонтенок не может найти свою маму (хотя и из-за этого тоже), а потому что синий фон ужасно режет глаза! так и хочется убрать эту синеву и залить фон рисунка таким цветом, чтобы он сливался с фоном страницы..

Думаю для Вас это не проблема! подумаешь открыть его с помощью того же фотошопа и залить фон нужным цветом! но а как быть если основной фон страницы это некая сложная текстура?

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Создание в рисунке прозрачных областей</title>
</head>
<body style="background: url(fon.gif)">
<img src="mammoth.jpg" alt="Мамонтёнок">
</body>
</html>

смотреть пример  

Открывать фотошоп и рисовать в рисунке с мамонтенком вместо синего фона клеточки? А потом пытаться подогнать их к основному фону страницы? Это не выход!!!

Так вот, докладываю, что графические форматы gif и png - поддерживают режим прозрачности, позволяя тем самым сделать некоторые области рисунка невидимыми человеческому глазу - что нам собственно и нужно!

Теперь по порядку:

1. Откройте рисунок фон которого нужно сделать прозрачным с помощью Adobe Photoshop.

2. Откройте закладку "Изображение" >> "Режим" >> "Индексированные цвета".

уроки фотошоп

3. В появившемся окне-диалоге "Индексированные цвета" ставим галочку "Прозрачность" и нажимаем "ОК"

уроки фотошоп

4. С помощью инструмента выделения "Волшебная палочка" и "Ластика" стираем в рисунке фон, собственно делая нужные нам части прозрачными.

уроки фотошоп

5. Ну и сохраняем нашу картинку в формате gif.. закладка "Файл" >> "Сохранить для Web…" в появившемся окне указываем (соглашаемся), что картинка будет сохранена в формате gif жмем "Сохранить".. выбираем папку пишем имя - всё это Вы, я надеюсь умеете..

Всё картинка с прозрачным фоном создана!!

Теперь её можно снова вставить в нашу страницу, не забыв при этом сменить расширение jpg на gif.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Создание в рисунке прозрачных областей</title>
</head>
<body style="background: url(fon.gif)">
<img src="mammoth.gif" alt="Мамонтёнок">
</body>
</html>

смотреть пример  

Такие вот дела..



Источник: http://www.webremeslo.ru/faq/faq3.html



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Создание собственной поисковой системы с помощью PHP - IBM Рисунки на ногтях и как это сделать


Как сделать страницу индексированной Как изменить структуру сайта без потери позиций? / Блог
Как сделать страницу индексированной Конструирование индексированных представлений - TechNet
Как сделать страницу индексированной Индексированные страницы - Форум
Как сделать страницу индексированной Создание связи - Access - Office Support
Как сделать страницу индексированной 6.6. Индексированный режим
Как сделать страницу индексированной Steam api dll скачать бесплатно
Как сделать страницу индексированной Time To Travel Travel Tips Information
«Сонник Роза приснилась, к чему снится во сне Роза» ВАЗ 2106: тюнинг своими руками Владимир Гиляровский. Москва и москвичи Как сделать прозрачный фон в Paint? Как убрать или МК бутоньерок подружек невесты / как сделать Подарок коллеге на 23 февраля своими руками

Похожие новости