Существует много инструментов для верстки веб-страниц, с каким из них будете работать вы - выбирать вам же. Я рекомендую вам опробовать разные редакторы, и только тогда уже решать, с каким вам лучше работать.
В этой статье я дам краткий обзор по наиболее популярным редакторам, чтобы помочь вам сориентироваться. Кроме того я приведу полезные ссылки по каждой программе: сайт разработчика, где можно приобрести/скачать в интернет этот редактор, ссылки на обучающие программы и инструкции по работе с редактором.
Редакторы для верстки веб-страниц бываю двух типов: визуальные и текстовые.
Визуальные редакторы не требуют от вас знаний html, css и прочих технологий для разметки страниц. В визуальном редакторе вы располагаете различные элементы вашего сайта, как будто на листе бумаги, а редактор пишет за вас код самостоятельно. Именно поэтому визуальные редакторы еще называют WYSIWYG-редакторами. Аббревиатура WYSIWYG расшифровывается как What You See Is What You Get - что видишь, то и получаешь.
Однако, следует заметить, что ни один визуальный редактор не совершенен и все они так или иначе ограничены в своих возможностях, поэтому от профессиональных кодеров требуется умение писать код руками, именно поэтому профессиональным кодерам нужны текстовые редакторы. В этих редакторах вы пишите код своими руками. В текстовых редакторах, как правило, бывают разные функции облегчающие кодеру написание кода, такие, как подсветка кода (так легче видеть, где в коде вставлены стили, или скрипты, а где просто текст), различные горячие кнопки и клавиши, которые вставляют уже готовые конструкции (куски кода, спецсимволы) в код, и т.д.
Какого же типа вам следует заводить редактор? Если вы изучаете html, css или другие технологии для разметки страниц, если вы хотите уметь создавать качественные страницы и быть профессиональным кодером, то безусловно вам нужен текстовой редактор. Если же у вас нет времени на изучение html, css и прочих технологий, если перед вами не стоит очень сложных задач в выполнении страницы, то смело заводите себе визуальный редактор и пользуйтесь им, он очень экономит время и силы. А лучше всего иметь у себя на компьютере и визуальный, и текстовой редакторы для разных нужд.
ВИЗУАЛЬНЫЕ РЕДАКТОРЫ
Macromedia Dreamweaver MX
Профессиональный инструмент для создания web-сайтов и приложений. Пожалуй, это самая лучшая программа из визуальных редакторов на данный момент, по крайней мере она весьма любима многими пользователями, а раз любят, значит есть за что.
Разработчики утверждают, что Macromedia Dreamweaver MX предназначена для проектирования, разработки и администрирования профессиональных web-сайтов и приложений. Кроме того Dreamweaver легко интегрируется с другими программами от Macromedia, например, такими, как Flash. Т.е. Dreamweaver гораздо больше, чем просто визуальный редактор, это достаточно мощный и сложный инструмент, а всякий сложный инструмент требует, чтобы на его освоение было потрачено какое-то время, прежде, чем пользователь сможет работать в нем. Однако, я считаю, что вас не должно смущать, что придется изучать, как пользоваться программой, Dreamweaver стоит того.
Возможно, Adobe GoLive понравится тем, кто любит программы от Adobe, и много с ними работал: знакомая среда, достаточно легко разобраться, что к чему. Кроме того, еще один плюс для любителей Adobe - все программы от Adobe прекрасно взаимодействуют друг с другом и дополняют друг друга, GoLive не исключение, он прекрасно дружит с собратьями. Однако, GoLive не более, чем визуальный редактор для верстки веб-страниц, больше чем поддержки таких технологий, как Html, Dhtml, CSS, XML и нескольких готовых Javascript`ов не стоит ждать от этой программы. Однако, следует отметить, что встроенный редактор кода (текстовой) в этой программе очень хороший. Т.е. возможно, GoLive оптимальное сочетание визуального и текстового редактора (два в одном).
Хочу также добавить, что, вероятно, стоит использовать с GoLive такую программу, как Adobe LiveMotion (в предыдущих версиях она называлось Image Styler). Хотя, по идее, LiveMotion является графическим редактором, в котором вы можете создавать незатейливую, но качественную графику для своих веб-сайтов, эта программа также умеет верстать веб-странички, на основе того, что вы нарисовали (не лучшим образом, но довольно прилично, плюсом является то, что LiveMotion сам режет готовый макет на много картинок, которые вы потом можете использовать при верстке сайта в GoLive).
Если верить разработчикам, то программа FrontPage позволяет создавать веб-узлы, обладающие широкими возможностями, а также предоставляет средства управления ими. На деле, FrontPage дружит с Html, Css, Dhtml, Javascript. Дает достаточно широкие возможности по управлению изображениями и flash-ролликами. Кроме того FrontPage дружит с такими технологиями, как ASP, XML, VBScript, XSL. Также разработчики утвержают, что в последней версии FrontPage теперь борется за чистоту кода, что ж, остается надеятся, что это так, т.к. раньше данный пункт был не на высоте (раньше FrontPage вставлял в код очень много ненужных комментариев и другой лишней информации, так что правильностью и чистотой кода странички, сделанные в этом редакторе похвастаться не могли).
Программа имеет простой и понятный пользователю интерфейс. Кроме того, что Hotdog дружит с пользователем, эта программа дружит также с Flash, SQL, PHP, ASP, имеет работать с GIF-изображениями (оптимизация, анимация), включает в себя Html-компрессор, может создавать файлы справки (CHM).
Этот редактор, пожалуй, самый популярный и мощный среди текстовых, и не зря. Кроме того, что в нем достаточно легко работать не только с Html-кодом (есть все, от списка всевозможных атрибутов ко всем тегам вплоть до проверки кода (правильность проверяется с точки зрения W3C.org)), но также есть поддержка XHTML, CSS-редактор, и так далее.
Эта программа тоже пользуется большой любовью пользователей. Помимо всего стандартного HTMLPad поддерживает JavaScript, VBScript, SSI, ASP и Perl, умеет создавать макросы (нападобие Word`a и Excel'я), включает в себя кучу различных справочных материалов по CSS и Html, и многое другое.
Notepad он же Блокнот. В этой программе нет никаких функций, которые облечат вашу жизнь: ни подсветки кода, ни вставки готовых конструкция кода, ничего, но зато эта программа есть в Стандартных на компьютере у каждого пользователя. С нее вы можете начать свои первые шаги в написании кода, а затем уже сменить на более понравившийся редактор. Все мы когда-то начинали с Блокнота
За сим все. Если у вас не слишком хорошая и быстрая связь с интернет, чтобы скачать редакторы, то вы можете купить их в магазине, где продаются программы для компьютера.
TigerPad или Dimoniusis Notepad - Это текстовый/HTML редактор со множеством функций. Он имеет небольшой размер, быстро работает, красиво выглядит, все его многочисленные функции удобно рассортированы по меню, все настраивается.
Часть преимуществ перед стандартным блокнотом:
Открытие файлов любого размера
Очень быстрая работа
Подсветка синтаксиса HTML, C\C++, Pascal, JavaScript и т.д. Файлы подсветки легко добавляются, легко пишутся/правятся самостоятельно.
Знает все быстрые клавиши
Знает HTML - подсветка тегов, вставка тегов и т.д. и т.п.
Знает 9 кодировок: DOS (866), WIN (1251), KOI, ISO, MAC, 855, UTF-8, Unicode, BASE64 и все версии 7 битных кодировок.
Содержит более 80 JavaScript и DTHML скриптов, а так же может сохранять Ваши
Может автоматически определять кодировку при открытии файла и вставке из буфера обмена
Знает Транскодировку (Транслитерацию - например "Privet")
Помнит 5 последних открытых файлов
Может править ошибки набора текста при неправильной кодировке
Умеет убирать и вставлять мат в текст(опция скрывается опционально).
Умеет шифровать файлы
Умеет оптимизировать HTML, убирая лишние теги
Умеет переводить HTML в текст и обратно, для удобства чтения и сохранения
Показывает статистику документа
Умеет форматировать текст разными способами
Знает множество JavaScript & DHTML примеров и может запоминать ваши
Знает сокращения типа "RTFM"
Красиво выглядит
Работает как записная книжка
Умеет вставлять Ориджины и цитировать текст
Умеет отправлять текст по почте, с разных почтовых ящиков
Имеет свое "избранное" - позволяющее мгновенно открывать самые часто используемые файлы.
Вставка даты и времени в ЛЮБОМ виде - полностью настраивается.
Умеет удалять символы и пробелы и справа и слева от текста.
Умеет переводить числа из ЛЮБОЙ системы счисления в ЛЮБУЮ (хоть из 6ричной в 253ричную)
Умеет из себя открывать Web и E-mail адреса
Поддерживает мультиязычность
Умеет автоматизировать работу - автозаменять при вводе, по шаблону, или автодополнять
Может удалять и вставлять текст по шаблону (даже нечеткому !)
может вставлять текст с счетчиком (например ссылки на файлы) типа "file000.jpg", "file001.jpg", "file002.jpg"...
WebCoder WebCoder — это очень быстрый и комфортный невизуальный редактор для веб-дизайна с широкими возможностями.
Программа абсолютно бесплатная (freeware), более того вам доступны ее исходники согласно лицензии GNU GPL 2.
Разработан для работы с HTML, XML, WML, CSS, JS, VBS, PHP и PERL/Python; может быть использован в роли текстового редактора;
Подсветка синтаксиса;
Способен открывать файлы практически любого размера, при этом работает быстро;
Полезные функции (Переименование файла, удаление файла, изменение атрибутов файла), смешанные действия (типа Выделить все и скопировать) и другие функции (Вставить текст из файла, Сохранить текст в файл);
Большая часть функций имеет горячие клавиши. Ctrl+Enter — вставляет тег <br>, Ctrl+Space — , и т.д. Это очень удобно;
Быстрая вставка большей части тегов HTML;
Поддержка закладок;
Алтернативный метод выделения текста;
Полноэкранный режим — делает интерфейс крайне простым (есть только главное меню и собственно сам редактор текста). А если еще и убрать подсветку синтаксиса, то выглядит как Блокнот;
Поддержка следующих кодировок: WINDOWS-1251, ISO8859-5, KOI8-U, MAC-U, DOS 866; Автопределение Windows-1251, KOI8-U и DOS 866; В финальной версии 2.0 будет поддержка UTF-8;
Программка для определения цвета и защиты e-mail от спамеров;
Быстрый запуск программ для веб-разработки;
Мультиязычность, по умолчанию доступен английский, русский и украинский языки интерфейса;
Интеграция с Проводником, IE и Opera; поддержка Drag&Drop;
Notepad он же Блокнот. В этой программе нет никаких функций, которые облечат вашу жизнь: ни подсветки кода, ни вставки готовых конструкция кода, ничего, но зато эта программа есть в Стандартных на компьютере у каждого пользователя. С нее вы можете начать свои первые шаги в написании кода, а затем уже сменить на более понравившийся редактор. Все мы когда-то начинали с Блокнота
Рекомендую посмотреть здесь. Очень хорошая альтернатива блокноту. Даже с подсветкой синтаксиса.
Сообщение отредактировал }{0тт@бь)ч - Пятница, 07 Мар 2008, 11:07:00
EditPlus — 32-битный платный текстовый редактор для Windows.
Плюсы:
Настраиваемая подсветка синтаксиса (можно создать свою); Регулярные выражения в поиске, поле поиска как одно-, так и многострочное; Шаблоны; Проекты; Встроенный браузер, можно указать внешний; Возможность назначения программ (например *.exe, *.chm), при необходимости результаты работы можно увидеть в «консоли» — можно использовать для компиляции, проверки синтаксиса; Перенастраиваемое меню; Запись макросов; Открытие очень крупных файлов (например более 200 мб); Простая поддержка FTP; Поддержка большого количества кодировок; … Минусы:
Extra Hide Studio 2009 От разработчика: "Extra Hide - это студия для создания и редактирования HTML страниц, документов, исходных текстов программ, PHP скриптов. Но большие усилия были потрачены для создания удобной среды разработки PHP скриптов и HTML страниц. Возможность редактирования не ограниченного числа документов в одном окне программы, модуль защиты глаз, навигатор файлов, удобный полноэкранный режим, две удобные панели для быстрой вставки тегов, функций и процедур, удобный и понятный интерфейс - всё это и ещё многое другое создавалось и совершенствовалось в Extra Hide на протяжении нескольких лет." Ахрамеев Денис (вот такие сайты есть на uCoz) От себя добавлю: удобный, с привлекательным интерфейсом, многофункциональный редактор. Видно, что разработчик вложил в него много сил и времени. Имеет много различных возможностей и настроек. Скриншот (2,2Mb, freeware)
Smart Web Builder - многофункциональный web редактор для эффективного и качественного создания сайтов и web приложений. Сочетая простоту, гибкость и качество разработки и обладая профессиональными средствами контроля кода, Smart Web Builder подходит как новичкам, так и профессионалам. Возможности:
Суфлёр кода JavaScript и Html.
Оптимизация и проверка html-кода.
Диалоги конфигурирования и вставки html-тегов.
Быстрая вставка всех основных тегов html.
Вставка html-кодов символов.
Бесплатные скрипты для web-страниц.
Просмотр редактируемой web-страницы в различных браузерах и под сервером.
FTP-эксплорер.
Автоматическая замена.
Вставка закладок.
Подсветка синтаксиса языков программирования (Assembler, ASP, Bat, C++, CORBA IDL, CSS, Html, Ini, Java, JavaScript, Pascal, Perl, PHP, Python, SQL, Tcl/Tk, UNIX Shell, VBScript, XML).
Подсветка парных скобок.
Расширенный поиск и замена (поддержка регулярных выражений).
Удобный подбор цвета в трёх шкалах (RGB, HSV, CMYK).
Экспорт исходного кода в Html, RTF, TeX с учётом подсветки синтаксиса. Сайт Скачать (1.53Mb, freeware)
Notepad++ это бесплатный редактор текстовых файлов (замена стандартного Блокнота) с поддержкой синтаксиса большого количества языков программирования, ориентирован для работы в операционной системе MS Windows.
Основные особенности Notepad++: — подсветка текста и возможность сворачивания блоков, согласно синтаксису языка программирования; — поддерживаются языки: C, C++, Java, C#, XML, HTML, PHP, CSS, makefile, ASCII art (.nfo), doxygen, ini file, batch file, Javascript, ASP, VB/VBS, SQL, Objective-C, RC resource file, Pascal, Perl, Python, Lua, TeX, TCL, Assembler, Ruby, Lisp, Scheme, Properties, Diff, Smalltalk, Postscript, VHDL, Ada, Caml, AutoIt, KiXtart, Matlab, Verilog, Haskell, InnoSetup, CMake, YAML; — WYSIWYG (печатаешь и получаешь то, что видишь на экране); — настраиваемый пользователем режим подсветки синтаксиса; — авто-завершение набираемого слова; — одновременная работа с множеством документов; — одновременный просмотр нескольких документов; — поддержка регулярных выражений Поиска/Замены; — полная поддержка перетягивания фрагментов текста; — динамическое изменение окон просмотра; — автоматическое определение состояния файла; — увеличение и уменьшение; — поддерживаются версии Windows со специальным языковым окружением; — заметки; — выделение скобок при редактировании текста; — запись макроса и его выполнение;
Amaya - браузер/редактор (WYSIWYG) производства W3C (организации, занимающейся разработкой принципов функционирования WWW). Предназначенный для создания и обновления документов непосредственно в сети. В одном пакете объединены все средства для просмотра, редактирования и удаленного управления файлами. Возможности:
Может работать с несколькими (X)HTML документами одновременно.
Представляет документы в структурированном виде с соблюдением шаблона DTD (Document Type Definition).
Поддерживает каскадные стили (CSS).
Обеспечивает поддержку MathML гипертекстовый язык разметки математических данных, который позволяет пользователям просматривать и редактировать веб-страницы, содержащие математические выражения.
Поддерживает надстройку масштабируемой векторной графики (SVG).
Включает возможность оставлять совместные комментарии на основе технологий Resource Description Framework (RDF), XLink и XPointer.
Функция проверки правописания.
Подсветка синтаксиса.
Возможность просматривать/редактировать одновременно документ в WYSIWYG-редакторе и текстовом.
Просмотр документов в различных кодировках.
Мастер вставки изображений и ссылок.
Панели для быстрой вставки елементов, спецсимволов и настройки каскадной таблицы стиля. Интерфейс: русский есть (Edit>Preferences>General) Лицензия: Бесплатно (Open Source) Сайт программы Текущая версия: 11.2-pre2 (22.04.09г.) Страница закачки (Windows NT/2000/XP/Vista, Debian, Ubuntu, Redhat - Mandrake - Suse, MacOS X PowerPC - PowerBook, MacOS X Intel - MacBook) Описание на русском языке (немного устарело) на беларусском языке (тоже малость отстает от времени)
Arachnophilia – бесплатный и гибкий редактор, написанный на Java 2, что позволяет ему работать в любой операционной системе, где установлен Java Runtime Environment 1.4 и старше. Возможности:
Предварительный просмотр создаваемого html-документа в выбранном браузере.
Встроенная система макросов, позволяющих назначить практически на любое сочетание клавиш свое действие.
Автоматический перевод RTF-документов и таблиц в формат HTML.
Есть встроенная утилита для автоматического форматирования исходного кода (расстановки пробелов, табуляции, скобок и прочего).
А так же имеется: мастер создания таблиц, перевод тегов в верхний или нижний регистр, сжатие страниц, мастер создания маркированных списков и прочее. В редактор встроена поддержка макросов и Java-классов пользователя, что дает ему возможность подогнать программу «под себя» (через меню и текстовые config-файлы). Лицензия: Freeware. Интерфейс: Английский. Скриншот Сайт Скачать (для Windows) Скачать (.JAR) (для других ОС)
CoffeeCup Free HTML Editor Возможности:
Удобные Мастера добавления элементов в веб-страницы (таблиц, фреймов, форм, картинок, ссылок и т.д).
Мастер быстрого создания новых веб-страниц.
Поддержка всех тегов спецификации HTML 4.0 и XHTML.
Режим одновременного предпросмотра результатов и редактирования HTML кода.
NVU - визуальный (WYSIWYG) HTML-редактор, основанный на компоненте Composer пакета Mozilla Application Suite. На сегодняшний день NVU имеет уже достаточно много возможностей отсутствующих в оригинальном Mozilla Composer. Это Менеджер сайтов, позволяющий редактировать страницы на удаленном сервере, встроенный Редактор CSS c предварительным просмотром стилей, цветная подсветка синтаксиса в режиме редактирования кода, проверка орфографии и многое другое. NVU был анонсирован разработчиками как кроссплатформенная, с открытыми исходниками альтернатива таким редакторам, как Microsoft FrontPage или Macromedia Dreamweaver, однако не достиг их функциональности. Скриншот Сайт Скачать Русификатор Лицензия: Бесплатно (Open Source)
Fresh HTML Программа содержит как текстовый так и WYSIWYG редактор HTML. Простой интерфейс, множество различных мастеров вставки HTML-элементов (таблицы, изображения, спецсимволы и прочее), результат редактирования HTML в текстовом редакторе, можно тут же увидеть в соседней вкладке визуального редактора и наоборот. От себя: обычный редактор HTML, в общем-то все, что нужно под рукой. Правда, у меня возникла проблема с кодировкой в нём. Лицензия: Freeware (правда требует бесплатной регистрации) Интерфейс: Английский Сайт программы Скриншот Скачать (1578 kb) Текущая версия: 3.24 (July 23, 2009)
WDS Полностью на русском + Бесплатный. имеет очень информативные подсказки с кода.... кароче для начала самое оно но требует знания кода =/
Краткое описание
* Поддержка: HTML, PHP, Perl, CSS, JS, VBS, ASP, SSI, cUrl, VRML, WML, XML * Полная справочная информация по названным технологиям * Проверка синтаксиса: HTML, XML, PHP, Perl * Настраиваемый сервис встроенного кода (Ctrl+Пробел) * Подсказка по параметрам функций (Shift+Ctrl+Пробел) * Сервис исследования и анализа кода * Интегрирование с буфером обмена, пользовательский буфер * Встроенный и внешний предварительный просмотр * Встроенный файловый менеджер * Быстрый поиск и замена по файлам * Многодокументальный интерфейс - MDI * Заготовки кода (Ctrl+J) * Сервис корректировки ввода * Сервис сравнения файлов * Переходы по элементам кода по Ctrl+Щелчок * Создание документа по шаблону, свои шаблоны * Интегрирование в систему, ассоциирование файлов с программой * Работа с макросами: создание, редактирование, воспроизведение * Расширенная подсветка синтаксиса, настройка подсветки * Множество настраиваемых установок * Настраиваемый интерфейс программы, различные стили * Работа с закладками в редакторе кода * Восстановление документов после сбоя в ОС
Codelobster PHP Edition Интуитивно понятный и простой в использовании редактор PHP, HTML, CSS и пр. Также позволяет конвертировать HTML файлы в JSP, PHP, PL, ASP и наоборот, файлы формата JSP, PHP, PL, ASP в HTML формат. Есть возможность просмотреть результат выполнения кода файлов с расширением: *.html, *.java,*.php, *.pl, *.asp,*.xml, *.xsl для этого достаточно использовать опцию "Preview". Бесплатный вариант программы включает: HTML, CSS, JavaScript и PHP редакторы, проверку HTML-кода, дебаггер PHP и пр. Редактор можно дополнить платными плагинами для работы с Drupal CMS, Joomla CMS, шаблонизотора Smarty, WordPress и тп. Интерфейс: Английский Лицензия: Freeware/Shareware (Professional version) Сайт программы Страница закачки Скачать
EditPlus — 32-битный платный текстовый редактор для Windows. Плюсы: Настраиваемая подсветка синтаксиса (можно создать свою); Регулярные выражения в поиске, поле поиска как одно-, так и многострочное; Шаблоны; Проекты; Встроенный браузер, можно указать внешний; Возможность назначения программ (например *.exe, *.chm), при необходимости результаты работы можно увидеть в «консоли» — можно использовать для компиляции, проверки синтаксиса; Перенастраиваемое меню; Запись макросов; Открытие очень крупных файлов (например более 200 мб); Простая поддержка FTP; Поддержка большого количества кодировок; … Минусы: Нет поддержки языков (программа на английском)
Сообщение отредактировал webanet - Пятница, 28 Дек 2012, 22:41:47
Чат сообщества
