Как создать привлекательный web -сайт?

Нам необходимо сделать полезный, красивый и удобный сайт. Что для этого нужно? Какие факторы влияют на популярность web-сайта? С чего лучше всего начать создание собственного сайта? Какие ошибки могут подстерегать на этом пути?

Постараемся выделить основные причины, которые влияют на популярность сайта:

- Содержание, или контент, - одна из самых важных составляющих. Если на сайте нет полезной информации, способной заинтересовать определенный круг людей, то можно ставить вопрос необходимости существования сайта как такового.

- Дизайн - вторая по важности составляющая хорошего сайта. От дизайна зависит, насколько привлекательны будут странички, то есть, в конечном счете, сколько людей дополнительно захотят прийти и посмотреть на сайт. Ведь если Вам очень понравился дизайн сайта, то Вы наверняка расскажете о нем своим друзьям. Для того чтобы сделать хороший дизайн, необязательно даже использовать графику. Есть полезные сайты с минимумом графики (или даже без таковой) и масса бесполезных, забитых громоздкими картинками. Для web-сайта очень важным является стиль, придающий ему собственное лицо и узнаваемость.

- Скорость загрузки страниц - никто не будет ждать загрузки страницы в течение часа. Страницы нужно оптимизировать для получения наименьшего размера (разумеется, в пределах разумного, то есть сохраняя при этом их нормальный вид). Допустимый объем средней web-страницы составляет около 700 Кб. Это и будет тот максимальный объем, который может иметь страница вместе со всей графикой, находящейся на ней. Если требуется разместить информацию большего размера, то предупредите об этом пользователя отдельной пометкой на странице или распределите информацию по нескольким страницам.

- Ясная и логичная структура размещения информации на сервере: ничто так не утомляет при поиске нужной информации, как плохо структурированный сайт.

- Отсутствие орфографических и грамматических ошибок, этот пункт включён ввиду огромного количества ошибок на web-сайтах.

Вот основные принципы, соблюдение которых гарантирует успех web-сайту.

В качестве упражнения войдите в Интернет и посчитайте время на загрузку различных страничек, а также определите, по какой причине страница грузится так быстро/долго (исходя из ее содержания). Посмотрите, насколько понятна структура сайта и удобство пользования им.

Графика

Теперь поговорим о графике на web-страничках.

Графика имеет свои определенные ограничения, с которыми необходимо считаться и извлекать из этого выгоду.

Для использования в Web применяются несколько основных форматов файлов - GIF, JPG и PNG. Рассмотрим эти форматы подробнее.

Формат GIF

- поддерживает не более 256 цветов, использует палитру цветов;

- использует сжатие без потери информации, поддерживает чересстрочную развертку;

- является «поточным» форматом, то есть показ картинки начинается во время ее загрузки;

- позволяет назначить любому из цветов в палитре атрибут «прозрачный», что применяется при создании так называемых прозрачных GIFов;

- имеет возможность сохранения в одном файле нескольких изображений, что находит свое применение при изготовлении анимированных GIFов;

- поддерживает возможность вставки в файл управляющих блоков, которые позволяют вставлять комментарии в файл, осуществлять задержку между показами изображений и т.д.

А теперь немного разъяснений о том, к чему эти свойства могут привести.

Как было сказано выше, GIF поддерживает не больше 256 цветов, а это значит, что все изображения, которые сохраняются в GIF-формате, явно или неявно уменьшают количество цветов, чтобы уложиться в этот лимит (разные программы с разным успехом). Отсюда вывод - если у вас красивая фотография с плавными переходами и едва уловимыми оттенками цвета, то после преобразования все будет гораздо хуже: оттенки перестанут быть неуловимыми и вся фотография приобретет неестественный, нереалистичный вид. Зато нет никаких проблем с сохранением рисунков и чертежей в этом формате: они, как правило, хорошо сжимаются и не содержат много цветов.

Формат JPEG

- позволяет сохранять полноцветные изображения с количеством до 16,7 млн. цветов, причем если в рисунке меньше цветов, то перед сохранением файла он все равно преобразуется в полноцветное изображение;

- использует сжатие с потерями информации, за счет чего достигает очень больших степеней сжатия файлов;

- поддерживает прогрессивную развертку, то есть изображение появляется вначале с плохим качеством и в процессе загрузки постепенно улучшается.

Пожалуй, это все преимущества формата JPG, и основное его предназначение - хранение изображений фотографического качества.

Формат PNG

- спроектирован для замены более простого формата GIF для использования в Интернете;

- практически неограниченное количество цветов в изображении (GIF использует в лучшем случае 8-битный цвет);

- опциональная поддержка альфа-канала, что в отличие от GIF и JPG позволяет верстать дизайн слоями из картинок, имеющих прозрачные и полупрозрачные области;

- возможность гамма-коррекции;

- двумерная чересстрочная развёртка.