Netscape Composer

 

 

Простейшим средством конструирования для Web до последнего времени считалась программа Netscape Composer (многие по-старинке именуют её Mozilla Editor). Программа редактирования Web-документов была впервые включена в общий пакет в версии Netscape 3 Gold (Microsoft тогда ещё не задумывался над необходимостью предоставления в распоряжение пользователя удобного инструмента для самостоятельных опытов на поприще веб-мастеринга). Основное достоинства программы: простейший интерфейс, создание довольно лёгкого гипертекста. Количество кнопок и возможностей минимизировано до предела, хотя говорить об идеальной оптимизации программы не приходится. И это замечание человека, который в течение нескольких лет никакими другими программами для создания Web-документов не пользовался. Однако, если вы предполагаете создавать элементарные страницы (тексты плюс картинки), думаю, что Netscape Composer вас вполне устроит.

 

   

 

Интерфейс

 

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

 

 

New - открывает новую "чистую" страницу для творческой деятельности.

 

Open - позволяет открыть уже созданный документ (форматы htm, html, txt, exe и т.д.).

Важно! Composer не даёт возможности открыть документ Word в формате doc, предварительно его приходится сохранять в формате txt с потерей всех стилей.

 

Save - сохраняет уже однажды созданный вами документ (в форматах htm, html, txt).

Документ можно сохранять и по сценарию File > Save As (или просто Save).

 

Publish - публикует созданный документ в Web (по замыслу создателей). Однако, большинство пользователей предпочитают в качестве "публикаторов" специальные программы типа CuteFTP, WS_FTP, Windows Commander и пр.

Рекомендация. Следуйте и вы, до поры до времени,  за большинством.

Preview - просмотр созданного документа в реального окне браузера (Netscape Navigator).

Внимание! Зачастую на этом этапе выявляются неизбежные ошибки. Пользуйтесь этой кнопкой почаще.

 

Cut - если вы выделили какой-либо объект в создаваемом документе, то эта кнопка - для того, чтобы этот объект вырезать. После данной операции означенный объект попадает в камеру временного хранения (есть такой специальный буфер памяти) и может быть возрождён к жизни в любом другом месте посредством волшебной кнопки Paste.

 

Copy - то же, что и Cut, только выделенный объект просто копируется в буфер памяти (это для тех, кто не любит резать по-живому).

 

Paste - достаёт объект из буфера памяти и выкладывает на всеобщее обозрение.

 

Print - позволяет распечатать всё, что вы натворили.

Рекомендация. Предварительно посмотрите, как будет выглядеть ваш документ на листе бумаги File > Print Preview.

 

Find - искалка ключевых и прочих слов в создаваемом документе.

 

Link - позволяет оперативно "посадить ссылку" (link) на выделенный объект. Этим объектом может быть слово, сочетание слов или картинка.

 

Target - позволяет установить "цель" (target) (или "внутренний линк) на любой строке создаваемого документа. Это позволит в дальнейшем попадать на эту строку из произвольной точки данного или любого другого гипертекста.

 

Image - публикация картинки (форматы gif, jpg, jpeg, bmp)

 

H.Line - создание горизонтальной линии (весьма частно употребимого разделительного элемента)

 

Table - создание таблицы (Composer не является идеальным средством для редактирования таблиц в гипертексте)

 

Spelling - проверка орфографии набранного текста (увы, в Composer по умолчанию встроен только английский словарь)

 

Создание текста

 

 

Набор текста в Composer весьма напоминает аналогичную процедуру во всех прочих текстовых редакторах.

 

  

 

Можно выбрать стиль, шрифт, кегль, цвет; набрать текст полужирным, наклонным или подчёркнутым; придать ему вид официального документа и выровнять по ранжиру.

Важно! Гипертекст, в отличие от текста, редактируемого обычным текстовым редактором, не может быть выровнен как слева, так и справа.

 

При наборе используются стандартные клавиши для введения или удаления элементов текста. К сожалению, Composer не позволяет реально при наборе использовать всё многообразие фонтов.

Если вам не удаётся перейти у набору текста по-русски или однажды набранный текст выглядит полной абракадаброй, произведите следующую последовательность операций: View > Encoding > Cyrillic (Windows - 1251).

 

   >  

 

Если текст до того был набран в Word, рекомендую следовать сценарию, описанному ниже.

В Word: File (Файл) > Save As (Сохранить как) > Text Only (*.txt) (Только текст) > дать имя файлу > Save (Сохранить).

Внимание! Имя файла лучше сразу набирать маленькими буквами по-английски, желательно, чтобы имя файла было коротким (например, ncomp.txt).

Далее, в Composer: File > Open Page > Choose File > выбрать Files Type (Тип файлов) - Text (*.txt) > найти нужный txt-файл, отметить его и нажать на кнопку Open (Открыть). Отметьте Composer как программу для открытия файла и нажмите ещё раз клавишу Open.

 

 

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

 

После "имплантации" txt-файла в Composer внешний вид текста вас может разочаровать. Я обычно произвожу всего четыре операции для придания ему нормального облика:

1) выделить весь текст (мышью или одновременным нажатием клавиш Ctrl и A),

2) декодировать текст View > Encoding > Cyrillic (Windows - 1251),

3) выбрать стиль Normal,

4) подвинуть текст от левого края кнопкой (Increase Indent) или комбинацией клавиш Ctrl и =.

 

   >  

 

В результате вы получите аккуратный русский текст, всякий раз масштабируемый при изменении размеров окна браузера.

 

 

Создание текста с картинками

 

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

 

Добавить в текст картинку очень просто. Установите маркер мыши там, куда вы собираетесь поместить картинку, нажмите кнопку Image (или комбинацию Insert > Image), найдите нужный файл с помощью клавиши Choose File и можете жать на OK. Картинка появится в тексте.

 

 

Действительно просто. Однако, я бы рекомендовал присмотреться к окну Image Properties повнимательнее.

 

В разделе Image обратите внимание на основной набор дополнительных возможностей:

Use as background - использовать избранный графический файл под "обои" Web-документа,

Text alignment and wrapping around images - позволит определить положение текста относительно картинки и выбрать размеры отступа,

Dimensions - изменение размеров картинки (Photoshop предпочтительней, на мой взгляд),

Space around image - создание рамки вокруг картинки.

 

 

Раздел Link позволяет установить линк на картинку (Link to) и подпись при загрузке (Link source). В разделе Paragraph можно поиграться со стилями, хотя на первых порах это может быть излишним.

 

 

Создание текста с картинками и линками

 

Именно наличие линков (ссылок) отличает гипертекст от обычного текста.

Объектом, на который устанавливается линк могут быть любая буква или цифра, слово или число, фраза или картинка данного документа. Линки условно можно разделить на внешние (ссылки на адреса страниц) и внутренние (ссылки на конкретную строку документа).

Внешний линк

 

- выделите объект мышью, нажмите на кнопку Link, укажите в строке "Link to..." адрес страницы в виде "http://адрес_страницы" (например, http://www.geocities.com/Paris/Parc/9320/bookmark.htm) и нажмите на OK.

 

Внутренний линк

1) из произвольной точки данного документа на любую строку данного документа;

- выделите объект мышью, нажмите на кнопку Link, укажите в строке "Link to..." условное имя цели в виде "#имя" (в нашем случае это "#new") и нажмите на OK.

 

 

Установите маркер мыши в начале строки-мишени, на которую должен осуществляться переход с вашего линка и нажмите на кнопку Target.

 

Впишите имя цели без "решётки" (в нашем случае это "new") и нажмите на OK.

Цель будет отмечена значком . При просмотре документа с помощью браузера этот значок станет невидимым. Вы можете в этом убедиться с помощью кнопки Preview.

Рекомендация. Проверьте заодно точность срабатывания только что созданного линка.

 

2) из произвольной точки данного документа на любую строку другого документа;

- отличается от описанного выше только содержанием строки "Link to...", в ней перед условным именем цели "#имя" указывается адрес страницы "http://адрес_страницы" (например, http://www.geocities.com/Paris/Parc/9320/bookmark.htm#new).

 

 

Таблицы

 

Composer позволяет создавать простейшие таблицы. Вы можете выбрать количество строк (Number of rows), количество столбцов (Number of columns); стиль выравнивания - влево (Left), по центру (Center) или вправо (Right); определить размер таблицы по отношению к размерам окна, выбрать толщину линий, применить цветную подложку и некоторые другие опции.

 

 

И, тем не менее, работать с таблицами в Composer неудобно. Основная проблема состоит в том, что вы не можете без применения специальных средств сделать незаполненные ячейки таблицы различными по ширине и высоте.

 

 

Если вы желаете добавить (удалить) строки (столбцы) таблицы в Composer, действуйте по указанному сценарию: правый клик в нужном месте таблицы > Insert (Delete) > Row (Column). Можно и добавить или удалить отдельную секцию (Cell).