2.3.2. HotDog Professional 3

Редактор гипертекстаHotDogсоздан фирмой Sausage Software. От других его выгодно отличает обилие инструментов, подпрограмм и сервисных возможностей. Такой инструмент можно рекомендовать тем пользователям, которые много и серьезно работают со своими Web-страницами. Версия 3 редактора разработана в 1996 году и предназначена для работы в среде Windows 95.

Окно редактора разделены на две области. Слева расположена панель так называемого «менеджера ресурсов» (resource manager). Он выполняет в редакторе те же функции, что и Проводник в Windows 95, то есть организует наглядный доступ к папкам и файлам. Вкладка Pages позволяет увидеть документы, открытые в редакторе. Вкладка Files обеспечивает просмотр папок на дискете. Пользователь может применять технологию Drag and Drop, то есть перетаскивать файлы при помощи мыши. Вкладка Faves служит для просмотра избранных источников информации. Вкладка WWW обеспечивает просмотр сайтов[9] и наглядное представление их структуры. Если менеджер ресурсов занимает слишком много места на экране, его можно отключить при помощи меню View.

В правой части окна редактора размещаются окна с HTML-документами. Каждое из них содержит несколько вкладок. Вкладка HTML позволяет вывести документ в режиме исходного кода. Вкладка Rover обеспечивает просмотр документа при помощи встроенного броузера.

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

Кнопки форматирования напоминают используемые в текстовых редакторах. И те и другие имеют похожие значки и выполняют одни и те же по смыслу операции. Но в данном случае механизм форматирования другой. Он заключается в создании соответствующего элемента HTML и помещении выделенного фрагмента страницы внутри этого элемента. Форматировать можно не только текст, но и рисунки, гиперссылки и другие конструкции гипертекста.

2.3.3 Dream Weaver 2.0

Этот редактор, пожалуй, единственный на данное время, работающий со слоями, подобно тому, как это происходит в Photoshop 5.0. Однако, если после создания страницы с применением слоёв, Вам придётся добавить другим редактором что-то новое, создать которое в этом редакторе при помощи встроенных кнопочек не возможно, может произойти сбой в html – коде, вызванный внутренним воздействием программы – редактора (многие редакторы пытаются сопоставить содержимое www-cтраницы c тем, что данный редактор умеет делать, а потом выдаёт обработанный им код страницы, вследствие чего происходит изменение html-кода). Dream Weaver 2.0 оснащён многими сложными функциям таким образом, что только опытный и профессиональный дизайнер страниц способен понять и использовать его в своих целях. Сам редактор не из ряда бесплатных версий, а скажем из самых дорогих и привилегированных. Его стоимость достигает 270$, но для русского человека это не проблема, так как через 2 месяца сразу после выхода программы выходит в свет crack, способный взломать программу и бесплатно использовать её (сайтов с подобными взламывающими средствами очень много, но их местоположение в Internet постоянно меняется из-за преследования фирм производителей этих программ). Редактор позволяет также создавать движущиеся объекты в разных направлениях и траекториях. Поддержка редактором функций Macromedia Flash 3.0 является достоинством этой программы, ведь именно Macromedia Flash 3.0 создала такую мощную во всех отношениях программу, которая позволяет делать двигающееся меню на вашей странице. Такое меню наиболее эффективное, так как на уровне существующих с использованием PERL 5.0, CGI, Java скриптов, апплетов и др., это меню или что-то вроде него обладает высокой скоростью загрузки в сети Internet, так как обладает маленьким объёмом и выглядит наиболее профессиональным изделием. Компания, выпустившая такое «чудо» на свет обладает рядом других проектов. Я же, как один из ряда профессиональных дизайнеров страниц, использую именно эту программу.

3.0 Cоздание документов в стандарте HTML.

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

В этом параграфе мы рассмотрим создание заголовков, форматирование и изменение стиля документа, а также списки на примере приведенном в 2.1.

3.1. Заголовки

В примере для заголовка используются теги <H1></h1>.

Существует шесть уровней заголовков, которые обозначаются Н1 .Н6. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый маленький заголовок. Представление об относительных размерах заголовков в них дает рис.3.1. Для заголовков можно использовать атрибут, задающий выравнивание влево, по центру или вправо:

align=’’left’’

align=’’center’’

align=’’right’’

Заголовок1

Заголовок 2

Заголовок 3

Заголовок 4

Заголовок 5

Заголовок 6

Рис.3.1. Заголовки, создаваемые при помощи элементов Н1 .Н2

Элемент FONT может с успехом заменять элементы заголовка Н1 .Н6. Для последних, например, не предусмотрена возможность указания цвета букв. Чтобы заголовок, созданный на основе элемента FONT, хорошо смотрелся, этот элемент необходимо комбинировать с другими: CENTER, B, I, P и т. д. (см. 3.2.)

3.2.Форматирование текста и изменение стилей.

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

<P></p>

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

<BR>

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

<NOBR></nobr>

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

<PRE></pre>

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