Так ну давайте подведём итоги за первые четыре урока. Что мы научились делать?

1. Научились создавать web-странички
2. Следовательно, выучили основные теги
3. Научились помещать на страничку текст
4. Выучили ещё более 10 тегов
5. Научились с помощью них форматировать текст
6. Научились работать с цветом
7. Узнали, что такое атрибуты
8. Научились использовать метаданные

Теперь давайте подумаем. В принципе мы уже немало изучили, но что же за сайт без картинок, без ссылок, и без прочих дополнений? Может быть, наших знаний и достаточно для создания странички с личными данными, но всё равно на этом не стоит останавливаться, ведь это легко.
Теперь давайте разберём, в виде чего мы можем использовать изображения на нашей страничке. Это логотипы, значки, картинки, фотографии, визуальные эффекты, т.д.
Давайте разберем, какого формата могут быть изображения – их очень много и перечислять мне их, не имеет смысла. Просто зайдите в paint, нажмите «сохранить как» и убедитесь в этом. Но в сети интернет более всего используют только 2 формата – это .gif и .jpeg. Давайте я вам немножко расскажу об этих форматах.
Что же такое JPEG или JPG. Разлагается эта аббревиатура так: Joint Photographic Experts Group (переводится – Объединённая группа экспертов по фотографии). Поддерживает 24-битную цветопередачу. Обычно этот формат используется для рисунков и фотографий. Как вы уже поняли если сравнивать нарисованную вами картинку в Paint с фотографией, то на фотографии используется более миллиона цветов, а на вашей картинке предположим только 10, в этом случае JPEG не самый подходящий вариант. Для маленьких картинок, использующих малое количество цветов, рекомендуется использовать формат GIF.
Как же такое GIF? Разложим эту аббревиатуру по словам: Graphics Interchange Format (переводится – формат обмена графическими данными). Поддерживает данный формат всего 256 цветов. Теперь вы поняли, почему лучше использовать его для маленьких изображений. Отличается от JPEG он тем, что является быстрозагружаемым форматом. Так что для рисования логотипов, линий, каких либо геометрических фигур рекомендую использовать GIF.
Хочу подметить, что есть такой формат как PNG. Расшифровка такая: Portable Network Graphics (переводится – переносимая сетевая графика). Он похож на JPEG тем, что поддерживает огромное количество цветов и поддерживает 24-битную цветопередачу. И алгоритм сжатия эффективнее. В общем PNG можно использовать для всех видов изображений. Но почему я сразу вам про него сказал? Просто PNG ещё не совсем распространенный формат и множество стареньких браузеров его не поддерживает, так что если вы уверены, что ваш посетитель будет использовать новый браузер, то можете смело ставить изображения формата PNG. Но всё же советую по-старинке использовать JPEG и GIF.
И ещё один совет. Не загружайте на сайт изображения шириной более 600 пикселей, на многих экранах, оно может просто не вместиться. Изменяйте размеры изображений в ваших графических редакторах. Я например использую Paint.NET и меня всё устраивает. И не делайте очень качественные изображения на ваш сайт, разве что в малом количестве. У многих пользователей интернет не такой уж и быстрый, они просто не дождутся, пока загрузится страница с рисунками. В 6 уроке научимся вставлять изображения на свой сайт.

Специально для вас – Линьшин Никита (Progger)