Разработка сайтов для СРО

SEO-копирайтинг — текст для поисковой оптимизации. Продвижение сайта в поисковых системах. Оптимизация сайта для поисковых машин. Раскрутка сайта в ведущих поисковиках

Создание и раскрутка сайтов в Интернете

Что нужно для SEO?

Текст & Всемирная Паутина

HTML - язык гипертекста

CSS - каскадные таблицы стилей

Поисковая оптимизация

Что такое раскрутка сайта?

Контекстная реклама

Что такое обмен ссылками?

Почтовые рассылки

Соблюдайте правила

Что препятствует рейтингу?

Что такое CMS?

Краткий словарь терминов

Полезные книги

Карта сайта

Как повысить находимость сайта?

Как оптимизировать?

Структурная разметка

Особенности русского языка

Полезные хитрости

Стандартная оптимизация сайта

Поисковое продвижение сайта

Спамдексинг: поисковый спам

 
Разработка сайтов под ключ

Ссылки по теме

В помощь дизайнеру / RU designer help

Каталог скриптов (PHP & Perl)

Форум программистов - программирование на java, php, asm, .NET

Все о настройке, администрировании, оптимизации и разработке приложений на MySQL

PHP - язык программирования

Учебник РНР

HTML справочник

Форумы Xpoint - советы по веб-технологиям и созданию веб-ресурсов.

MySQL - СУБД

phpMyAdmin — система управления MySQL через Web-интерфейс

Apache - HTTP сервер

Джентельменский набор - «Д.н.w.p.»

FileZilla - FTP клиент для Windows

PHP - Hypertext Preprocessor

PHP - Expert Editor

PHP - Designer 2007

FCKEditor - текстовый редактор для браузера

NotPad++ - текстовый редактор

PSPad — текстовый редактор

UltraEdit-32 - текстовый редактор

Nvu - HTML редактор

CoffeeCup - HTML редактор

WebGraphics Optimizer Professional

Firefox - отличный браузер

Avant Browser - очень хорошая замена IE

Slim Browser - клон IE

Maxthon Browser - качественный клон IE

Opera - вполне сносный браузер

Netscape — браузер

CSE HTML Validator Lite — редактор-анализатор (валидатор)

W3C - стандарты HTML

W3C - стандарты CSS

 

Советую прочитать!

РНР — это просто. Программируем для Web-сайта. РНР в примерах MySQL и PHP
HTML и CSS на примерах. XHTML и CSS2 Ускорение работы сайта
JavaScript - библия пользователя Шрифты Все о работе с ЦВЕТОМ в WEB
XML-Самоучитель HTML-Самоучитель Настольная книга по CSS2
HTML и CSS Философия CSS-дизайна Продвижение сайта в поисковых системах.
PHP 5 HTML. Экспресс-курс. Web-конструирование. Элективный курс.

Набор инструментов веб-строителя

Главная « Инструмент веб-строителя

версия для печати

Формирование профессионального инструментария…

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

 

Инструмент SEO-копирайтера

  • Текстовый редактор UltraEdit-32 с проверкой орфографии и пунктуации (или любой другой, используемый вами);

  • Текстовый HTML-редактор (для удобства с подсветкой кода), например, PSPad, Nvu;

  • Подбор синонимов (тезаурус), например, ABBYY Lingvo;

  • Толковый словарь русского языка, например, он-лайн аналоги орфографических словарей;

  • Спецификация языка HTML 4.0, рекомендуемая Консорциумом W3C;

  • Спецификация CSS2, рекомендуемая Консорциумом W3C;

  • Утилита Site-Auditor позволяет посмотреть статистику по поисковикам Апорт, Яндекс, Рамблер, Google, Yahoo, а также если на анализируемом сайте будет обнаружен счетчик Рамблер ТОП100, утилита соберет данные о количестве посетителей и просмотренных страниц за последние 7 дней. Если будут обнаружены счетчики иных статистических систем, то на них будут даны ссылки;

  • Валидаторы (проверка) кода от W3C: HTML validator и CSS Validator.

 

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

Инструменты, описываемые в данном разделе сайта, пригодятся вам для следующих целей:

  • создания разметки и CSS (каскадных таблиц стилей) без особого труда;

  • создания отличной web-графики;

  • проверки правильности страниц;

  • тестирования сайтов на совместимость с различными web-браузерами;

  • векторного рисования;

  • использования инструментов растрового изображения для создания web-графики;

  • создания анимации.

 

Web-браузеры…

AOL закрыл двери для Netscape, а в Microsoft заявили о том, что не будут больше выпускать отдельных версий Internet Explorer (IE) до появления операционной системы Windows Vista со встроенным браузером (Internet Explorer 7 доступен пользователям Windows версий от XP и выше).

Новые браузеры появлялись на рынке крайне редко - Mozilla Firefox привлекает тех пользователей, которым нужен небольшой по размеру, но мощный web-браузер. Opera понемногу продолжает совершенствоваться, a Mozilla продолжает развивать свои возможности теперь уже под покровительством некоммерческого агентства, The Mozilla Foundation, задачей которого является «защита выбора и инноваций» в Интернете.

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

Именно о web-браузерах в первую очередь беспокоились дизайнеры. Ведь браузер - это основная программа, которой пользуются дизайнеры и посетители сайта, чтобы получить доступ к web-страницам. Поэтому то, как он «понимает» (или не «понимает») языки и технические приемы, используемые при создании страниц, очень важно и для дизайнеров, и для посетителей.

Как сориентироваться в этой сложной ситуации? Предлагаю руководствоваться таким подходом:

  • выберите браузер, который будете использовать при разработке;

  • имейте различные браузеры, для разных нужд ваших клиентов.

К счастью, существуют разные способы определения браузеров, на совместимость с которыми придется протестировать сайт. Один из способов - это статистическое исследование, согласно которому IE 6.0 является наиболее часто используемым браузером на земле.

 

Выбор кодового редактора…

Существуют три основные категории редакторов, которые вы можете использовать для написания HTML, XHTML, XML, CSS и JavaScript (а также любых других, основанных на ASCII-языках).

  • текстовые редакторы ASCII. Кроме форматирования текста и сохранения, у этих редакторов совсем мало возможностей, но если вы хорошо знаете ваш код, они могут отлично послужить для внесения быстрых исправлений и даже завершения работы. При работе с HTML, XHTML и CSS я предпочитаю работать именно с этими редакторами;

  • коммерческие кодовые редакторы. Эти редакторы представляют собой редакторы ASCII с мощными инструментами, например мастером добавления изображений;

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

Как не ошибиться в выборе? Для этого необходимо иметь как минимум по одному редактору из каждого типа. Комбинируя инструменты, вы сможете выполнять всю необходимую работу.

Возможная комбинация для Windows:

  • Текстовый редактор NotPad++ - бесплатный, с подсветкой кода. Или очень мощный инструмент для профессионалов: FCKEditor - текстовый редактор для браузера;

  • Microsoft FrontPage 2003 - визуальный редактор. Широко используется любителями, далекими от web-дизайна благодаря распространенности MS Office. Обладает некоторыми возможностями, в том числе поддержкой CSS, но непригоден для профессиональных web-дизайнеров;

  • Adobe GoLive CS2 - визуальный редактор. Популярен среди отдельных профессионалов; был улучшен, но до сих пор создает отчасти проблематичную и собственническую разметку. Платный, бесплатное демо;

  • Macromedia Dreamweaver MX 2004 - многофункциональный редактор. Для профессиональных web-дизайнеров, обладает очень хорошей поддержкой стандартов, CSS. Хорошо объединяется с серверными технологиями, например с PHP, ASP, JSP, ColdFusion и т. д. Платный, бесплатное демо;

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


внимание!

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

 

Управление файлами при помощи FTP

File Transfer Protocol (FTP) - один из многочисленных протоколов, работающих в Интернете. FTP-клиент позволяет вам передавать любые файлы с локального компьютера на удаленный сервер и, в зависимости от возможностей клиента, который вы используете, выполнять важные функции, например изменять полномочия файла.

Существует много различных FTP-клиентов - даже web-браузеры и механизмы внутри операционных систем могут работать как FTP-клиенты. Но для полного многообразия возможностей лучше всего использовать надежные и гибко настраиваемые FTP-программы.

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

 

Инструменты валидации…

Валидация разметки, CSS и доступности приобретает все большее и большее значение для профессиональных web-дизайнеров.


внимание!

«Валидация» - укоренившийся в русскоязычном сообществе разработчиков англоязычный термин. Он обозначает прежде всего «проверку валидности», то есть «действительности» кода или документа - соответствие его условиям, для него определенным. В современной профессиональной терминологии нельзя путать «валидность» и «правильность»! Разметка может быть правильной с точки зрения воспроизведения ее тем или иным браузером, но не быть валидной с точки зрения стандартов, которым стремятся соответствовать разработчики браузеров.

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

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


внимание!

Проверка доступности - это особенно сложный процесс, и поэтому рекомендуется использовать несколько валидаторов. Кроме того, валидаторы доступности не принимают во внимание визуальные аспекты, поэтому вам придется использовать их исключительно как утилиты для проверки правописания - полагайтесь не только на валидатор, но и на свои собственные знания. Валидаторы CSS и разметки более точны, поскольку в тестировании они отталкиваются от спецификаций заданных языков - HTML, XHTML, XML, CSS.

 

Программы для работы с растровым изображением…

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

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

Macromedia Fireworks - очень популярная программа для редактирования изображений. Corel предлагает полноценную программу по рисованию в комплекте DRAW, но разработчики сайтов используют ее очень редко.

Подробную информацию об этих программах, можно получить на их родных сайтах:

 

Программы для работы с векторным изображением…

Для тех из нас, кто создает логотипы, изысканные шрифты и просто любит рисовать, двумя наиболее популярными программами являются Adobe Illustrator и Macromedia Freehand.

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

Конечно, вам понадобится растеризовать конечную работу, конвертировав ее в растровые форматы, например GIF или JPEG. Тем не менее, если вы собираетесь использовать изображения для Сети, можете выполнять гораздо более сложные задачи в программе для работы с векторными изображениями.


внимание!

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

 

Утилиты web-анимации…

Если не брать во внимание рекламу, GIF-анимация на профессиональных web-сайтах используется крайне редко. Исключением являются совсем незначительные эффекты. Конечно, ситуация изменилась с распространением Macromedia Flash (который также повлиял на web-рекламу).

Тем не менее, применение GIF-анимации до сих пор желательно в некоторых случаях, поэтому убедитесь, что у вас под рукой есть необходимый инструмент.

Как и в случае с графическими программами и утилитами, некоторые доступные утилиты web-анимации являются коммерческими, а некоторые полностью бесплатными.

Популярные утилиты web-анимации:

  • Ulead Gif Animator - Коммерческий, недорогой продукт с 30-дневным демо, очень популярна у многих дизайнеров;

  • GIF Construction Set - Недорогой shareware, один из старейших GIF-аниматоров.


внимание!

Тем не менее, большинство web-дизайнеров для анимации предпочитают использовать Adobe ImageReady, которая поставляется вместе с Photoshop.

 

Утилиты для захвата изображения на экране…

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

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

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

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

Вы можете найти недорогую shareware-версию на TechSmith.

 

Программы для защиты и безопасности…

Несмотря на то что основные меры безопасности в web-разработке связаны с защитой сервера, защита локального компьютера также является неотъемлемой частью деятельности web-мастера.

Причин много, среди них: защита вашей интеллектуальной собственности с целью ограничения или исключения возможности передачи вредоносных программ в сетях, программах, документах Word и электронных письмах; а также защита от распространения «шпионов» (spyware), скрытых программ, рекламы (adware) и других неприятных браузер-ориентированных кодов, которые могут передаваться через браузеры и равноправные узлы.

Чтобы надежно защитить любой локальный компьютер, вам понадобится:

  • современное антивирусное программное обеспечение;

  • брандмауэр (многие возможности брандмауэра встроены в операционные системы, но лучше использовать автономные программы);

  • защита от adware.

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

Ниже я привожу список наиболее мною любимых программ для защиты и безопасности:

 

Подводим итоги…

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

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

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

Самый большой совет, касающийся инструментов: необходимо найти должный баланс между тем, что нужно сделать, и тем, с чем вы готовы работать. В конце концов, вы, а не инструмент, будете в ответе, если web-сайт получится плохим.


внимание!

Книги, которые следует прочитать:

  1. Под ред. Ашманова, И.С., Иванова, А.А.: Продвижение сайта в поисковых системах.

  2. Мержевич В.В.: HTML и CSS на примерах.

  3. Мержевич В.В.: Ускорение работы сайта.

  4. Петюшкин А.В.: HTML экспресс курс.

  5. Дуванов А.А.: Web-конструирование. Элективный курс.

  6. Шкрыль А.А.: РНР — это просто. Программируем для Web-сайта.

  7. Стивен Хольцнер: РНР в примерах.

  8. Дэнни Гудман: JavaScript. Библия пользователя, 4-е издание.

  9. Пособие для дизайнеров и программистов: Всё о работе с цветом в Web.

 

Запомнить эту страницу в google.com Запомнить эту страницу в bobrdobr.ru Запомнить эту страницу в news2.ru Запомнить эту страницу в Memori.ru Добавить в МоёМесто.ru сохранить на RUmarkz Добавить страницу к Мистеру Вонгу Запомнить эту страницу в del.icio.us Запомнить эту страницу в technorati.com Запомнить эту страницу в linkstore.ru Добавить на Ваау!
Valid XHTML 1.0! Valid CSS!
Как писать текст для поисковой оптимизации?

Как составить текст?

Краткость - сестра таланта

Пишите простой текст

Единство стиля

Текст должен работать

Достоверность информации

Если крупный текст?

Частые ошибки

 
Словари
 
Словарь терминов поисковой оптимизации
 
Справочники
 

Справочник по языку XHTML 1.0

 
Заголовки разделов текущей страницы…

Оглавление

Web-браузеры…

Выбор кодового редактора…

Управление файлами при помощи FTP…

Инструменты валидации…

Программы для работы с растровым изображением…

Программы для работы с векторным изображением…

Утилиты web-анимации…

Утилиты для захвата изображения на экране…

Программы для защиты и безопасности…

Подводим итоги…

 

Словарь ABBYY Lingvo

Это мой любимый текстовый редактор

Антивирусная программа Panda для дома и офиса

McAfee - Antivirus Software

ZoneAlarm Internet Security

Slim Browser

Mozilla Firefox

Avant Browser

Opera Browser

Maxthon Browser

NotPad++ - текстовый редактор

наверх

 
Контактная информация

Пишите:
Звоните: + 7 (916) 597-36-78

SEO-копирайтинг — текст для поисковой оптимизации. Продвижение сайта в поисковых системах. Оптимизация сайта для поисковых машин. Раскрутка сайта в ведущих поисковиках

Copyright (©) 2004— by Yuriy Korovenkov