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

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

HTML "ручками"- 2

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

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

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

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

Расскажу на своём примере.
Когда я сумел уложить в сети данные, воспользовавшись Мастерской и Шаблонами, счастью и гордости за содеянное не было предела. По прошествии некоторого времени стали появляться разные «хотелки», ну а возможностей их реализации в Шаблонах уже не было. Сама собой назрела необходимость разобраться, из чего делают сайты и на чём. Чтобы узнать «из чего» - наберите в поиске yandex «учебник по html» и учитесь там, где больше нравится, а вот «на чём»...

Как оказалось, немаловажный момент - работа с русскими шрифтами. Согласитесь, приятно видеть на экране знакомые буквы, а не набор немыслимых кракозябров, которые, например, мне выдала Adobe PageMill, при попытке получить русский текст. Хотя это уникальная программа, в которой можно управлять сайтом, не написав ни единой строчки в html-кодах. Но это не для нас.
Это была моя первая попытка подобрать редактор.

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

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

Ну вот и добрались до сути. Когда была прочитана статья HTML «ручками» и сообщения Народа на тему, меня удивило, что не было ни одного упоминания программы Arachnophilia. Название чудное, но она делает своё дело, и, стоит заметить, делает неплохо, являясь по условиям распространения CareWare. Не встречали такого? Я до сего продукта тоже не встречал. Условия очень оригинальные и если вы будете пробовать эту программу, не поленитесь перевести их с английского хотя бы электронным переводчиком. Получите удовольствие.

Arachnophilia

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

Как выглядит программа, можно посмотреть здесь.

Чтобы понимать друг друга, определимся в понятиях. Не глубоко, а слегка.
Дескриптор (или тег) - элемент разметки, имеющий такой вид: <имя>
Пара дескрипторов, открывающий и закрывающий - контейнер.
Атрибут - устанавливается внутри дескриптора для задания дополнительных параметров.

Текст элементарного документа, который создает Arachnophilia нажатием одной кнопки New HTML Page имеет такой вид (русские фразы добавлены).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Мой сайт</TITLE>
<META NAME="GENERATOR" CONTENT="Arachnophilia 3.9">
<META NAME="FORMATTER" CONTENT="Arachnophilia 3.9">
</HEAD>
<BODY BACKGROUND="" BGCOLOR="#ffffff" TEXT="#000000" LINK="#0000ff" VLINK="#800080" ALINK="#ff0000">
Одна строка текста
</BODY>
</HTML>

Можно это всё и ручками набрать, без сомнения. Но зачем? А ведь мы уже имеем элементарную html-страницу. Стоит нажать кнопку Preview на панели и мы увидим её, пустую и белую, с одинокой надписью в левом углу. Ну а дальше начинается Творчество.

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

Более сложные элементы, чем, например, выделение текста жирным шрифтом, тоже реализуются просто, быстро и, главное, логично. Очень удобно осуществляется выбор цвета, изменение шрифта, вставка рисунка, организация ссылок. Я вот, к примеру, всегда напрягаюсь при попытке вспомнить, что надо написать для вставки рисунка <img src=...> или <img scr=...>. Согласитесь, куда проще, включив панель Graphics, щёлкнуть по кнопке NewImg, выбрать в окошке открытия файла тот, который надо, и получить результат:

<IMG SRC="banner01.gif" WIDTH="468" HEIGHT="60" ALT="">

А попутно программа еще может, по вашему желанию и без дополнительных операций, сразу перетащить сей рисунок в ту папку, где у вас рождается веб-страничка (когда появится окошко Auto-Save - просто выбираете Yes).
Заметьте, ширина и высота рисунка уже вычислены и прописаны вместе с атрибутами, место ALT="" для написания вашего комментария уже подготовлено. Подгоняете туда курсор и пишете, что требуется - заготовка за вас уже сделана.

Достаточно полезный сервис - выделение цветом дескрипторов, текста, атрибутов.

Что лучше? Так:
<IMG SRC="banner01.gif" WIDTH="468" HEIGHT="60" ALT="">
или так:
<IMG SRC="banner01.gif" WIDTH="468" HEIGHT="60" ALT="">

И ещё о цвете - как только появляется незакрытый дескриптор (нет одного из символов < и >), все следующие за ним (или стоящие до него - смотря какой скобки нет) приобретают возмущенно-вишневый цвет.

А такой момент: вы помните, какой атрибут надо вписать в дескриптор, чтобы получить список, где в начале каждой строки для красоты будет стоять маленький квадратик? И как называется этот атрибут? Я не помню и не хочу запоминать.
Вызываем «волшебника» (List Wizard) кнопкой List и сразу имеем (надписи text1 и text2 добавлены):

<UL type="square">
      <LI> text1
      <LI> text2
</UL>

И тут же проверяем результат:

• text1
• text2

Еще один пример. Если хочется показать на экране кусок html-документа, то придётся все символы < и > заменить на &lt и &gt, чтобы они воспринимались не как дескрипторы, а как неформатированный текст. И если кусок не очень маленький - успехов в труде. А всего-то и надо - выделить кусок и выбрать в меню команду All "<,>" to "&lt, &gt". Есть и обратное преобразование.
Мелочь, а приятно.

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

Пожалуй, на этом стоит остановиться. Тот, кто захочет проверить перечисленные прелести и найти ещё целую охапку других приятных мелочей (а они есть), может скачать программу здесь:

http://www.arachnoid.com/arachnophilia

Ну, а кто желает набирать в блокноте... Что ж, я не могу вам запретить.

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

Надеюсь, что и вам понравится этот продукт.

17.01.2002
опубликовано 21.01.2002

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

<< вернуться