Обзор программ для создания веб-страниц
В предыдущем разделе мы рассмотрели программы, предназначенные для просмотра веб-страниц. Теперь, прежде чем приступить непосредственно к их созданию, давайте рассмотрим, какие программы мы сможем для этого использовать.
Как уже говорилось выше, веб-страницы кодируются на языке гипертек¬стовой разметки — HTML. Вообще говоря, чтобы написать HTML-файл, достаточно иметь любой текстовый редактор, лишь бы он умел не добавлять в текст свои специальные символы.
Обзор программ для создания веб.doc
Обзор программ для создания вебстраниц
Простейшие средства создания вебстраниц
В предыдущем разделе мы рассмотрели программы, предназначенные для просмотра веб
страниц. Теперь, прежде чем приступить непосредственно к их созданию, давайте
рассмотрим, какие программы мы сможем для этого использовать.
Как уже говорилось выше, вебстраницы кодируются на языке гипертекстовой разметки
— HTML. Вообще говоря, чтобы написать HTMLфайл, достаточно иметь любой
текстовый редактор, лишь бы он умел не добавлять в текст свои специальные символы.
Самый простой вариант — это редактор Notepad (Блокнот), входящий в стандартную
поставку Windows. Собственно говоря, это именно то, что нужно, — простейшая
программа, сохраняющая написанный текст именно в том виде, в котором он был введен, и
ничего лишнего. (Тем, кто не работает под Windows, в качестве замены Блокноту
подойдет почти «все что угодно»: Edit — для MSDOS, vi или jed — для Linux, Kedit —
для Linux/KDE и т. д.)
Однако в очень простых текстовых редакторах типа Блокнота весь HTMLтекст
приходится писать вручную, а многим хотелось бы какуюто часть работы
автоматизировать. Учитывая это желание, разработчики создали специализированные
средства, призванные облегчить труд вебпрограммиста (как иногда называют тех, кто
пишет код HTML, в отличие от вебдизайнеров, которые придумывают внешний вид и
иногда даже пытаются воплотить его, используя программы работы с графикой).
Давайте сначала кратко опишем несколько простых программ, а потом остановимся на
лучших из них.Вебредактор TextPad
Итак, начнем. Тем, кто предпочитает набирать код HTML вручную, но кому не хватает
функциональности Блокнота и подобных ему программ, можно посоветовать программу
под названием TextPad. Эта программа по сути весьма похожа на Блокнот, однако
разработчики специально предусмотрели некоторые удобства для того, чтобы писать код
HTML (а также языков Java, С, C++, Perl и еще некоторых). Это выражается в том, что при
написании HTMLдокумента все теги автоматически подсвечиваются синим цветом, их
атрибуты — темносиним, а значения атрибутов — зеленым (цвета можно настроить по
собственному желанию, так же, как и шрифт). Это очень удобно. К примеру, если автор
случайно ошибется в имени тега или атрибута, то оно останется черным, и он сразу поймет,
что здесь чтото не то. Правда, проверка не является «интеллектуальной»: программа
может спокойно «разрешить» приписать тегу какоелибо свойство, которого у него в
принципе быть не может (спокойно подсвечивает абракадабру типа
или ).
В отличие от Блокнота, TextPad — редактор многооконный. В нем можно открыть сразу
несколько документов и работать, легко переключаясь между ними с помощью списка в
левой части окна или вкладок в нижней части, Вебредактор TextPad позволяет
автоматизировать набор многих тегов. Если не хочется набирать их вручную (многие этого
не любят просто изза того, что приходится переключаться на латинский шрифт), то
обратите внимание на левую нижнюю часть окна программы. Там приведен список
наиболее распространенных HTMLтегов, которые можно вставлять в свой основной текст
двойным щелчком мыши. Правда, в списке указаны не сами теги, а их описание. Например,
чтобы вставить тег , нужно выбрать из списка пункт Block > Break Line. Однако к
этому быстро привыкаешь. Почти все пункты списка вставляют теги вместе с
закрывающим парным тегом. Например, если выбрать пункт Block > Preformatted, в текст
автоматически будут добавлены теги и
и
. Некоторые пункты добавляют
сразу целые блокизаготовки. Если, к примеру, выбрать пункт Table (Таблица), в текст
будет вставлен такой код:
, как было указано выше, нет закрывающего парного тега; кроме того, он не
может иметь атрибут ALIGN=. Впрочем, броузеры просто игнорируют подобные ошибки.
?
?
?
Значения этих тегов и их атрибутов мы рассмотрим позже, а пока обратим внимание на то,
что кроме списка тегов TextPad предоставляет нам также возможность выбирать из списка
специальные символы (список HTML Characters), а также, если потребуется, любой
управляющий символ, например символы псевдографики DOS и другие.
Те, кто часто вводят какиелибо последовательности символов, что при написании веб
страниц не редкость, могут облегчить свою задачу, записав в TextPad соответствующие
макросы. Для записи макроса надо нажать комбинацию клавиш CTRL+ SHIFT+ R (или
выбрать из меню Macros пункт Record). При этом начнется запись макроса, то есть все
последующие действия будут запомнены. Чтобы закончить запись, надо снова нажатькомбинацию клавиш CTRL+ SHIFT+ R, после чего присвоить имя файлу макроса, а также
дать название для представления макроса в меню. Здесь можно также дать, если нужно,
краткое описание макроса и указать имя его автора. После нажатия на кнопку ОК название
макроса появится в меню Macros. Выбрав его, можно ввести сразу всю заданную
последовательность символов.
Для удобства отладки можно установить флажок в пункте Line Numbers (Нумерация
строк) в меню View (Вид), — в этом случае все строки текста будут пронумерованы.
Хочется отметить, что если в меню Configure (Настройка) включен пункт Word Wrap
(Перенос по словам) для автоматического переноса концов длинных строк в видимую часть
экрана, то каждая такая длинная строка все равно будет нумероваться одним номером, а
не двумя или тремя (кстати, такая нумерация почемуто недоступна в замечательной
программе Homesite, о которой речь пойдет ниже). А если в меню View (Вид) включить
флажок Visible Spaces (Отображать пробелы), то можно увидеть на экране и «невидимые
символы», такие, как пробелы, символы табуляции и прочие.
В программе TextPad можно легко сравнить два файла, выбрав из меню tools (Сервис)
пункт Compare Files (Сравнить файлы). А если есть два (или более) похожих файла, в
некоторые местах которых надо внести изменения, удобно использовать функцию
Synchronize Scrolling (Одновременная прокрутка) из меню Configure (Настройка). В этом
случае можно открыть сразу несколько файлов, например, выбрав из меню Windows (Окна)
пункт Tile Vertically (Расположить по вертикали), и тогда при прокрутке одного из них
другие прокручиваются синхронно.
Среди других полезных функций программы TextPad стоит отметить возможность
автоматической смены клавиатурного регистра командой Edit > Change Case (Правка >
Сменить регистр), автоматического копирования в буфер слова или строки, на которой
находится курсор, с помощью команд Edit > Cut Other (Правка > Вырезать) и Edit > Copy
Other (Правка > Копировать), а также функцию проверки орфографии Tools > Spelling
(Сервис > Правописание). И, конечно, здесь присутствует возможность просмотра
созданного файла в броузере View > In Web Browser (Вид > В броузере).
Вебредактор Arachnophilia
Завершив краткий обзор возможностей программы TextPad, давайте рассмотрим другую
программу для написания HTMLкода — Arachnophilia.
Как и в предыдущем случае, программа автоматически подсвечивает синим цветом теги и
атрибуты, а значения атрибутов — зеленым, что улучшает зрительное восприятие, хотя
проверка правильности тегови отсутствует. Зато если случайно забыть закрыть тег, то все
последующее содержимое файла подсветится бордовым цветом, так что ошибка сразу
бросится в глаза.
В программе Arachnophilia предусмотрена автоматизация ввода тегов HTML. В нижней
части окна имеются кнопки, каждая из которых открывает соответствующую кнопочную
панель. На этих панелях расположены кнопки для быстрого ввода тегов. Например, если
нажать кнопку Styles (Стили), то откроется панель управления. Содержащая кнопки для
ввода тегов форматирования текста. Нажатие на любую из них вводит тег или блок
заготовку. Например, после нажатия на кнопку BR в тексте появится тег , а после
нажатия на кнопку HR — появится сразу заготовка: . Нажатие некоторых кнопок вызывает появление диалоговых окон.
Например, нажав на кнопку Color (Цвет), можно открыть стандартное диалоговое окно
выбора цвета, а с помощью кнопки TableWiz (Мастер таблиц) открывают диалоговое окно
Table Wizard (Мастер таблиц), средствами которого можно предварительно задать
количество строк и столбцов в таблице, а также определить ее ширину, цвет линий и
некоторые другие параметры.Отличительной особенностью программы является возможность легкого просмотра веб
страницы в различных броузерах, для чего в меню Preview (Предварительный просмотр)
предусмотрен пункт Identify Browser (Указать броузер). Здесь можно назначить до шести
различных броузеров, в каждом из которых легко открыть создаваемый HTMLфайл для
просмотра, даже не сохраняя его на диске.
Однако самым замечательным свойством программы, пожалуй, является функция Instant
View (Немедленный просмотр), которая доступна в меню Preview (Предварительный
просмотр). Если она включена и внутренний броузер, который также имеется в программе,
открыт, то все изменения, вносимые в текст HTML, немедленно отображаются на экране.
Правда, в некоторых случаях, программа не успевает за вводом данных и изображение в
окне броузера может исчезать. Но не волнуйтесь, а введите следующий символ, и
изображение снова появится. В программе Arachnophilia существует множество
дополнительных полезных функций. Например, в меню Selection (Фрагмент) есть команда
Find/ Replace/Count (Поиск/Замена/Пересчет), которая позволяет быстро найти или
заменить нужные слова в выделенной области, что часто очень выручает при создании веб
страниц. Команда Tag Delimiters (Ограничители тегов) из того же меню позволяет
преобразовать угловые скобки, являющиеся общепринятыми ограничителями тегов HTML,
в специальные символы < и >, что необходимо, когда надо показать код HTML на
самой вебстранице. Можно также осуществить обратное преобразование. В этом же меню
есть команда Strip all HTML tags (Скрыть теги HTML), с помощью которой можно быстро
освободить текст от HTMLтегов, например, для переноса его в другую программу.
Программа Arachnophilia, кстати говоря, способна читать и записывать файлы формата
RTF (Rich Text Format). При открытии RTFфайла предлагается конвертировать его в
формат HTML, но его можно редактировать и в обычном виде.
Интересно, что программу Arachnophilia 4.0 можно загрузить как в полном виде (это
установочный файл размером полтора мегабайта), так и в сокращенном (1 Мбайт), если в
системе установлены необходимые библиотеки. Можно также загрузить только
исполняемый файл, а остальное дозагружать по мере необходимости.
Вебредакторы типа WYSIWYG
Мы рассмотрели программы, в которых основной упор при создании вебстраниц сделан на
написание HTMLкода вручную. Однако существуют программы, позволяющие
редактировать вебстраницы как бы в режиме WYSIWYG.
На самом деле обычно из этого ничего хорошего не получается. Это связано с тем, что
автор создает не код, а оформление страницы, после чего программа автоматически
подбирает для нее код, который соответствует тому, что задумал автор. Обычно на
странице оказывается много совершенно лишнего кода. Он может оставаться, например, от
отмененных проб, не говоря уже о том, что программа может сама вставлять комментарии,
которые только замедляют загрузку страницы.
Эффективно управлять оформлением страницы таким способом тоже не удается. Поэтому
мы не будем долго задерживаться на вебредакторах, работающих по принципу
WYSIWYG.
Вообще говоря, для редактирования HTMLтекста в режиме WYSIWYG можно
использовать даже такой текстовый процессор, как Microsoft Word. Начиная с версии MS
Word 97 он позволяет набрать некоторый текст, отформатировать его и сохранить в
формате HTML. Если будете это делать, не забудьте удалить комментарии...
Принцип WYSIWYG, от англ. What You See Is What You Get — это принцип соответствия
экранного образа готовому документу. В этом режиме автор непосредственно видит на
экране готовый результат и работает с ним.Редактор Star Office
Более мощными средствами редактирования HTMLфайлов располагает программа
StarOffice. Здесь при открытии или создании HTMLфайла соответственно меняется
содержимое некоторых меню, что позволяет достаточно эффективно работать с HTML
кодом. Самым приятным моментом здесь, пожалуй, является возможность установить
флажок HTML Source (Исходный код HTML) в меню View (Вид), который отключает
режим WYSIWYG и позволяет работать с исходным HTMLтекстом, в котором все теги и
их атрибуты подсвечены красным цветом. По своему усмотрению можно редактировать
как исходный текст, так и отображаемый результат, переключаясь между режимами
командой HTML Source (Исходный код HTML) из меню View (Вид).
В отличие от других WYSIWYGредакторов, StarOffice довольно корректно удаляет
ненужные элементы при отмене пользователем какихлибо действий и не вставляет лишних
комментариев. При этом он довольно активно использует каскадные таблицы стилей (CSS).
Перед подсветкой теги проверяются на корректность — ошибочно написанные теги
красным цветом не выделяются. Однако надо иметь в виду, что программа не понимает
новых тегов, таких, как
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с
договором-офертой сайта. Вы можете
сообщить о нарушении.