Начинающему WEB-верстальшику
Posted on | октября 30, 2009 | No Comments
Верстка, если говорить просто, это размещение в окне браузера(FireFox, Opera, Crome, Safari, Internet Explorer и тд) текста и картинок с помощью HTML CSS (пока поговорим об этом, не буду углубляться в скрипты).
Вставляем картинку, тег <img />
тег <img src=”/images/sample.gif” width=”200px” height=”200px” alt=”описание картинки” />
src=”/images/sample.gif” — путь к картинке относительно (html, css, php) файла в котором написана эта ссылка. Если вы переместите файл или картинку в другую папку, изображение не будет отображаться.
width=”200px” height=”200px” — всегда проставляйте размеры картинок, если изображение случайно будет удалено или перемещенно, размер рамки от картинки останеться прежним, а значит и верстка не поплывет.
alt=”описание картинки” — старайтесь заполнять, тоже на случай если картинка пропадет, останется ее описание.
такой вот примерчик

width=”200px” height=”200px” Ни в коем случае не меняйте размеры картинки этими параметрами, пишите реальные размеры!!!
Размеры изображения всегда редактируйте в графических редакторах!!! Вы спросите почему? Вот пример: представьте, что у вас есть картинка, если вы поменяете размер с помощью width height изображение может потерять свои пропорции.
Оригинал:

пример ошибки:

Результат на лицо.
Но и не следует менять размеры в HTML даже если вы посчитали правильные пропорции. Если изображение 1240х1024пикселей и весит 400Кб,а Вы изменили 800х600, размер останеться тот же. А значит будет долго загружаться. Это просто дурной тон, будьте честными с Вашими работодателями или посетителями.
Я буду продолжать писать такие маленькие статьи, вспоминать и описывать свои ошибки.
Comments
Leave a Reply