Регистрация  Напомнить пароль?
 Отправлено SergeyMarina 23 января 2014   

Создание сайта. Часть 4. Лучшие программы для веб-мастера Любой профессионал, чья деятельность связана с работой на компьютере, имеет свой набор полезных программ, которые помогают ему в работе. И точно так же, как художник не может обойтись без программы для рисования, а журналист — без текстового редактора, веб-мастер не сможет организовать эффективную работу без FTP-клиента и редактора кода. Но для постоянной работы над сайтом потребуется не одна и даже не две программы.

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





Назад Вперед

Работа с графикой

Каждый веб-маcтер должен быть немножко дизайнером. Это не означает, что он обязан в совершенстве владеть графическим редактором уровня Adobe Photoshop, но умение нарисовать иконку или подобрать цвета для оформления меню не помешают.

Создание графики для сайта в GIMP

GIMP — прекрасная бесплатная альтернатива Photoshop. Для нужд веб-мастера возможностей этого редактора хватает с головой.

Создание fav-иконки

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

Создание сайта. Часть 4. Лучшие программы для веб-мастера

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

Чтобы нарисовать fav-иконку в Gimp, выберите в меню Файл пункт Создать и укажите для нового документа размеры 16 на 16 пикселов. Изображение столь мало, что для работы с ним понадобится увеличить масштаб. Для этого, нажав и удерживая клавишу CTRL, крутите колесико мыши. Используя текст, заливку и другие инструменты GIMP, нарисуйте иконку. Чтобы оценить, как оно будет выглядеть, время от времени уменьшайте масштаб.

Создание сайта. Часть 4. Лучшие программы для веб-мастера

Когда изображение будет готово, выберите меню Файл пункт Экспортировать. В списке форматов выберите Значок Microsoft Windows (.ico). В поле имя напишите favicon.ico. В списке настроек графического файла нажмите на кнопку Экспорт.

Создание сайта. Часть 4. Лучшие программы для веб-мастера

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

Создание Gif-анимации

Анимированные файлы GIF все еще широко используются в Интернете. Они пригодятся, например, для создания картинки профиля пользователя или для оформления новостей сайта. Создать такую анимацию в редакторе GIMP проще простого. Для начала подготовьте файлы, которые будут кадрами будущей анимации, поместите их в одну папку, выберите в меню Файл пункт Открыть как слои и выберите все эти файлы. Теперь нужно сохранить многослойный файл как GIF-анимацию. Для этого выберите пункт Экспортировать в меню Файл. В списке форматов выберите Изображение GIF. В окне настроек сохранения файла установите флажок в чекбоксе Сохранить как анимацию. Если нужно, чтобы анимация бесконечно повторялась, установите флажок в чекбоксе Бесконечный цикл. Выберите требуемую задержку между кадрами, чтобы определить скорость воспроизведения анимации. Нажмите на кнопку Экспорт.

Создание сайта. Часть 4. Лучшие программы для веб-мастера

Выбор точного цвета при помощи ColorMania

Веб-мастера часто имеют дело с цветом, причем рассматривают его не с художественной, а с технической точки зрения. Например, при работе над шаблоном сайта важно, чтобы цвета оформления были идентичны в разных частях страницы. Если нужно вставить на сайт рекламный блок, его нередко пытаются сделать в одной цветовой гамме с сайтом, чтобы он не бросался в глаза. Для точного определения цвета можно использовать бесплатную программку ColorMania.

Создание сайта. Часть 4. Лучшие программы для веб-мастера

Чтобы определить цвет, просто нажмите на кнопку Создание сайта. Часть 4. Лучшие программы для веб-мастера и, не отпуская кнопку мыши, подведите курсор к нужной области на странице. Как только вы отпустите кнопку мыши, цвет зафиксируется в окне ColorMania. Можно будет увидеть его в окне предпросмотра, при необходимости отредактировать, изменив положение ползунков цветовых составляющих. Чтобы получить точное значение, перед захватом можно увеличить масштаб в списке Zoom. Тогда в окне предпросмотра будет область под курсором будет представлена в увеличенном виде.

Но самое главное, что помогает сделать ColorMania — это определить код цвета. Программа поддерживает самые разные коды, в том числе HTML Hex, который чаще всего используется веб-мастерами. Также можно узнать значения для цветовых моделей RGB, CMYK и другие.

Написание материалов сайта с помощью Textus Pro

Статьи — это важная часть наполнения сайта. Даже если вы работаете над созданием интернет-магазина, наличие информационных материалов по теме на нем совсем не помешает. Наличие грамотных статей, как правило, улучшает позиции сайта в поисковых системах, а значит, приводит на него новых посетителей. Под «грамотностью» подразумевается не только отсутствие грамматических и орфографических ошибок, грамотная статья для сайта — это лаконичный материал на заданную тему, в который искусно вплетены ключевые слова. Такой материал, с одной стороны, интересно читать посетителю, а с другой —легко обработать поисковому роботу. В идеале хорошо написанные статьи выдаются в поисковике именно по запросам, которые идентичны ключевым словам.

Работа над материалами сайта — дело кропотливое, и упростить его может программа Textus Pro.

Создание сайта. Часть 4. Лучшие программы для веб-мастера

Проверки орфографии в ней нет, поэтому вряд ли стоит использовать ее как основной текстовый редактор. Но в окно Textus Pro можно вставить уже готовый черновик текста и оценить его качество. Для этого перейдите на вкладку Статистика Фраз и слов, добавьте ключевые слова, которые необходимо вставить в текст, и нажмите на кнопку Создание сайта. Часть 4. Лучшие программы для веб-мастера. Если слово встречается в тексте, можно выделить его в списке статистики и нажать на эту кнопку, чтобы пометить как ключевое. Благодаря статистике можно оценить, сколько раз нужные слова встречаются в тексте. Также программа посчитать их плотность в процентах. Для удобства работы над ключевыми словами установите флажок в чекбоксе Показать только ключевые слова, тогда все остальные будут скрыты.

На вкладке Статистика текста можно увидеть количество знаков с пробелами и без них, число слов (в том числе и с учетом так называемых стоп-слов, которые не несут смысловой нагрузки). Установите флажок в чекбоксе Приглушить стоп-слова, чтобы визуально оценить, насколько информативен текст.

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

Проверка текста на уникальность с Advego Plagiatus

Уникальность текста важна для любого сайта. Поисковые системы распознают материалы, которые уже были опубликованы в Интернете ранее, и снижают позиции сайтов-плагиаторов. Но даже текст, который вы только что написали собственноручно, далеко не всегда окажется на 100% уникальным. В нем могут часто встречаться устойчивые слова и словосочетания, которые поисковый робот воспримет как плагиат. Чтобы этого не произошло, лучше перед публикацией проверять тексты при помощи программы Advego Plagiatus. Она выполняет поиск текста в разных поисковых системах и выводит индекс уникальности. Понятно, что эта программа также будет очень полезна, если материалы для сайта вы заказываете у копирайтеров (проверять исполнителей на порядочность никогда не помешает).

Создание сайта. Часть 4. Лучшие программы для веб-мастера

Для работы с программой вставьте текст в окно редактора и выберите тип проверки в меню Проверка уникальности. По умолчанию Advego Plagiatus прогоняет текст по поисковым системам Google и Яндекс, однако есть возможность подключить Yahoo и Bing. Для этого выберите в меню Проверка уникальности пункт Настройки, раскройте список Поисковые системы и установите флажки в чекбоксах напротив их названий. Также в настройках можно указывать размер используемой программой поисковой фразы, определять процент совпадений и указывать, при каком проценте совпадений стоит прерывать проверку.

Создание сайта. Часть 4. Лучшие программы для веб-мастера

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

Оценка популярности сайта при помощи Site Auditor

Почему на сайт приходит так мало посетителей? Как сделать сайт популярнее? Эти вопросы ежедневно крутятся в голове у веб-мастера. Найти на них ответы в некоторой степени поможет программа для анализа сайта в поисковиках Site-Auditor.

Проверка основных параметров сайта

Введите адрес сайта и нажмите на кнопку Проверить, и она выдаст всю важнейшую информацию, которая касается видимости сайта в поисковых системах:

Создание сайта. Часть 4. Лучшие программы для веб-мастера

• индекс цитирования Яндекса — ТИЦ и Google — PageRank;
• число страниц, проиндексированных поисковыми системами Яндекс, Рамблер, Google;
• количество ссылок на сайт, обнаруженных поисковыми системами Google Яндекс;
• сведения о наличии сайта в каталогах Яндекс, Рамблер Top 100 и DMOZ;
• данные о количестве посетителей и просмотренных страниц за последние 7 дней (если на сайте есть счетчик Рамблер Top100).

Кроме этого, при помощи утилиты можно провести анализ заглавной страницы на наличие заголовка, ключевых слов, описания, содержимого файла robots.txt, тегов
<noindex />, <strong />,  <b />, <em />, <i />
, заголовков (тегов c
<h1 /> по <h6 />
). Щелкнув по кнопке тега
<a>
, можно увидеть наличие ссылок, в том числе и на внешние сайты.

Подбор запросов

Для того чтобы продвигать сайт по ключевым словам, нужно для начала представлять себе, какие запросы делают люди по тематике сайта. Для этого можно выполнить проверку слов на вкладке Подбор запросов. Введите список слов или словосочетаний, близких к тематике сайта, и нажмите на кнопку Проверить. В списке Варианты запросов программа сформирует список наиболее популярных запросов, в которых встречаются заданные слова. Выделите подходящие запросы и нажмите на кнопку Создание сайта. Часть 4. Лучшие программы для веб-мастера, чтобы перенести их в список Выбранные запросы. Нажмите на кнопку Создание сайта. Часть 4. Лучшие программы для веб-мастера, чтобы скопировать их в буфер обмена, или на кнопку Создание сайта. Часть 4. Лучшие программы для веб-мастера в правой части окна, чтобы перенести их на следующую вкладку.

Проверка позиций сайта в поисковиках

Вкладка Видимость сайта предназначена для анализа позиций ресурса по заданным ключевым словам. Введите адрес сайта в поле http:// и нажмите на кнопку Проверить. В наглядном списке можно увидеть, каким по счету выдается ресурс на странице результатов поиска разных поисковиков по выбранным ключевым словам. Раздел Релевантные страницы позволяет увидеть, какие страницы лучше всего соответствуют введенным запросам (и, соответственно, показываются в поисковой выдаче).

Создание сайта. Часть 4. Лучшие программы для веб-мастера

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



Сергей и Марина Бондаренко Создание сайта. Часть 4. Лучшие программы для веб-мастера

Написано для журнала ComputerBild

Назад Вперед








Еще по теме:

  • Создание сайта. Часть 3. Правильное создание файлов Robots.txt и Sitemap.xml
  • Уроки GIMP: создание эффектов
  • Много места для файлов в «облаке»: Mega, Bitcasa, 4Sync
  • Медиапроигрыватели для Windows и управление ими со смартфона/планшета
  • WYSIWYG: визуальные редакторы для создания сайтов



  • Информация

    Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

    Форум Топик Ответов
    Будьте в курсе новостей