Ты решил сделать свой сайт и не знаешь с чего начать? Давай я тебе подскажу. А начинать надо с идеи, просто бывает, что идея настолько оригинальная, что про дизайн и прочую лабуду и вспоминать не надо. А вот если у тебя такой идеи нет, а свое что-нибудь сделать охото тут можно подумать и об остальных "мелочах". Сегодня поговорим о самом дизайне.

Да, а ты как думал, это очень важная вещь ;) Ладно, начнем, а начинать надо с компоновки, нет я не буду тебе советовать сначала все нарисовать на ватмане, потом разукрасить гуашью, все равно с первого раза воплотить это в HTML у тебя не получится, просто тщательно продумай все детали, а потом пробуй. БОЛЬШОЕ внимание надо уделить цветовой гамме твоего сайта, это максимум должно быть 5-6 цветов, иначе невозможно будет смотреть на твое творенье. Особенно потрудись выбирая цвет фона, он играет очень большую роль. На фоне должен быть четко виден текс, чтобы не пришлось глаза щурить, а главное фон задает атмосферу сайта. Например почти все сайты про Тупака сделаны в темных тонах на черном фоне, и это не случайно... Опять же почти все коммерческие сайты выполняются на белом фоне. Белый и черный IMHO самые легкие (и распостраненные) цвета для фона, под них легко рисовать графику, но с другой стороны трудно придумать что-то свое - оригинальное. В Рунете полно "черных" сайтов как пр! авило сделанных ОЧЕНЬ каряво, поэтому заходя на очередную страничку с черным фоном автоматичеки появляется ощущение недоделанности. Так, с цветами разобрались, идем дальше.

Графическое оформление. Если ты не силен в графике - попроси друга помочь. Даже несколько грамотно сделанных элементов оформления сильно повышают первоначальное впечатление о страничке (и её авторе). Не стоит пихать на главную страницу все, на что хватило таланта, посетитель уйдет, не дождавшись полной загрузки. Пусть графики будет меньше, но она будет качественнее. В среднем страничка не должна весить больше 50-60 кб, конечно если на ней нет Флэша или VRML. По возможности картинки надо заменять закрашенными ячеками таблицы - сильно уменьшает общий вес. Большие картинки лучше разрезать на несколько, и загружать по отдельности - опять же, быстрей будет грузится. Так же не стоит забувать по тэги width и height внутри - если картинка не загрузится страничка не разъедется в разные стороны, а останется в прежнем виде. По возможности у каждой картинки должно быть заполнено поле ALT, так как оно тоже индексируется поисковыми роботами (про поисковики отдельный разговор), х! отя приимущественно в начале страницы. Ничего не забыл?

Переходим к самому HTML. Многие типа "Вэб-дизигнеры" считают крутым навставлять кучу скриптов и аплетов (в которых они сами нихрена не разбераются) в страничку и сидеть истекать слюнями на это дело. В реале же это будет интерсено только таким жи "Артемиям Лебедевым", но никак не рядовому посетителю. Конечно если ты стряпаешь домашнюю странику, то можно и побалывать посетителя всякими заморочками типа "бегущая строка" на весь экран, или того хуже - летающая за курсором надпись с твоим именем, но если ты делаешь сайт (чувствуешь как гордо звучит?) для широкого круга потенциальных посетителей это фигня не канает. Ты хоть раз видел проффесиональный проект на котором в самом видном месте стоят Java-вские часики? Вот и я нет.

Ни в коем случае не используй фреймы! Хоть с их помощью и гораздо легче слепить страничку - не поддавайся на соблазн. фреймы давно морально устарели, тем более что сейчас можно обойтись и без низ - SSI,PHP, а в одной из следующих статей я расскажу что делать если твой хостинг не подерживает эти фичи. За свою жизнь я слышал много историй о том как Вэб-мастера, ища причину малого возврата посетителей на страницу, понимали, что это происходит из-за фреймов - посетитель, приходя с (например) поисковика, попадает на какую-то отдельную странику, и ничего не понимая уходит.

Раз уж мы заговорили про проффесиональные работы хочется дать еще парочку советов (они тебе пригодятся только если ты делаешь САЙТ). Пусть сайт выглядит солидно! Если среднестатистический Вася Пупкин будет думать, что твой сайт - это плод трудов десятка другого специалистов, то он сразу проникнется к нему уважением, а значит гораздо больше вероятность его возвращения, а оно тебе и надо! В тексте не должно встречаться " я " " мы ", ни в коем случае не стоит уговаривать посетителя кликнуть по твоему баннеру - со стороны выглядит ужасно, хотя и может обеспечить некоторый прирост кликов.

Теперь про разрешение. Твой сайт должен одинаково смотрется как под 800*600 так и под 1024*768, так это самые распостраненные разрашения на данный момент. Для этого есть два пути: делать таблички фиксированными по ширине (примерно 760-770px) или в ставить 100%. У каждого варианта есть свои плюсы и минусы. Если делать с фиксацией по ширине (как например этот сайт) , то при большем разрешении страничка будет занимать лишь малую чать экрана, если в процентах (www.design.ru) - возникают проблемы c графикой, она-то не растягивается, зато если потрудится может получится очень даже неплохо. В целом первый способ легче для начинающего Вэб-дизайнера.

Теперь самое время разобраться с браузером. Конечно, наибольшей популярностью пользуется M$ iExplorer, но это не значит, что стоит делать только под него, на недо забывать про Netscape, и, недавно окончательно русифицированную, Оперу. Для того чтобы странички в них смотрелись одинаково стоит специально оптимизировать HTML код, подбирать конструкции по проще, забудь про сложные вложения и т.п. (короче, чем проще, тем лучше). Также стоит особое внимание уделить формам, старые версии браузеров не поддерживают стилевое оформление. Обычно для этого тело страницы вставляют специальный Java-скрипт.

Ну вот вроде бы и все. Если ты прислушаешься к моим советам твоя страничка или сайт всегда сможет похвастаться отличным дизайном.