Опубліковано Залишити коментар

Инструментарий веб-дизайнера

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

Lightshot. Расширение для Google Chrome
Очень полезный Google Chrome-плагин для быстрого снятия скриншотов. Веб-дизайнерам, как, впрочем, и веб-мастерам довольно часто приходится делать скриншоты и посылать их заказчикам. Естественно, всегда можно сделать снимок с экрана с помощью клавиши Print Screen, а потом обрезать получившуюся картинку в «Фотошопе», но с помощью Lightshot все гораздо проще. Скриншот можно, как скачать на свой компьютер, так и получить удобную для отправки заказчику ссылку.

TeamViewer
Программа, позволяющая удаленно управлять компьютером. Примечательно, что это чрезвычайно полезное программное обеспечение – продукт некоммерческий. Лицензионную версию TeamViewer можно скачать совершенно бесплатно с официального сайта продукта. Как можно использовать TeamViewer? Например, с помощью этого софта можно зайти с домашнего компьютера на рабочий и наоборот. Кроме того наличие мобильных версий TeamViewer для iOS и Android позволяют держать связь с домашним компьютером даже тогда, когда вы находитесь в пути.

WhatFont. Расширение для Google Chrome
Еще один крайне полезный плагин для Google Chrome, который поможет быстро опознать любой приглянувшийся вам шрифт.

NotePad ++
Блокнот веб-разработчика, который может потягаться не только с обычным блокнотом, но и с самим DreamWeaver’ом. Возможно функционал NotePad ++ не так широк, как у DreamWeaver’а, но необходимый минимум, в том числе грамотная подсветка синтаксиса, присутствует.

Go mockingbird
Интерактивный инструмент, который позволяет создавать просматривать и редактировать макеты сайтов и приложений. Плюсов у этого инструмента множество, а минус только один: чтоб получить возможность сохранять проекты, нужно пройти платную регистрацию.

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

Опубліковано Залишити коментар

Требования к дизайну сайта и его функционалу

В интернете, в среде вебмастеров, манимейкеров и SEO-оптимизаторов, почему-то укрепилось и довольно прочно держится мнение, что у СДЛ должен быть обязательно очень сложный и навороченный движок (желательно при этом еще и коммерческой разработки, то есть платный, или самописный). Позволю себе это мнение опровергнуть. Я бы порекомендовал более-менее простые сайты делать на основе нескольких подключаемых модулей: заголовок, тело, футер и боковые панели навигации. Кроме того, что данный способ практически гарантирует быструю индексацию всех имеющихся на сайте материалов, он еще и очень дешев – любой программист-фрилансер, пишущий на PHP, может такое сделать мало того, что очень быстро, так еще и за копейки. Единственная сложность при данном подходе – это то, что каждую новую страницу придется линковать вручную. Но при этом трудозатраты – минимум, быстрое вхождение в индекс почти гарантировано, а также, при наличии уникального, интересного и высококонкурентного текста на сайте – быстрое наращивание пузомерок и получение целевого поискового трафика.

Что же касается движков, то к ним профессионалами применяются некоторые требования, которые нелишним будет учитывать и новичкам:

В движке обязательно должна присутствовать возможность оптимизации страниц (изменение title, вывод заголовков в нужном формате, заполнение метатегов и т.д.). Кроме того, в движке должен быть профессиональный текстовый редактор (лучше всего, конечно, визуальный). Форматировать текст статьи вручную – удовольствие не из приятных.
Снова правило «трех кликов»: Главная – Категории – Доступ к материалу. Обязательно соблюдайте данную схему размещения материалов.
В движке должна присутствовать возможность интеграции различных модулей и скриптов, в том числе и от сторонних разработчиков: гостевых книг, форумов, комментариев и т.д. Кроме интеграции сторонних модулей и скриптов, должна присутствовать возможность настройки их под требования и реалии вашего сайта.
Должна присутствовать возможность создания сложных страниц.
Сайт должен развиваться от простого к сложному, и выбранный движок должен полностью соответствовать требованиям вебмастера на всех этапах создания и функционирования ресурса. Массовое производство сайтов тем и невыгодно, что оно имеет какие-то общие черты в настройке и движке. И это часто приводит к бану и загону под фильтры типа АГС целых сеток сателлитов. Если же сайт уникален не только по контенту и дизайну, но еще и по программному коду, то это весьма значительно уменьшит риски получить санкции поисковых систем, и улучшит его индексацию.

Чтобы все было более понятным, расскажу о стандартной процедуре установки популярного движка WordPress. Что обычно делает вебмастер? Скачивает свежую сборку движка, устанавливает его, затем ищет на просторах интернета паблик-шаблон, который более-менее подходит к тематике сайта, и несколькими отточенными движениями в графическом редакторе Photoshop уникализирует его – меняет логотип, цветовую схему и т.д. Потом несколько меняет стили: шрифты, их написание, расположение блоков на странице и т.д. При необходимости шаблон переводится на русский язык. Потом чистятся все исходящие ссылки, включенные разработчиком в шаблон. Вот, наверное и все действия по получению более-менее уникального дизайна на свежеизготовленный сайт. Шаблон вроде бы остается тем же, но с учетом множества мелких изменений он в глазах поисковиков уже не паблик, а уник.

Вроде бы все просто, но у новичков возникает вопрос: как же все-таки к этому всему подойти? Ответ будет следующим:

Лучше всего заказать верстку из уже готового графического макета-шаблона. Стоимость данной услуги на фриланс-ресурсах колеблется в среднем от 20 до 40 долларов. Кстати, и сам графический шаблон можно заказать там же – стоимость невысока, зато получите уникальный.
Можно взять паблик-шаблон и уникализировать уже его. Данная работа сопоставима по стоимости и трудозатратам с первым способом, но более трудна при постановке сайтостроения на поток.
У владельцев целых сеток сайтов более популярен первый способ, так как второй очень труден в деле контроля изменений – очень трудно отследить, работал ли нанятый фрилансер, и насколько качественные были внесены изменения, или спустил дело на тормозах и прислал шаблон, практически идентичный исходному.

Сильно заморачиваться по поводу дизайна не стоит, главное – чтобы дизайн был уникален с точки зрения картинок, логотипов и т.д. Больше внимания лучше уделите верстке и отработке всех мелочей.

Опубліковано Залишити коментар

Веб-сайт – необходимый технический минимум

Откуда берутся деньги в Интернете и как их можно заработать?

Для создания сайта (простейшего), достаточно наличия программной базы и знания HTML. С HTML все просто – ты либо знаешь его, либо нет (и никто не помешает его изучить). Но, многие, задумываясь над созданием собственного сайта, не знают – какие программы нужны для этого. Им кажется, что необходимый инструментарий достаточно обширен. На деле же, хватит трех программ: текстовый редактор, веб-браузер и командная строка, для доступа к FTP серверу (в данном случае, как альтернатива FTP клиенту). Графический редактор желателен, но не обязателен, все-таки речь идет о создании простейшего сайта.

Текстовый редактор – для написания кода страницы или ее редактирования.

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

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

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

Все эти программы присутствуют на любом компьютере или доступны для бесплатного скачивания. То есть, не требуют ни каких дополнительных затрат. Но, для того, чтобы добавить конкретики, рассмотрим набор стандартных программ для разных операционных систем.

Windows 

Текстовый редактор – Microsoft Notepad (блокнот).

Веб-браузер – Internet Explorer.

FTP клиент – можно использовать программу Microsoft SharePoint Designer. Так же используется для создания web-страниц. Особенно полезна при отсутствии знаний по HTML. Распространяется бесплатно. 

Mac OS

Текстовый редактор – Macintosh TextEdit.

Веб-браузер – Safari.

FTP клиент – можно использовать CrossFTP. Стандартная версия распространяется бесплатно.

Linux

Текстовый редактор – Emacs. 

Веб-браузер – FireFox.

FTP клиент – NcFTP или gFTP. Бесплатные клиенты.

Выбор графических редакторов огромен. Как платных, так и бесплатных. От Paint до Photoshop. Какой из них использовать, каждый решает сам.

Все что нужно, для создания сайта, у вас уже есть: необходимый инструментарий, желание, решительность. Отметаем сомнения и вперед.