Това е първата от поредица статии, в които ще представя най-добрите HTML редактори. Под HTML редактор имам предвид такъв редактор, който помага за въвеждане на HTML код, но не го генерира вместо вас. Общо за всички такива редактори е, че за разлика от програми като Macromedia Dreamweaver, вие винаги виждате HTML кода, а не това, как изглежда страницата.

Започвам с моя любим HTML редактор - от както го видях за първи път, използвам само него. Всъщност той е като излязъл от мечтите ми - виждал съм подобни разработки, но никоя не беше реализирана толкова добре. Само като почнете да пишете HTML код, ще видите няколко от изключително полезните му функции - синтактично оцветяване на таговете, номерация на редовете и autocomplete функция, подобна на тази във code-редакторите на Visual Studio

Интересното е, че тагове, които не са разпознати като валидни, се оцветяват като атрибут, а не като таг.

В ляво можете да видите един изключително полезен панел, съдържащ елементите File, Projects, Sitemap и Library. Stone's Web Writer не е само ней-добрия HTML редактор, но той е и отличен сайт-мениджър. Освен че лесно можете да преглеждате файловете на диска и да ги отваряте, също толкова лесно можете да добавите документи към проекта си, да разгледате дървовидна структора на сайта си или да качите всички файлове в web.

Stone's Web Writer изключително добре се грижи за свързаните към документите външни ресурси - .css и .js файлове. Ако отворите прозореца External Resource Files и добавите някакъв ресурс към проекта си, програмата автоматично ще вмъкне необходимия таг във всички документи. Всъщност, това е най-добрата програма за едновременното редактиране на множество документи Освен стандартните Find и Replace команди, тя предлага и Extended Search и Extended Replace, които ви позволяват да търсите и замествате във всички документи в дадена директория, всички документи от проекта или всички документи, които в момента са отворени.

Изключително полезен е панела Library. В него можете да видите 5 панела - HTML, CSS, JavaScript, Special Characters и User Codes. Като отворите който и да е от първите три, ще видите йерархична структура на елементите. Можете бързо да направите справка за интересуващия ви елемент и да видите кратка дефиниция, както и приеманите аргументи, ако става въпрос за функция, или типа на приеманата стойност за атрибут. Така лесно можете да намерите необходимия ви таг, функция или CSS код. Special Characters пък предоставя кодовете за специалните символи. User Codes пък ви позволява да въведете собствени отварящи и затвварящи тагове (включително атрибутите им), за да можете после да ги вкарате чрез щракване на мишката.

Достатъчно е да разгледате менюто Edit за да установите че този HTML редактор наистина превъзхожда другите. Освен стандартните команди Convert to Upper Case и Convert to Lower Case, тази програма предлага и командите Capitalize Words и Capitalize Sentences, които превръщат в главни съответно първите букви на думите или първите букви на изреченията. Полезни са и двете функции Convert Special Characters to Codes и Convert Codes to Special Characters която съответно превръща специални символи (такива като <, > и &, които са със специално значение в HTML) в съответните кодове и обратно. В менюто ще намерите и командите Convert tags to Upper Case и Convert tags to Lower Case, които правят всички букви на таговете съответно главни или редовни, както и командата Delete tags, която отстранява таговете от докуемнта.

Менюто Format ви дава бърз начин да вкарате основните тагове за форматиране, докато Insert ви предоставя помощници за по-сложни кодове.Интересното в менюто Insert е, че първия елемент е User Codes и от там можете да вкарате всички кодове, които сте дефинирали, без за целта да отваряте Library. Ако изберете обаче някой от елементите в третия и четвъртия раздел на менюто, то ще се отвори прозорец, позволяващ да направите съответните настройки в тага. Ето например прозореца на Insert->Graphics:

Освен че можете да видите изображението, можете да настроите всички атрибути, в това число и да напишете обработка на всяко едно събитие. Подобен прозорец можете да извадите чрез щракване с десен бутон на повечето от таговете. Така можете лесно да редактирате атрибутите на таговете и да пишете обработки на събитията. Все пак за тагове като *P* и *BR* не съществува подобен прозорец

Менюто Structure ви позволява да лено да използвте основните структути - таблици, списъци, фреймове и форми. Много HTML редактори предлагат възможността да генерират таговете за таблица, а вие само да попълните информацията, но Stone's web weiter е единствения, който позволява да създадете цялата таблица в един прозорец, в който едновременно определяте атрибути на отделните полета и в същото време въвеждате текст в подобна на Excel таблица:

Програмата съдържа и множество помощни приложения, такива като Image map editor, който ви позволява лесно да създадете карти на изображенията (но само за правоъгълни и кръгли области, за полигони трябва да въведете HTML кода), Script editor, улесняващ въвеждането на JavaScript (предоставяйки както прозореца JavaScript library, така и синтактично оцветяване на JavaScript кода) и StyleSheet editor, улесняващ писането на CSS (отново с CSS library, синтактично оцветяване и auto-complete фунцкия). Програмата предлага функцията Check Tags, която проверява дали всички тагове имат съответните затварящи тагове. В настройките на програмата можете да определите кои тагове да не се проверяват за затварящи, а освен това тагове, неразпознати от програмата като валидни, не се проверяват за затварящи тагове

Ако в работата влиза не само създаването на сайт, но и качването му и поддръжката му на web-сервер, то ще оцените и вградения ftp клиент на програмата

И накрая ще кажа няколко думи за настройките на програмата. Освен че можете да видите как изглежда сайта във вградения браузър, можете да използвате всеки един браузър, който е инсталиран на компютъра ви - трябва само да го добавите към списъка с браузъри в настройките. Можете да използвате един от двата готови стила за оцветяване на таговете или да дефинирате свой собствен. Това включва не само цвета на текста, но и цвета на фона за всеки един елемент. Можете да изключите auto-complete функцията, но аз не го правя, защото ми напомня за Visual Basic.

На страницата External Programs можете не само да изберете браузър, но и редактор на изображенията, както и два .hlp файла, които да се използват съответно за HTML и за CSS Help файлове.