Уважаемый читатель, сегодня я познакомлю вас с заменителем тормознутого, непонятного, некрасивого phpMyAdmin-а в области работы с SQL-базами данных на локальном компьютере.

Встречайте! Отличная программа HeidiSQL. Благодаря данной утилите вы сможете существенно упростить и ускорить процесс работы с SQL-базами данных, легко и непринужденно создавать новые базы, заполнять их таблицами, управлять пользователями.

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

Так же огромным плюсом данной программы является ее бесплатность.

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

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

Приветствую вас, уважаемый читатель!

Как я и обещал в содержании и чтобы немного разбавить концентрацию материалов по верстке сайта, я начинаю новый базовый видеокурс под названием “Photoshop для веб-мастера”.

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

Почему же программа Photoshop так необходима веб-мастеру?

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

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

Лишь только на этапе программирования можно обойтись без Фотошопа.

Что же дальше? А дальше вы начинаете эксплуатацию сайта. И в процессе эксплуатации перед вами постоянно встает необходимость добавления на сайт тех или иных графических материалов, будь то картинка или иконка, а может быть градиентный фон для пункта меню.

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

В “начинаемом” видеокурсе я не буду рассказывать о том, как создать те или иные эффекты красивые эффекты, не буду подробно объяснять как работают все до единого инструменты (за этой информацией по урокам Photoshop вы можете наведаться к Глобатору).

Я поделюсь с вами лишь теми необходимыми знаниями, которыми я постоянно пользуюсь в процессе работы по созданию сайтов.

И так, встречайте, первый видеоурок данного курса!

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

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

На настоящий момент существует множество способов верстки блоков с закругленными углами (статья на HabraHabr с 38-ю способами). Многие из них даже очень оригинальны и изящны.

Только ко всему этому изящному многообразию у меня есть ряд претензий:

• Во-первых, сложность CSS-конструкций, в которой разобраться новичку будет очень сложно.
• Во-вторых, зачем городить огород и искать себе проблемы, когда поставленную задачу можно решить, быть может, не так изящно, но все же, решить достойно и в соответствии со стандартами.
• В-третьих, большое количество способов базируются на методе раздвижных дверей, а для этого метода необходимо загружать большое изображение. Размеры этого изображения бывает сложно предугадать. Кстати, если вы не знакомы с методом раздвижных дверей, то я рассказываю про него в статье Верстка динамической кнопки на CSS.

Мы решим поставленную задачу дубовым методом, но не лишенным некоего изящества.

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

За одно с версткой вы, как и всегда, получите порцию знаний по работе с программой Photoshop.

Переходите к просмотру видеоурока.

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