Если вы планируете стать веб-дизайнером, то Фотошоп будет основной
графической программой, с которой вам предстоит иметь дело. Далее -
расскажу о том, с чем предстоит иметь дело будущему веб-дизайнеру
помимо Фотошопа. Это такая штука (не знаю, как выразиться точнее) -
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 назначить горизонтальной линии цвет, то в Opera он
будет проигнорирован. Более крупные проблемы может доставить
java-script. Точнее, сама java тут ни причём, дело в скриптах,
написанных на этом языке. Как правило, это некоторые динамические
функции (dhtml), меню на java script и прочее (часто связано с графикой
и визуализацией). Это основные советы начинающим веб-дизайнерам. На
другие темы, касающиеся веб-дизайна, в других статьях.
|