Портал для веб-мастера
Вход пользователей
Поиск статей
WoWeb.ru » Статьи » Истории Веб-Мастеров

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

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

Автор: Андрей Рыбаков · Добавлена: 2005-04-07
Просмотров: 8609 · Рейтинг: 4.2

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Категории раздела
Flash
Apache
WWW
PhotoShop
Веб-дизайн
Раскрутка и реклама
Базы данных
3D графика
Хостинг
Истории веб-мастеров
Web-технологии
Сетевая безопасность
Программирование для Web
Операционные системы

Новые статьи
Лучшие статьи
Популярные статьи
Комментируемые статьи
Разделы сайта
Скрипты
Статьи
Шрифты
Флэш исходники
HTML шаблоны
Партнерки
Клипарты
Смайлы
Фоны
Гифы
Иконки
Опрос сайта
Ведете ли вы блог?
Всего ответов: 59958
Наша кнопка
WoWeb.ru - портал для веб-мастера