Сайт поможет начинающему web-мастеру в создании вашей первой html-страницы. А более опытному мастеру, возможно, напомнит о каких то деталях. Основная тематика сайта - создание сайтов, HTML, web-программирование.


Обсуждение Далее

Изображения. Атрибуты тега <IMG>

Автор: admin | Дата: 15.05.2008

Для того чтобы вставить изображения на ваши страницы вы должны воспользоваться тегом <IMG>. Идея вставки изображений заключается в том, что вы просто указываете путь, где лежит ваше изображение и дополнительные параметры, например, ширину и высоту рисунка. Вот об этих параметрах и пойдет речь в этой статье.

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

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

Читать далее…

Похожие записи

Теги: , , , , ,

Обсуждение: 1 Далее

Оптимизация графики для Web

Автор: admin | Дата: 05.12.2007

Хорошая web-страница, должна иметь читабельный шрифт, удобную навигацию, светлый фон, и сравнительно небольшой объем. Разве текст занимает много объема? Нет, если это не роман на одной странице! Увеличить объем страницы помогут большие, неоптимизированные картинки. Кроме того, если вы не укажете для картинок параметры высоты (height) и ширины (width), пользователь будет дожидаться загрузки картинок, и только после этого, загрузки всей страницы. Также, часто, для размещения картинки необходимых размеров, ее указывают принудительно для файлов больших размеров. Таким образом, картинка не только искажается, но и размер ее остается прежним. Все эти подходы, не правильны! Для того чтобы пользователю понравился сайт, вам необходимо предложить ему качественные и оптимизированные картинки, которые в свою очередь обеспечат более быструю загрузку страницы.

Наиболее популярные в Интернете форматы графических файлов - gif и jpg. GIF - это 256-цветный формат, предназначенный для рисованных изображений. JPG - многоцветный формат, предназначенный для фотоизображений. Для формата JPG - используется сжатие файлов, причем разной степени. Таким образом, при сильном сжатии, качество рисунка заметно ухудшится, а при малом, изменения вы практически не заметите.

Читать далее…

Похожие записи

Теги: , , , , , ,



Rambler's Top100

© 2008 HtmlGuide.ru. Все права защищены.
Design by Luka Cvrk