Камни предкновения начинающего веб дизайнера
 

Если вы планируете стать веб-дизайнером, то Фотошоп будет основной графической программой, с которой вам предстоит иметь дело. Далее - расскажу о том, с чем предстоит иметь дело будущему веб дизайнеру помимо Фотошопа. Это такая штука (не знаю, как выразиться точнее) - html. Это простейший язык программирования. Даже не программирования, а разметки гипертекста (если расшифровать аббревиатуру html получится Hypertext Markup Language, что в переводе означает Язык Разметки Гипертекста). Для чего он нужен? Для того, чтобы создавать веб-страницы. В Интернете можно найти массу сведений по изучению html. Я же советую - правильно: идите на курсы. В этом отношении (да и не только) хороши курсы "Специалист", что при МГТУ им. Баумана. И диплом солидный - и знания реальные. Хотя и стоят тоже неплохо :-)
Изучили. Отлично. Дальше - сразу после более-менее сносного овладения html'ом беритесь за css. Если html знаете - то css выучите за пару-тройку дней. Затем -хотя, может быть и до, и во время - советую изучить Macromedia Dreamweaver. Не слушайте тех, кто говорит, что это программа для начинающих! Это профессиональная программа для создания сайтов, написания CSS стилей и не только, обладающая огромным набором функций, которые экономят массу сил и времени при разработке сайтов. 

Изучили? Отлично! Теперь вы - полноценный веб дизайнер! Ой! Кажется, я несколько забегаю вперед. В веб дизайне есть некоторые нюансы, которые в большинстве случаев постигаются на практике, или методом проб и ошибок. Если вы закончили курсы, основные ошибки там рассматривались, поэтому я опишу их для тех, кто изучает веб дизайн самостоятельно. Очень частая ошибка - фактически большинства начинающих веб дизайнеров - слишком тяжёлая графика. Её немудрено допустить - ещё-бы! Всем хочется, чтобы картинки были большими и яркими. На локальном компьютере всё загружается быстро - почти мгновенно. Но всегда нужно думать о том, как будут вести себя картинки в Интернете. А если у посетителя, зашедшего на ваш сайт - можем? И плохая АТС вдобавок? Для Москвы, где повсеместно выделенные каналы или "Стрим" - не так актуально. Но Москва - это далеко не всё Интернет-сообщество! Поэтому графика должна весить очень немного. Часто приходится делать картинку меньше по размеру, или (это совсем печально) - жертвовать её качеством. Но ничего не поделаешь. Возможно, лет через десять-двадцать эта проблема отпадёт сама собой, но пока - другого выхода нет. Именно для этого в Фотошопе и существует функция "Save For Web" - с её помощью можно оптимизировать графику в нескольких форматах. Из них самые распространенные .gif и .jpeg (.jpg). В идеале сайт (если, конечно, это не портал, а сайт, состоящий из пяти-десяти страниц) должен весить 1-2 МБ. А лучше, если он полностью умещается на дискету. Поэтому очень кстати минимализм - сейчас он ещё и в моде :-)

Вторая ошибка - несоответствие разрешению. Допустим, у вас семнадцатидюймовый монитор, и вы используете разрешение 1024х768 или выше. Сделали сайт - конфетка! Присылаете ссылку другу - похвастаться, а он в ответ - "Ну и чаво там? Я запарился прокрутку двигать!" Оказывается, у вашего друга монитор пятнадцать дюймов, и он предпочитает разрешение 800х600. Если вы на своем мониторе выставите такое разрешение и посмотрите свой сайт, вы сразу поймете возмущение вашего друга (хорошо друга, а не заказчика!) Как быть? Обычно пользуются двумя проверенными способами. Первый - используйте таблицу, и задавайте её ширину (table width) в процентах (например - 100%). Однако, будьде внимательны к внутреннему содержимому сайта - внутренним таблицам и графике.

Второй способ - создать таблицу (table), в таблице - три ячейки (td). Таблицу следует выровнять по центру (align="center"), а ширину средней ячейки задать по своему вкусу - как правило - это число от 450 до 750 пикселей (px). Ну и последняя ошибка (я бы сказал, помарка) - это ориентация только на один браузер - в 99% случаев - это MSIE (Microsoft Internet Explorer). По большому счёту им пользуется большинство завсегдатаев Интернета - он же поставляется бесплатно вместе с Widows'ом - не надо покупать, или скачивать и устанавливать какой либо другой браузер. Однако, есть люди, которые в силу разных причин пользуются другими браузерами - самые распространенные из них - Opera, Netscape Navigator, Mozilla и т. д. Что касается Netscape Navigator и Mozilla - их фанатов не так много, а вот у оперы их количество только растет, поскольку она обладает многими функциями, которые отсутствуют у Internet Explorer. Как же проявляется "несостыковка" с тем или иным браузером? Как правило, в мелочах. Но не стоит забывать, что из мелочей складываются и большие вещи! Например, если в IE назначить горизонтальной линии <hr> цвет, то в Opera он будет проигнорирован. Более крупные проблемы может доставить java-script. Точнее, сама java тут ни причём, дело в скриптах, написанных на этом языке. Как правило, это некоторые динамические функции (dhtml), меню на java script и прочее (часто связано с графикой и визуализацией). Это основные советы начинающим веб-дизайнерам. На другие темы, касающиеся веб дизайна, в других статьях.

 
Автор: Андрей Рыбаков
 
Оригинал статьи: http://woweb.ru/publ/48-1-0-693