Вставить фото, изображение

По идее на странички сайта можно вставить всё, что душа пожелает - фото, изображение, картинки, видео и т.д. Ну, к видео мы вернёмся чуть позже. А вот фото, изображения можете вставлять какие угодно. Вот код, осталось только прописать свой адрес до вашего изображения, вместо моего:

<img src="http://seozar.ru/images/logo.png">

Главное не забывайте сжимать посильнее. Но что бы и вид не портился и фотография (изображение) весила поменьше. Да, интернет сейчас быстрый. Но следует помнить, что к вам на сайт будут приходить сотни, а то и тысячи человек. Создавая мощнейшую нагрузку на сервер. А от сюда вывод. Чем меньше весит изображение, тем меньше нагрузка на сервер, тем меньше платите за хостинг.

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


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

<img src="http://seozar.ru/images/logo.png" width="200" height="100" align="absbottom">

http://seozar.ru/images/logo.png - это путь до вашего фона.

width="200" - ширина изображения.

height="100" - высота.

align="absbottom" - выравнивание.

Как-нибудь я сделаю отдельную тему по поводу тегов, для удобства. А то уже некоторые забывать начинаю :)


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


Так же изображение можно использовать как ссылку. Например вместо кнопки, или ещё для чего.

<img src="http://seozar.ru/images/logo.png" width="200" height="100" alt="Сеозар" longdesc="http://seozar.ru">

alt="Сеозар" - замещающий текст

longdesc="http://seozar.ru" - ваша ссылка

Есть один неприятный момент. Если вы используете изображение, как ссылку. То браузер будет показывать его в голубой (синей) рамке (окантовке). Что бы избежать этого достаточно прописать в таблице стилей следующий код:

a:focus {outline: none;}

Убирает рамку вокруг активных изображений - ссылок.


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

А то некоторые совсем с ума сходят :) Например рассказывают про заработок и тут же фото в пол сайта с загребущими руками лепят. Это только отвлекает и не несёт ни какой информации. Лично у меня вызывает только раздражение и я стараюсь побыстрее смыкнуть с такого сайта.

Нет, не подумайте, я не против вставки изображений, фото и т.д. Просто по моему скромному мнению всё должно быть в меру и по теме. Есть конечно сайты для детей и т.д. Там да, чем больше всяких красивостей и прекрасностей, тем лучше. А если пытаетесь сделать деловой сайт. Там, из за одного лишнего изображения можете потерять хорошего клиента. Задумайтесь об этом.

В общем изображения можно использовать по разному. Можно просто своё фото вставить, что бы все любовались вашей неотразимостью :) А можно хорошее, красивое и удобное меню сделать. Тут уж на вкус и цвет товарищей нет. У кого на что фантазии хватит :)

Немного рекламы :)

Copyright, design, ideas © Mihail. При копировании материалов, ссылка на сайт "Seozar.ru" обязательна. Контакты - admin@halych.ru
Тариф «Первый»: 2 сайта, 1 Гб, 2 MySQL, 2 FTP