главная   ссылки   связь   о проекте
Trainer CODE: пособие Web-разработчику

технологии->инструменты->редакторы

технологии
 из чего состоит сеть
 способы разработки
 инструменты
    редакторы
    браузеры
    Web-сервер

разработка сайта
 дизайн
 контент
 структура
 размещение в сети
 раскрутка и оптимизация

справочная информация
 теги
 словарь
 курсоры
 таблица цветов
 полезные советы
 специальные символы

Редакторы

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

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

Все редакторы делятся на две основные группы:
  • WYSIWYG-editors
  • Source editors
К первой группе относятся визуальные редакторы, а аббревиатура расшифровывается как "What You See Is What You Get",что в переводе означает примерно следующее "Что видишь, то и получишь". Работа в этих редакторах сводится к щелканью мышкой, а код, который при этом генерируется редактором, мягко говоря, оставляет желать лучшего. Приведу пример самых известных программ из этой группы. Front Page от Microsoft, получивший продолжение в виде программ Microsoft SharePoint Designer и Microsoft Expression Web. Adobe Dreamweaver (ранее называвшийся Macromedia Dreamweaver), отличается от MS Front Page более высоким качеством создаваемого кода.

Вы хорошо запомнили названия редакторов из первой группы? А теперь забудьте их навсегда! Так как эти редакторы предназначены скорее для любителей, или людей которые проходили мимо и случайно зашли в мир Web-разработки. Я не хочу сказать, что с помощью этих программ нельзя сделать хорошую работу. Это можно сделать, но для этого Вам придется потратить намного больше времени и сил, а в итоге не факт, что Вы получите то, что хотели. Возникает вопрос: если Вы пришли в Web-проектирование всерьез и надолго, зачем, извините меня, заниматься любовью с этими редакторами? Исходя из этого, обращаем свое внимания на вторую группу программ.

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

В этом разделе представлены редакторы, относящиеся ко второй группе редакторов - Source editors:

HtmlPad

В отличие от многих других программ, HtmlPad обладает некоторыми важными функциями, необходимыми для качественного написания сайта и способными улучшить Вашу работу. Прежде всего, надо отметить следующие возможности, которые необходимы для нормальной работы:
  • Возможность открытия многих документов
  • Интеграция различных кодировок
  • Мощные поиск и замена в тексте
  • Неограниченное Undo/Redo
  • Подцветка синтаксиса
  • Работа с регистром текста
  • Встроенная палитра цветов
  • Удобный выбор HTML цвета
  • Панели инструментов с кнопками быстрой вставки
  • Готовые решения - шаблоны
  • Полезная справка
  • Различные понятные справочники
  • Возможность настройки всего перечисленного
Все перечисленное уже есть в HtmlPad Fisherman. Главное, что требуется от такого типа программы - возможность изменения "под человека" как поведения программы, так и содержания отдельных компонентов, таких как шаблоны или палитры цветов. Вот что делает HtmlPad таким привлекательным продуктом.

HomeSite

Одна из лучших программ для создания сайтов в Интернете. Популярнейший HTML редактор, отвечающий всем требованиям профессиональных web-разработчиков. Многочисленные панели инструментов (настраиваиваемые под нужды конкретного пользователя) позволяют быстро набирать исходный код будущей страницы практически без помощи клавиатуры, а внутренний анализатор проверяет корректность документа. В большей или меньшей степени программа автоматизирует работу программистов, использующих следующие языки и стандарты: HTML, XHTML, VTML, ColdFusion, Java (а также теги JRun), JavaScript, JavaServer Pages, ASP - и специальные языки разметки для мобильных и беспроводных устройств: Handheld Device Markup Language (HDML) и Wireless Markup Language (WML). Таким образом это средство разработки не только для Web, но для куда более широкого спектра клиентских программ и платформ. Управление создаваемым сайтом выполнено на очень высоком уровне. Хотя Homesite не предлагает визуальных моделей с условными обозначениями связей между отдельными файлами, это компенсируется продвинутыми менеджерами папок, ftp-клиентом, интегрирующимся в Проводник Windows, и возможностью работать одновременно с несколькими хранилищами документов, в том числе и с удаленным сервером. Кроме того, программа предлагает средства для автоматического обновления публикуемых страниц. Из особенностей Homesite хочется выделить полномасштабную поддержку перспективного языка XHTML, зачастую отсутствующую в других пакетах этого класса, а также фирменную технологию Codesweeper.

AceHTML Pro

Еще один "крепко" сделанный HTML-редактор. Основные функциональные возможности - подобно HomeSite. Из ценных качеств Ace надо отметить умелую работу с кодировками русского языка. Он:
  • Умеет проверять русскую орфографию, пользуясь спеллчекером Word.
  • Корректно по отношению к символам русского алфавита проверяет грамотность HTML кода, не предлагая заменить их белибердой типа &aaqute
  • "Сам" обеспечивает поддержку русских кодировок. Другими словами, правильно отображает русский текст во встроенном браузере, а новая страница автоматически получает в заголовке необходимую META-строку с указанием используемой кодировки.
При этом, поддержка русского настраивается автоматически, и вам не нужно после установки обшаривать все закоулки настроек в поисках необходимых опций. Установщик AceHTML сам определит Ваши локальные установки, и настроит себя так, чтобы Вам было удобно. Второй плюс - весьма неплохая встроенная утилита для просмотра графических файлов в вашем компьютере. Еще одна полезная встроенная утилита Ace - менеджер файлов. В остальном - все "как у всех". Имеется панель для выбора тегов HTML, а также JavaScript. HTML теги тоже можно "фильтровать" по требуемой Вам версии - 3.2, 4.0, и т.д. Страницу можно просмотреть в любом браузере на ваш выбор. Подобно HomeSite, Ace умеет проводить расширенный поиск по директориям с заменой. Как уже говорилось, есть проверка корректности вашего HTML. Подытоживая, еще раз отмечу корректность AceHTML к русскому, а также общее удобство и хорошую организацию редактора при отсутствии явных излишеств и "наворотов". Словом - ладный и удобный инструмент. Кстати это пособие сделано с помощью именно него.

PHP Expert Editor

Удобный в использовании PHP-редактор или IDE(Integrated Development Environment, интегрированная среда разработки), созданный специально для PHP-мастеров. Будет удобен как начинающим, так и профессиональным PHP-программистам. Имеет встроенный HTTP-сервер и отладчик для запуска и отладки PHP-скриптов. Предоставляет возможность проверки синтаксиса PHP, имеет встроенный браузер, FTP-клиент, настраиваемые шаблоны кода, три режима подсветки кода(PHP&HTML,HTML,PHP), существует подсветка JavaScript и CSS-файлов, функции быстрой навигации в PHP-коде. К дополнительным возможностям следует отнести быструю вставку всех функций PHP с отображением подсказки и их параметров; подсветку парных символов; два стиля интерфейса.

PHP Designer

Не важно, являетесь ли Вы профессионалом или новичком в PHP, бесплатный редактор PHP Designer обеспечит Вас полным набором инструментов, которые необходимы для разработки программ на PHP. PHP Designer позволяет подсвечивать код для PHP, HTML, XHTML, CSS, Perl, C#, JavaScript, VB, Java и SQL, что очень удобно, так как Вы можете использовать его не только при разработке PHP-программ, но и других ситуациях. Этот редактор очень универсален, так сказать “все в одном”. Он содержит библиотеку, разделенную по категориям, для большинства команд, относящихся к PHP, HTML/XHTML, CSS, SQL. Имеет встроенный FTP-клиент, браузер. Обладает настраиваемым интерфейсом и содержит более 10 встроенных тем оформления.


проверено на себе

Разметку своего первого сайта я сделал полностью в обычном блокноте. Я сейчас ни в коем случае не призываю Вас делать то же самое (если конечно Вы не мазохист), просто тогда я мало что представлял о существовании программ описанных выше, о HTML, о Web-дизайне и о Web-проектировании. Я с ног до головы обложился всевозможными учебниками и самоучителями и начал работать. И через три месяца был готов мой первый сайт, который насчитывает более трехсот страниц чистого HTML-кода!!! Мне даже сейчас страшно подумать, как я это сделал.

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

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

Что в итоге: получился довольно посредственный сайт, который содержал около 30 страниц. Корректно сайт отображался только в MS Internet Explorer и то после определенной коррекции кода, который сгенерировала программа, благо на тот момент после трехмесячной работы над первым своим проектом это не составило для меня особого труда. Работа с программой Front Page вызвала у меня отвращение и сильнейшую аллергию на все визуальные редакторы страниц, и навсегда отбило охоту иметь дело с этими программами.

Делайте выводы!

 главная   ссылки   связь   о проекте
 назад   вверх   вперед 
Copyright © 2008 WWF Project.
Использование материалов данного пособия в коммерческих целях запрещено!
Частичное или полное использование материалов пособия допускается только с разрешения автора.
Hosted by uCoz