В продолжении видеокурса Photoshop для веб-мастера, мне кажется, совершенно необходимо упомянуть о способах рисования сложных объектов, не смотря на то, что такая задача перед веб-мастером встает редко.

Этой теме я и посвящаю четвертый видеоурок.

Читать полностью »

Приветствую вас, уважаемый читатель. Сегодня я познакомлю вас с очень интересной и удобной штуковиной под названием CSS-framework.

В своей работе по созданию сайтов я использую ее в качестве отличного помощника и упростителя рутинной верстки админки.

Админка – это внутренняя часть сайта, предназначенная для служебных целей. Видит и пользуется ей только администратор сайта.

Давайте рассмотрим, какой функционал зачастую применяется в админке:

• Меню переключения разделов админки. Обычно, я формирую переключение разделов при помощи ссылок в горизонтальном меню сайта с используем выпадающих пунктов. В мощных сайтах может пригодится вертикальное меню, как дополнительный способ навигации в разделе.
• Вывод данных. Для формирования выводимых данных могут применяться таблицы, расположение в блоках абзаца, разделение блоков логическими заголовками.
• Редактирование данных. Для редактирования данных применяются различные поля ввода, селекторы, выпадающие списки.

Весь этот функционал должен быть хорошо структурирован (т.е. должна быть выдержана иерархия размеров шрифта, отступов, чтобы было понятно, какой элемент к чему имеет отношение), а интерфейс – приятен глазу. Также функционал должен одинаково хорошо выполнять все свои функции в любом популярном браузере.

При этом, как вы понимаете, для админки не требуется разработка индивидуального дизайна, каких-то особых ухищрений юзабилити-структурирования (по крайней мере в подавляющем большинстве случае).

Сократить усилия по верстке админ-части сайта и сэкономить драгоценное время вам поможет тот самый CSS-framework, о котором и пойдет речь в данной статье.

Читать полностью »

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

В интернете завоевали популярность три графических формата:

1. GIF
2. JPG
3. PNG (варианты PNG-8 и PNG-24).

Теперь мы разберемся с вопросом в каком случае какой формат нужно применять; а также, посредством видеоурока, я покажу механику переключения форматов сохранения картинок и их настройку в программе Photoshop.

Читать полностью »