Как вставлять формулы на веб-страницу?

Главная » Уроки » HTML

Формулы вставляются в текст сайта по тем же правилам, что и рисунки, но с некоторыми особенностями. Сначала формулу нужно исполнить в редакторе. Microsoft Equation 3.0. Word позволяет это сделать. Затем ее увеличивают до возможно большего размера и копируют в графический редактор Paint.

Как вставлять формулы на веб-страницу?

Так как формула должна иметь прозрачный фон, дабы не изменять фон страницы в месте вставки, ее придется сохранять в формате GIF. Если используемая версия Paint имеет опцию установки фона рисунка, прозрачный фон устанавливается уже на этом этапе. Если нет, то ее сохраняют в формате JPG.

Затем прибегают к услугам Photoshop'а. Открыв формулу-рисунок в Photoshop'е, переводят изображение в режим «индекс цвета» и в открывшемся диалоговом окне устанавливают палитру Web. Заходят в меню File/Export (Файл/Экспортировать) и там выбирают опцию Gif89. В открывшемся окне на наборе цветов щелкают кисточкой по белому квадратику. Нажимают ОК и сохраняют полученный рисунок. Только не копируйте подобные изображения с других сайтов, иначе могут понадобиться услуги юриста, стоимость которых – немалая.

После проделанных манипуляций он сохранится с расширением GIF и будет иметь прозрачный фон. При закрытии файла формулы-рисунка от опции сохранения следует отказаться. Иначе изменятся настройки рисунка. Итак, при экспорте нужно использовать опцию сохранения, а при закрытии – нет.

После проделанных манипуляций можно приступать к вставке формулы в html код. Для этого в нужном месте текста вставляют следующую конструкцию:

<img src="AP2-2-3-UrEyler.gif" width="160" height="54" align="ABSMIDDLE" hspace="0" vspace="0" />

Здесь «что» и «где» фрагменты текста. Теги width и height позволяют установить размеры формулы-рисунка. Тег align задает расположение формулы по вертикали относительно строки текста, а теги hspace и vspace расстояния между формулой и текстом по горизонтали и вертикали соответственно.

Категория: HTML; Урок сделан: 10.06.2012; Просмотров : 1360; Рейтинг : 0.0/0;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





Copyright © 2010 - 2017 Pro100uCoz.ru