next up previous
Next: Open Office Writer/Web Up: Создание и редактирование web-страниц, Previous: Создание и редактирование web-страниц,

Создание гипертекстового документа при помощи компоновщика Mozilla

С браузером Mozilla вы уже знакомы, однако, помимо браузера, существует и инструмент создания гипертекстовых документов -- компоновщик (Mozilla Composer).

Запустите Mozilla, выберите в меню «Файл» «Создать»  «Страницу компоновщика» («File» «New» «Composer page»). Теперь вы можете редактировать эту страницу в WYSIWYG режиме.

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


\begin{pict}
% latex2html id marker 973\includegraphics[width=10cm]{pict/Moz}
\caption{Компоновщик Mozilla.}
\end{pict}

Активируйте закладку «<HTML>-Код». Обратите внимание, что даже пустой документ уже содержит несколько стандартных тэгов -- управляющих последовательностей, своего рода команд Moz. Первым тэгом в документе является парный тэг <html>, означающий, что все содержимое документа рассматривается как гипертекст. Далее следуют теги <meta>, в которых записывается вспомогательная информация о тематике страницы, ее создателе и т.п. В парный тэг <body> заключено тело гипертекстового документа.

Каждый парный тэг закрывается тэгом с таким же именем, но начинающимся с символа обратной косой черты. Например, тэг <body> закрывается тэгом <\body>.

Редактировать документ удобнее всего в режиме WYSIWYG (вкладка «Обычный»). Этот режим мало чем отличается от создания текстового документа при помощи Open Office. Создайте два документа и сохраните один под именем 1.html, второй -- под именем 2.html.

Придумайте, что разместить на странице (можно обратиться за образцами по адресу sgpk.ru). Создайте рациональное оформление страницы, сделайте цветной фон (или разместите на нем фоновый рисунок), заполните документ содержанием.

Например, в первом документе напишите что-нибудь про себя. Можете добавить несколько картинок с локальной папки, или с сервера sgpk. Для этого активируйте пункт меню «Вставка» «Изображение». В поле «Адрес изображения» введите адрес картинки (протокол http), если вы знаете его. Например, http://sgpk.ru/pict/Nature001.jpg. Если же вы не знаете адреса, нажмите кнопку «Выбрать файл» Moz1 и укажите на понравившуюся картинку. Кроме того, можно заполнить поля «Всплывающая подсказка» (текст, который будет выводиться при наведении курсора мыши на картинку) и «Альтернативный текст» (текст, отображающийся на месте картинки, если просматривать данную страницу с отключением изображений или в текстовом браузере).


\begin{pict}
% latex2html id marker 980\includegraphics[width=12cm]{pict/Moz1}
\caption{Окно <<Свойства изображения>>.}
\end{pict}

Если изображение будет слишком большим, измените его размеры. Это можно сделать как из окна «Свойства изображения» (появится, если щелкнуть по нему левой клавишей мыши два раза), так и протягивая край изображения.

Используйте меню «Формат» для изменения параметров текста, а также стилей заголовка. Так, основной заголовок лучше всего сделать, активировав в меню «Формат» «Абзац» пункт «Заголовок 1». Для задания выравнивания текста, а также изменения его атрибутов (жирный, курсивный, подчеркнутый) используйте инструментальную панель.

После этого создайте гиперссылку на второй документ. Для этого либо воспользуйтесь сочетанием клавиш <Ctrl> + <L>, либо активируйте пункт меню «Вставка» «Ссылка». Появится окно, изображенное на рис. [*].


\begin{pict}
% latex2html id marker 986\includegraphics[width=8cm]{pict/Moz2}
\caption{Окно <<Свойства ссылки>>.}
\end{pict}

В поле «Текст для отображения ссылки» введите «Перейти на вторую страницу», в поле «Адрес» -- 2.html, или же воспользуйтесь кнопкой «Выбрать файл».

Аналогично поступите с документом 2.html, только в поле «Текст...» введите «На страницу 1», а в качестве адреса укажите 1.html. Сохраните оба файла.

Теперь просмотрите свои файлы в браузере. Это можно сделать либо открыв эти файлы, либо прямо из компоновщика, выбрав пункт меню «Файл» «Просмотр страницы». Щелкните по гиперссылке средней кнопкой мыши, и в новой вкладке откроется ваш второй файл. Активируя гиперссылку на нем вы сможете вернуться на первый файл.



Edward V. Emelianoff 2007-04-25
Hosted by uCoz