Пример создания динамической страницы - пошаговая инструкция

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

Процесс создания динамической страницы состоит из нескольких этапов:

1. Сверстаем каркас страницы. Назовем страницу index.php - она у нас будет состоять из частей: шапка (header), подвал (footer), левое меню (leftmenu). В данном примере страница верстается на основе таблиц. Однако, также можно применять блочную версту страниц.

В браузере страница будет иметь вид:

Листинг страницы представлен ниже:

2. Разобьем страницу на отдельные блоки. Эти блоки: шапка (header.php), подвал (footer.php), левое меню (leftmenu.php).

2.1. Формируем файл header.php .

2.2. Формируем файл leftmenu.php .

2.3. Формируем файл footer.php .

3. Создадим папку под названием blocks. в которую скопируем полученные ранее файлы. При необходимости редактирования шапки, левого меню или подвала сайта, мы будем знать, что шаблоны этих частей сайта находятся в данной папке.

4. Подключим полученные файлы (шаблоны) к сайту с помощью инструкции include на примере страницы index.php .

Таким образом, наша веб-страница index.php — это уже динамическая страница. она будет «склеиваться» из нескольких частей (шаблонов). Таких шаблонов и страниц мы можем сделать любое количество. При необходимости изменения какой-либо части сайта достаточно найти нужный файл шаблона и отредактировать его.

Работать можно в обыкновенном блокноте или, например, в редакторе Notepad++. Для создания веб-страницы открываем блокнот, выбираем пункт меню Файл, Сохранить как. Даем имя файлу — index.php, нажимаем кнопку Сохранить. Для редактирования HTML-кода страницы открываем ее с помощью блокнота (или Notepad++), вставляем код HTML из примера и сохраняем. По аналогии создаются и страницы: header.php, leftmenu.php, footer.php. Однако, для работы с PHP понадобится локальный веб-сервер. Если есть вопросы, обращайтесь. Как говорится, чем могу. ))

Можно было бы вам задать ряд вопросов по php? Просто начала делать свой сайт, перерыла весь интернет, все в голове смешалось в кашу. Очень бы хотелось как-то связаться с вами и помучить вас конкретными вопросами, отправленными например вам на почту, чтобы не задавать их здесь.

Образец html страницы - Популярные загрузки

Образец html страницы. Скачано раз всего 480 место в рейтинге 2157. Выложилdalune. Она вышла на. Чем страницы являются и. Вы можете определять ссылки на страницы вручную используя html. Необходимость изучения html кода и тегов для создания. Html страницы, код ссылки. Образец web страницы вы попапали на сайт образцы более 3 тис. Готовых к использованию форм.

Пример создания html страницы. В первом уроке мы уже рассмотрели маленький пример создания html. Любой сайт состоит из страниц, поэтому рассмотрим из чего же состоит эта страница. Htmlheadtitleосновы фотографии, фото полтавы, фотографии полтавы, видео полтавы, 2011 год.title.

Т.е. На компьютере у вас должно быть 2 пока что одинаковых страницы - index.html и ssilki.html. Html примеры сайты и отдельные страницы. Или пример благополучно созданного сайта xhtml версии. Образец сайта в. Какие теги используются для создания простенькой html-страницы.

Предназначен для указания типа текущего документа dtd (document type definition, описание типа.). Образец html страницы - лучшее по это теме образец html страницы. Статья об основах языка html, его тегах и о создание простейшей веб - страницы при помощи. Как создать простой html сайт, скачать простые шаблоны html сайтов, пример написания страницы.

Создание веб-страниц с использованием HTML - Информатика для гуманитариев - Учебные материалы для студентов

HTML – главный и наиболее используемый при создании интернет-сайтов язык программирования веб-станиц Интернета (Всемирной паутины). Он был придуман Тимом Бернерс-Ли как язык описания гипертекстовых структур, пригодный для использования людьми, не являющимися специалистами в области компьютерной верстки и интернет-дизайна. К середине 1990-х гг. язык гипертекстовой разметки HTML был приведен в стандартизованную форму и спецификации языка были впервые опубликованы в 1995 г. в документе "Hypertext Markup Language- 2.0" [1]. Этот стандарт остается ядром программных средств конструирования содержания веб-сайтов Интернета и сегодня.

Так как определяющим свойством гипертекста является способность соединять в единое информационное пространство информацию любой модальности, представленную в цифровой форме (текст, аудио-, видеофайлы, графику, анимацию и т.д.), главным в программном оформлении такого пространства становится указание на то, что с чем и каким образом должно быть связано. Эта функция в Интернете реализуется с помощью гиперссылок, а основным средством оформления такой гиперссылки на понятном компьютеру (т.е. программе-браузеру) языке являются определенные команды языка HTML. Внешне ссылка выглядит как выделенный (например, цветом или подчеркиванием) фрагмент текста или же может быть представлена в виде какого-либо графического элемента (например, рисунка). Для активизации гиперссылки необходимо навести на нее курсор мыши (выделить эту гиперссылку) и нажать кнопку (или клавишу Enter). В результате на экране в окне программы-браузера появится новый документ, который был обозначен как адресат этой гиперссылки, либо будет запущена прикладная программа, которая требуется для просмотра связанного с помощью гиперссылки мультимедийного файла.

Помимо этого, язык HTML позволяет задать и другие базовые параметры документа, который должен стать веб-страницей:

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

• как все смысловые, структурные и композиционные элементы текста должны быть размещены на двумерном пространстве веб-страницы наиболее оптимальным и эффективным образом (т.е. определять дизайн вебстраницы);

• каким образом текстовые элементы будут совмещаться с информационными элементами другой модальности – картинками, диаграммами, видеороликами, анимацией и т.д.;

• какие элементы в тексте документа потребуют определенных интерактивных действий пользователя (например, обозначение способов активизации компонентов веб-страницы, обозначающих гиперссылки);

• в какой последовательности и в каком виде должны применяться правила дизайнерского оформления предъявляемого пользователю информационного материала для усиления эффективности его воздействия.

Все эти, а также некоторые другие параметры гипертекстовых материалов можно однозначно определить в языке HTML с помощью специальных команд, представляющих собой коды, составленные по определенным правилам и записанные в виде символьных последовательностей, которые называются тэгами (англ. tag – ярлык, этикетка, бирка). Набор тэгов языка HTML фиксирован и стандартизирован (хотя в него возможно добавлять новые тэги, которые, однако, должны подчиняться установленным принципам); совокупность всех тэгов определяет самые широкие возможности языка HTML по оформлению информации в Интернете.

Тэгами обозначают действия, которые программа просмотра вебстраницы на компьютере пользователя (т.е. фактически любой веб-браузер) должна произвести с отмеченными ими элементами веб-страницы – текстом, гиперссылками, графикой и т.д. Для того чтобы фиксировать начало преобразования (оформления) какого-то фрагмента текста и прекращение по завершении этого фрагмента заданных данным тэгом действий, используются парные тэги (их в языке HTML большинство), один из которых называется открывающим, а другой – закрывающим тэгом.

Все тэги языка HTML имеют одинаковый формат: они начинаются знаком "<" (открывающая косая скобка) и заканчиваются знаком ">" (закрывающая косая скобка). Сама компьютерная команда представлена символами, помещенными между этими знаками, при этом для обозначения закрывающего тэга используется знак "обратная косая черта", или "слэш" ("/"), который ставится сразу после обозначающей начало тэга открывающей косой скобки.

Например, базовые тэги языка HTML, без которых невозможно создание веб-страницы и установление ее связей с другими страницами Интернета (гиперссылок), выглядят так:

• тэг <html> должен стоять в начале текста любого файла, который является страницей Интернета – веб-документом (это открывающий тэг); соответственно, в конце текста файла должен стоять парный ему закрывающий тэг – </html>;

• тэг <body> [2] (он отмечает начало так называемого тела веб-документа, т.е. того, что будет выведено браузером на экран компьютера) ставится перед началом текста, который появится на экране пользователя; этот тэг тоже парный, поэтому обозначающий конец текста веб-страницы закрывающий тэг выглядит следующим образом: </body>;

• тэгом <h1> обозначается текст, который должен выглядеть на компьютере пользователя как заголовок первого уровня (для него выбирается наиболее крупный размер шрифта; буквы или символы, отмеченные таким тэгом, будут иметь полужирное написание);

• тэгом <h2> обозначается, соответственно, текст заголовка более низкого уровня и т.д. (всего возможно использовать до шести видов заголовков);

• открывающий тэг <head> (им помечается так называемая голова вебдокумента) и парный к нему закрывающий </head> обозначают информацию, которая предваряет тело веб-документа и обычно содержит его название (заголовок веб-документа, который соответствует тексту, помещенному между тэгами <title> и </title>; тэги заголовка должны находиться между тэгами, отмечающими голову документа); между тэгами <head> и </head> помещают также всю служебную информацию об особенностях оформления содержащейся в нем информации – например, о формате стилей, используемых в этом документе, и т.п.;

• связь какого-то фрагмента веб-страницы с другими ее фрагментами либо с другими файлами или другими веб-страницами осуществляется с помощью тэгов <а namc> (в первом случае) и <а href> во втором [3] ; особенностью этих тэгов является то, что в них обязательно указывается имя маркера или реквизиты адресата задаваемой этим типом тэгов гиперссылки.

Наиболее часто используемые для создания веб-страницы тэги и краткое описание их функций и формата показаны в табл. 4.1.

Коды основных элементов языка HTML

Как сделать веб страницу html с картинкой для чайников

Вас заинтересовал вопрос: “Как сделать html страницу ?”, то просмотрев данную статью, вы сможете сделать html страницу самостоятельно, не прилагая больших усилий.

HTML (HyperText Markup Language — «язык разметки гипертекста») не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы указываем браузеру где будет размещен текст, картинка, таблица и т.п. ).

То, как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют метки (тэги).

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

Теперь мы перейдем к практическому осуществлению нашей задачи “Как сделать html страницу ?”. Для этого нам понадобится любой текстовый редактор. Я вам посоветую «Notepad++». Либо можете воспользоваться стандартным блокнотом, только будьте внимательны, когда будете сохранять файл, обязательно сохраняйте его с расширением «html». Название обязательно пропишите латинскими буквами.
Это будет выглядеть так:
«page.html»

И так, открываем наш редактор, и пишем следующий код:

<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
Я Вас приветствую. <br/> Это Начало большого пути в просторы Интернета
</body>
</html>

Сохраняем созданный текст.
Для просмотра созданной страницы html в любом браузере, нужно просто кликнуть на пиктограмме «page.html».

Вставить картинку в html страницу

Чтоб вставить картинку в html страницу, её необходимо предварительно подготовить.
Выбираем нужное изображение, редактируем его либо в документе Word (простой вариант), либо в Photoshop.
Сохраняем картинку в формате JPEG, в нашей папке для создания страниц html.
Пример:
название папки: user_page
в этой папке:
страница: page.html
картинка: kartinka.jpg

Для вставки картинки в страницу применяется тег <img>.
Для указания пути к картинке в теге используется параметр src=
Вот так будет выглядеть код html, при помощи которого можно вставить картинку в страницу html:
<img src="http://www.sitedelkino.ru/kartinka.jpg"> (при условии: страница и картинка находятся в одной папке).

А это код страницы html с картинкой

<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
Я Вас приветствую. <br/> Это Начало большого пути в просторы Интернета

<img src="http://www.sitedelkino.ru/kartinka.jpg">
</body>
</html>

Если вы выполнили все так, то в браузере будет отражен результат вашей работы.
Оказывается, сделать html страницу совсем не сложно!

Ниже приведены атрибуты для тега <img>, и их предназначение:

Как создать сайт в блокноте

На сегодняшний день в интернете существует гигантское количество различных интернет сайтов. Бытует мнение, что создание сайтов это очень сложный процесс, однако это не так! Научиться писать простейшей код, например, для «Сайта визитка» (сайт из 2 – 3 страниц созданный только при помощи HTML) может каждый. Любой желающий может создать своё личное представительство во всемирной паутине. Обычно для создания сайтов используют специальные программы, сделать это можно и в обычном Блокноте. В последнем случае понадобится знание языка HTML(HyperText Markup Language — «язык разметки гипертекста»), а так же языка описания внешнего вида документа CSS(Cascading Style Sheets — каскадные таблицы стилей).

Чтобы сделать сайт необходимо будет написать код для каждой страницы, редактором для написания этого кода и будет служить Блокнот. К примеру, вы хотите создать сайт всего из одной страницы. Откройте Блокнот и запишите в нём HTML код этой страницы, на рисунке приведён пример простого кода.

Чтобы получить готовую интернет страницу необходимо сохранить написанный текст в формате HTML. Название файла должно быть написано латинскими буквами, оно не должно содержать знаков препинания, пробелов, математических символов. В названии файла можно использовать знак «_» и цифры. Файл нужно сохранить с расширением .html или .htm, например page.html.Полученный документ можно открыть в любом интернет – браузере, результат показан на рисунке.
Используя блокнот можно создавать и более сложные сайты из множества страниц, используя специальные языки программирования.

Образец html-страницы

Есть много способов создать свой вебсайт. Из этих способов самый простой - использовать шаблон сайта, созданный специалистом по созданию шаблонов.

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

В данном примере выбран простой шаблон (с использованием html и CSS), использовать который сможет человек с любой степенью подготовленности.
Шаблон бесплатный.
Шаблон легко изменяется (редактируется).
Автор шаблона гарантирует, что сайт, созданный на основании шаблона, будет правильно отражаться всеми браузерами.
Также он обещает, что свою первую страницу сайта Вы создадите за минуты.

Автор шаблона Andreas Viklund дает пошаговую инструкцию по применению шаблона.

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

Сегодня в Интернете можно найти (и при желание загрузить) огромное количество шаблонов веб-страниц или шаблонов сайтов.
Все они называются "шаблонами", но являются ли они таковыми? На самом деле их было бы правильнее называть "образцами страниц".

Чем отличается образец страницы от шаблона?

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

Страница-образец также служит для создания других страниц, но при этом страницы создаются путем копирования образца и затем изменяются самым произвольным образом. Изменение страницы-образца никак не отражается на страницах, созданных по этому образцу.

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

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

Приступим к работе по созданию сайта. Начнем с Шага 1 - Поиск и загрузка шаблона .

О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.

Электронные библиотеки

2005 - Том 8 - Выпуск 6

В статье содержится обзор известных инструментов подготовки математических текстов, а также обсуждаются различные способы представления их в Веб: TeX/LaTeX, MathML, графические форматы. Рассмотрены основные функции и возможности данных инструментов, их достоинства и недостатки. Представлен обзор инструментов для конвертирования математических данных из формата TeX/LaTeX в MathML, из MathML в TeX/LaTeX, из формата содержательной разметки MathML в формат презентационной разметки MathML.

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

Существенным элементом реализации цифровых библиотек научной информации является поддержка математических данных (математических конструкций). С этим связаны вопросы организации создания, хранения, представления математических материалов, обеспечение возможности поиска математических выражений и т.п.

Наиболее распространенными являются редакционно-издательские системы, подготавливающие математические тексты в формате TeX.

Одной из первых редакционно-издательских систем для создания математических текстов стала разработка известного математика-программиста Дональда Кнута — TeX. Это была первая система с развитой поддержкой математических формул. Позже появились такие известные расширения пакета TeX, как LaTeX и AmS-TeX. На сегодняшний день большинство математических текстов представлено в TeX-формате или в расширениях данного формата.

LaTeX самый распространенный макропакет по подготовке статей, книг, отчётов и деловых писем. Его создателем является Лэсли Лэмпорт.

AmS-TeX - пакет, подготавливающий математические тексты в соответствии со стандартом Американского Математического общества.

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

Для решения данной проблемы консорциум World Wide Web (W3C) в 1994 году создал рабочую группу по разработке языка математической разметки. Была предложена спецификация MathML. Язык MathML создан на основе расширяемого языка разметки XML [1]. К настоящему времени консорциум W3C опубликовал вторую редакцию версии 2.0 спецификации языка MathML. Язык MathML позволяет представлять математический материал в виде презентационной и содержательной разметки. Презентационная разметка передает математическую нотацию, содержательная разметка отражает математическое знание.

Презентационная разметка MathML фиксирует синтаксис математического выражения. Данная разметка позволяет кодировать синтаксис математического выражения достаточно абстрактно, что может быть удобно для медиа?приложений. Одна и та же презентационная разметка для математического выражения может быть использована для отображения на экране, в приложениях речевого воспроизведения, при выводе на печать и т.д.

Содержательная разметка MathML фиксирует содержание (семантику) математического выражения. Данная разметка позволяет кодировать содержание математического выражения достаточно регулярным образом, что может быть удобно для обработки программным обеспечением [2].

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

Приведем пример двух видов разметки информации на языке MathML: презентационной и содержательной ( см. Таблица 1)

Таблица 1. Виды разметки MathML

Презентационная разметка имеет инфиксную форму записи, а содержательная разметка - префиксную форму.

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

Общий принцип использования MathML состоит во встраивании математических конструкций в XHTML/HTML-документ.

Для создания, конвертирования, просмотра, печати документов MathML предлагаются специальные редакторы формул, конвертеры и другие специализированные программные средства.

Существуют следующие способы просмотра математических текстов:

• Использование браузеров, которые поддерживают возможность отображения математических формул, выражений.
• Использование обычных браузеров, функциональность которых расширяется специальными дополнительными модулями, называемыми «плагинами» (plug-in, add-on), реализующими возможность отображения математических формул, выражений.

К первой категории относятся браузеры: Amaya, Dadzilla, Firefox 1.1 или Mozilla 1.0, Netscape 7.0.

Ко второй категории можно отнести: IE 5.5 + Math Player, IE 5.0 + IBM techexplorer, Netscape 6.1 + IBM techexplorer, IE 5.5 + Integre techexplorer, Netscape 4.0 + Integre techexplorer.

Netscape и Mozilla /Firefox являются браузерами Gecko- поколения, которые поддерживают такие стандарты Интернет, как HTML 4.0, CSS 1/2, W3C Document Object Model, XML 1.0, RDF, и JavaScript. Ранее браузеры Gecko-поколения были известны под такими названиями, как Raptor или NGLayout. Воспроизводят презентационную разметку MathML. Данные браузеры при работе с MathML могут потребовать установку дополнительных шрифтов CMYS10, CMEX10, Math1, Math2, Math4, которые можно взять по адресу http://www.mozilla.org/projects/mathml/fonts .

Amaya - браузер для просмотра математических текстов в формате MathML презентационного вида, включает редактор подготовки математических текстов в этом же формате [3] (Рис. 1).

Версия 9.1 браузера/WYSIWYG-редактора Amaya поддерживает HTML 4.01, XHTML 1.0, XHTML Basic, XHTML 1.1, HTTP 1.1, MathML 2.0 презентационного вида, многое из CSS 2, SVG, SMIL-анимацию. Браузер позволяет просматривать и редактировать XML-документы. Amaya представляет документы в структурированном виде с соблюдением DTD. Позволяется одновременно просматривать и редактировать HTML-документы с MathML и SVG-включениями (Scalable Vector Graphics). Amaya позволяет расширять и модифицировать функциональность. Доступны также исходные коды этого браузера для платформ Linux, Windows (NT, XP, 2000, 98) и Mac OSX.

Рис. 1 Окно браузера Amaya

Dadzilla - браузер для представления арабской формы записи математических выражений с использованием MathML, которые содержат специфические символы и записываются справа налево (Рис. 2).

Dadzilla является адаптированной версией Mozilla 1.5.1. Предполагается поддержка как латинских, так и арабских символов. Остается нерешенной проблема элемента <rl>, который определяет RTL (right to left) направление чтения.

Рис. 2 Окно браузера Dadzilla

Math Player является продуктом компании Design Science. Это быстродействующий плагин показа MathML для веб-браузера Microsoft's Internet Explorer версии 5.5 и выше. Поддерживает презентационную разметку MathML. Math Player является свободно распространяемым.

Integre techexplorer Hypermedia Browser - это плагин к браузерам IE, NN 4.0 (6.0, 7.0), Mozilla для работы с большими и расширенными математическими выражениями в Интернете, представленными в LaTeX- и MathML-формате презентационного и содержательного вида. Допускает смешанное представление математических выражений в HTML-документе LaTeX- и MathML-формата. Однако возможности его несколько шире, что будет показано ниже.

IBM techexplorer Этот плагин динамически формирует и отображает документы, которые содержат выражения TeX /LaTeX, поддерживаемые только частично [4]. Существуют его реализации для платформ Windows 95, Windows NT, UNIX, Macintosh. IBM предлагает конвертер, выполненный на технологи Java+XSLT, который позволяет выполнять конвертирование из Latex-формата в dvi-, gif- и ps-форматы. Предполагаемое использование - в jsp-страницах. Является свободно распространяемым продуктом для академических структур.

Таким образом, браузеры Amaya, Firefox или Mozilla 1.0, Netscape 7.0, Dadzilla имеют встроенную поддержку MathML. Для воспроизведения MathML браузерами Microsoft IE, Netscape 6.0 и ниже требуется дополнительная установка плагинов.

Cоздание веб-страниц с использованием MathML возможно тремя способами: HTML + презентационный MathML, XHTML + презентационный MathML, XML + MathML [5].

Веб-страница HTML + MathML (презентационная разметка) имеет разное оформление под разные браузеры.

Выделим первый вид веб-страниц (HTML + презентационный MathML) под браузеры Gecko-поколения (о них говорилось выше). Надо отметить, что браузеры Gecko-поколения воспроизводят некорректно MathML на HTML-странице. Решение этой проблемы описывается ниже. HTML-страница с презентационной разметкой MathML под браузеры Gecko-поколения имеет одинаковое оформление.

Второй вид веб-страниц – это страницы под браузеры с плагинами. Веб-страницы имеют разное оформление под плагины MathPlayer, Integre techexplorer, IBM techexplorer.

Веб-страница XHTML + презентационный MathML имеет единый вид оформления для всех браузеров.

Веб-страница XML+MathML позволяет использовать содержательную и презентационную разметку MathML. Как описано в спецификации MathML, содержательная разметка предназначена для обработки программным обеспечением и не допускает неоднозначности. Следовательно, данный вид страниц может быть использован при взаимодействии с другими информационными системами, организации поиска по математическим формулам.

Веб-страница HTML+ MathML имеет одинаковое оформление для браузеров Amaya, Firefox или Mozilla 1.0, Netscape 7.0.

Веб-страница HTML+ MathML имеет разное оформление для браузеров Microsoft Internet Explorer и Netscape в зависимости от используемых плагинов. Для браузера Microsoft Internet Explorer используют плагины MathPlayer и Integre techexplorer. Для браузера Netscape используют плагины Integre techexplorer и IBM techexplorer.

Таким образом, можно определить следующие виды HTML-страниц c презентационной разметкой MathML для просмотра браузерами Amaya, Firefox или Mozilla 1.0, Netscape 7.0, Microsoft Internet Explorer, Netscape 6.0 и ниже:

• для браузера MS IE + MathPlayer
• для браузера MS IE + Integre techexplorer
• для браузера MS IE + IBM techexplorer
• для браузера Netscape + Integre techexplorer
• для браузера Netscape + IBM techexplorer
• для браузеров Amaya, Firefox или Mozilla 1.0, Netscape 7.0

Вариант для браузера Netscape + IBM Techexplorer/Integre techexplorer необходим, если пользователем системы для работы будет использоваться Netscape версии 6.0 и ниже, а также при необходимости отображения на странице TeX-выражений. Вариант для браузера MS IE + Integre techexplorer удобен при воспроизведении на странице TeX- и MathML-выражений при просмотре браузером Microsoft Internet Explorer.

Ниже приведен образец HTML-страницы. Необходимо указать явное обращение к плагину Integre techexplorer:

Математические выражения могут быть записаны внутри тега <math>…</math> презентационной разметкой MathML.

Ниже приведен образец HTML-страницы. Осуществляется явное обращение к плагину Integre techexplorer. Возможно включать как TeX -выражения, так и MathML –выражения обеих видов разметки. Следует обратить внимание, что для TeX-выражений параметр обращения к типу данных выглядит следующим образом:

а для MathML-выражений как

TeX-выражение записывается в параметре value и обрамляется знаками $$. $$.

Возможно создание HTML-страницы, где присутствуют и Tex-, и MathML-выражения. Разрешено включать MathML-выражения в TeX-выражения. При этом параметр value равен: “0” в обращении к типу данных <param name="DataType" value="0">. (“0” — TeX/LaTeX данные,“1” — MathML-выражения, “2”— TeX /LaTeX файл, “3” — MathML файл)

MathML-выражения заключаются внутри конструкции \begin… \end .

Ниже приведен образец HTML-страницы. Здесь необходимо явное обращение к плагину IBM techexplorer:

Внутри тега <math> необходимо объявить пространство имен MathML в параметре xmlns.

Ниже приведен образец HTML-страницы. Здесь явно указывается обращение к плагину Integre techexplorer:

Внутри тега <math> необходимо объявить пространство имен MathML в параметре xmlns.

Ниже приведен образец HTML-страницы. Здесь явно указывается обращение к плагину IBM techexplorer:

Внутри тега <math> необходимо объявить пространство имен MathML в параметре xmlns.

MathML на HTML-странице браузерами Gecko-поколения воспроизводится некорректно. Данную проблему позволяет решить программа, написанная Питером Джипсеном. (Peter Jipsen) на языке JavaScript.

Ниже приведен образец HTML-страницы.

Параметр xmlns указывает пространство имен MathML через префикс m, что является необходимым для работы программы Питера Джипсена.

Пример работы программы Питера Джипсена на HTML-странице можно посмотреть по адресу http://www1.chapman.edu/

Веб-страница XHTML+ MathML имеет одинаковое оформление для браузеров Amaya, Firefox или Mozilla 1.0, Netscape 7.0, Microsoft Internet Explorer + MathPlayer/Integre techexplorer.

При создании XHTML страницы с MathML-включениями необходимо объявить пространства имен двух языков: XHTML и MathML. Возможно использовать только презентационную разметку MathML.

Подготовленная для просмотра этими браузерами XHTML-страница с математическими формулами должна выглядеть так:

Веб-страница XML+MathML имеет одинаковое оформление для браузеров Amaya, Firefox или Mozilla 1.0, Netscape 7.0, Microsoft Internet Explorer + MathPlayer/Integre techexplorer.

В случае включения разметки MathML в XML-документ можно использовать и презентационную, и содержательную разметку MathML. Данный способ является наиболее универсальным среди приведенных. В XML-документе необходимо указать стилевую таблицу, а именно mathml.xsl. Таблица mathml.xsl включает стилевые таблицы ctop.xsl и pmathml.xsl. Таблица ctop.xsl обрабатывает содержательную разметку MathML, преобразовывая ее в презентационную разметку MathML. Таблица pmathml.xsl приводит поступивший XML-документ к виду, соответствующему стандарту XML (нормализация), поддерживает воспроизведение веб-страницы плагинами MathPlayer и Techexplorer.

Подготовленная для просмотра этими браузерами XML-страница с математическими формулами должна включать обращение к стилевым таблицам:

В случае размещения стилевых таблиц на стороне сервера, где располагается сама страница, ссылка на XSL-файл выглядит так:

Здесь презентационная и содержательная разметки MathML оформлены в отдельных тегах <math>.

Возможно включение презентационной разметки MathML внутри содержательной разметки MathML, а также включение содержательной разметки MathML внутри презентационной разметки MathML по схеме смешанного или параллельного комбинирования. Более подробно об этом можно почитать на сайте консорциума W3C в разделе по спецификации MathML 2.0 http://www.w3.org/TR/MathML/chapter5.html .

Средства презентационной разметки MathML языка состоят из 30 элементов и 50 атрибутов. Средства содержательной разметки языка MathML состоят из 120 элементов и 12 атрибутов. MathML-документ можно создавать либо вручную, напрямую программируя формулы, либо используя многочисленные редакторы. Редакторы, как правило, имеют интуитивно понятный интерфейс пользователя и способны генерировать презентационную и содержательную разметку MathML.

Поскольку большая часть математических текстов представлена в TeX-формате, появляется необходимость в конвертировании TeX-документов в MathML-документы.

Можно выделить следующие способы создания MathML-документов:

• прямое программирование формул с использованием описаний на языке MathML
• использование редакторов
• использование конвертеров из TeX-формата в MathML-формат.

Актуальным является вопрос по генерированию графического формата по математическим выражениям. Графический формат можно получать как из MathML-выражений, так и из TeX-выражений. Ситуация с программным обеспечением по этому вопросу описывается ниже.

Существует ряд конвертеров TeX-документов в MathML-документы.

Приложение EzMath позволяет вводить математические выражения в текстовом виде на английском языке в стиле WYSIWYG - "What you see is what you get". Воспроизводит визуально и генерирует содержательную разметку MathML (Рис. 3).

Рис. 3 Редактор EzMath

MathML Equation Editor - редактор, предлагаемый фирмой Integre, позволяет выполнять описание математических выражений в виде содержательной и презентационной разметки (Рис. 4).

Рис. 4 Редактор Integre MathML Equation Editor

Abacus - это плагин под Mozilla для написания и редактирования MathML-выражений. Выражения могут быть представлены в презентационной и содержательной разметке.

Abacus многое унаследовал от Amaya, рекомендованного W3C, применяет JavaScript и XUL для создания удобного интерфейса редактирования MathML.

Рис. 5 Редактор Abacus MathML Editor

MathType является профессиональной версией приложения Equation Editor, которое представлено в Microsoft Office Word. MathType – это редактор для набора математических выражений, работает с текстовыми процессорами, презентационными программами, HTML-редакторами. Включает транслятор математических выражений в MathML-формат.

Доступна бесплатная пробная версия на 30 дней. Есть версии для платформ Windows (98SE, Me, 2000, XP), Macintosh (MacOS 9.x, OS X 10.1).

Рис. 6 Редактор MathType Lite

WebEQ – это мощный программный инструмент, который позволяет создавать веб-страницы с использованием интерактивной математики. WebEQ реализован на Java-технологиях, что обеспечивает его платформо- и браузеро-независимость. Поддерживает версии для платформы Windows (95, 98, 2000, Me, NT, XP), Macintosh (OS 9, OS X), Solaris, Linux. WebEQ включает модули WebEQ Editor и WebEQ Publisher. позволяющие генерировать разметку MathML как презентационного, так и содержательного вида. WebEQ Editor – это редактор для набора математических выражений с интуитивно понятным интерфейсом пользователя. Принцип его работы схож с редактором Equation Editor в Microsoft Office. Генерирует выходные данные в трех видах: презентационный и содержательный MathML, в виде графического изображения (PNG, JPG, GIF), в виде аплета. WebEQ Publisher позволяет публиковать данные в веб-формате. Входными данными могут быть MathML и WebTeX. Результатом работы могут быть опять же данные в виде MathML-формата, графического изображения и аплета.

Рис. 7 Модуль WebEQ Editor редактора WebEQ

Рис. 8 Модуль WebEQ Publisher редактора WebEQ

В настоящее время большая часть математических документов представлена в TeX-формате, поэтому становятся актуальными конвертеры из TeX в MathML и обратно.

Это — разработка исследовательского центра в Онтарио по компьютерной алгебре (ORCCA). Преобразует данные из TeX в презентационный MathML и обратно. Для тестирования предлагается on-line версия. Реализован на Java технологиях, что обеспечивает кросс-платформенность. Возможна настройка конвертера с помощью файла отображения (mapping file). По сути, файл отображения – это набор шаблонов. Каждый шаблон преобразует свой фрагмент TeX- или MathML-выражения в другой формат. Шаблон - это тройка объектов, определяющая соответствие фрагментов TeX- и MathML-выражений. Для обработки узла TeX- или MathML-выражения может существовать более одного шаблона. В этом случае шаблоны рассматриваются в соответствии с указанными у них приоритетами. Если несколько шаблонов имеют одинаковый приоритет, то они рассматриваются в том порядке, в котором они указаны в файле отображения.

Рис. 9 Окно конвертера из TeX в MathML

Это — также разработка исследовательского центра в Онтарио по компьютерной алгебре (ORCCA). Пользователь может применить несколько файлов отображений (mapping-файлов) для определения спецификации преобразования MathML. Файл отображений представляет собой xml-файл, который описывает соответствие TeX-элементов MathML-элементам. Позволяет работать с TeX-, LaTeX- и AmSTeX-выражениями. Для online?версии указывается ограничение, позволяющее обрабатывать не более одного TeX-документа размером 100 Кб за 1 секунду времени.

Рис. 10 Окно конвертера из MathML в TeX

Было замечено, что при преобразовании TeX-документ — MathML-документ — TeX-документ (назовем его преобразование I) посредством конвертеров от исследовательского центра ORCCA нарушается правило транзитивности. Исходный TeX?документ имеет отличия от TeX?документа, полученного после преобразования I. Цепочка преобразований MathML-документ — TeX-документ — MathML-документ (назовем его преобразование II) дает стабильное решение. Исходный MathML ?документ совпадает с MathML –документом, полученным в результате преобразования II.

Этот конвертер — разработка исследовательского центра в Онтарио по компьютерной алгебре (ORCCA). При помощи XSLT–преобразования он преобразует из содержательного или смешанного вида (содержательный + презентационный) MathML в презентационный вид.

Является свободно распространяемым продуктом. Производит преобразование из LaTeX-выражений в презентационную разметку MathML-выражений (Рис. 11), из презентационной и содержательной разметки MathML- в LaTeX-выражения (Рис. 12). Поддерживает разработку плагинов, предоставляя доступ из модулей Java или Си++ к структуре документов через Document Object Model (DOM) API.

Рис. 11 Окно конвертера Integre techexplorer

Полный цикл конвертирования в Integre techexplorer LaTeX-формат — MathML-формат — LaTeX-формат работает некорректно. Исходное состояние, конвертирование из LaTeX-выражения в MathML-выражение, приведено на Рис. 12. На Рис. 13 приведен пример конвертирования из сгенерированного Integre techexplorer-ом MathML-выражения обратно в LaTeX-выражение. Как мы видим, наблюдается некоторое искажение формулы.

Рис. 12 Конвертирование в Integre techexplorer из LaTeX-формата в MathML-формат

Рис. 13 Конвертирование в Integre techexplorer из MathML-формата в LaTeX-формат

Integre techexplorer осуществляет неявное конвертирование из LaTeX-формата в графический формат (Рис. 14).

Рис. 14 Конвертирование в Integre techexplorer из LaTeX-формата в графический формат

Преобразование из содержательного MathML в TeX не всегда проходит успешно. Преобразование из презентационного MathML в TeX происходит с незначительными потерями, такими как форматирование цветом, размер символов и т.д.

T_T M: конвертер из T_E X в MathML, и T_T H: конвертер из T_E X в графический формат

TtM – это программа для конвертирования документов TeX или LaTeX в документы HTML + MathML (Рис. 15) Для платформы Linux версия является бесплатной, для платформы Windows версия условно бесплатна.

Программа TtH генерирует HTML, конвертируя формулы TeX-документа в графические изображения, а TtM конвертирует формулы в презентационную разметку MathML.

TtM поддерживает многое из характерных особенностей LaTeX: макросы, таблицы, библиографию. Программа не требует отдельной установки программного обеспечения TeX. Предлагается online версия. Предоставление исходных текстов программ TtM и TtH является платным.

Рис. 15 Окно конвертера TtM

TeX4ht (реализован на языке С) конвертирует TeX-документ в HTML-документ с картинками. Другая компонента TeX4moz конвертирует TeX-документ в XHTML + MathML-документ. Предложенный для просмотра тестовый xml-документ содержит MathML презентационной разметки. Обе компоненты устанавливаются под пакет программы MicTex.

ASCIIMathML – это плагин, выполненный как JavaScript, который конвертирует текст с TeX-фрагментами в XHTML + MathML-документ. Требует обрамления TeX–фрагментов в одинарные знаки $. Скрипт работает как с XML-, так и с HTML-страницами. Относится к продуктам с открытым программным кодом и распространяется по лицензии GNU. Доступна online-версия данного конвертера http://www1.chapman.edu/

jipsen/mathml/asciimatheditor.xml (Рис. 16)

Рис. 16 Конвертер ASCII из TeX-документа в XHTML+MathML-документ

А это ссылка на другую модификацию конвертера с использованием HTML-редактора - Xinha (Рис. 17).

Рис. 17 Конвертер ASCII из TeX-документа в XHTML+MathML-документ с HTML-редактором Xinha

В случае использования данного скрипта на своей веб-странице авторы просят сообщить об этом по адресу jipsen@chapman.edu с указанием URL.

Разработчик данного конвертера сначала предлагает воспользоваться программой XML Cleaner. которая нормализует XML-документ (редактирует избыточное объявление пространства имен, удаляет комментарии, определяет. нужно ли объявлять или не объявлять <!DOCTYPE> и т. д.).

Конвертер позволяет преобразовывать расширенный XHTML-документ с MathML-включениями в стандартный XHTML-документ с MathML-включениями. Конвертер реализован как xslt-библиотека для процессора XSLT версии 1.0 и выше. Следует обратить внимание, что предлагается первая версия конвертера. Разработчик (Victor Porton) предлагает участие в дальнейшей разработке. Программа отвечает следующим требованиям:

• генерирует файлы стандартного XHTML-формата
• удобна для работы с разметкой MathML, включенной в XHTML-файл
• отдельные части MathML генерирует в отдельные файлы; заменяет MathML на ссылки картинками, после этого возможно программой html12ps трансформировать в PostScript, а затем в PDF, файл с математическими формулами (выполнено не полностью)
• конвертирует содержательный MathML в презентационный MathML
• поддерживает нумерованные теоремы, определения, леммы (выполнено не полностью)
• производится разбиение структуры документа с использованием XHTML-тегов от разработчика конвертера.

Объявлено о добавлении в следующей версии конвертера трансформации из XML-формата в LaTeX-формат.

Textogif – это программа, реализованная на Perl для преобразования выражений в небольших LaTeX-файлах в картинки. При работе обращается к средствам TeX.

Mimetex – CGI-программа, реализованная на С. На вход принимает TeX-формулу. В веб-странице формула указывается в качестве параметра URL-обращения к программе (значение атрибута src тега img).

SVG – это язык для описания двухмерной графики и графических приложений на основе стандарта XML SVG 1.1. рекомендован консорциумом W3C [13], [14], [16]. Для просмотра SVG–формата необходимо установить соответствующий плагин к браузеру. Существует ряд коммерческих программных продуктов конвертирования из MathML в SVG формат: Mathematica, WeBEQ Publisher.

Система Mathematica [15], [17] компании Wolfram Research была впервые выпущена 23 июня 1988 года и незамедлительно получила высочайшую оценку как научных, и технических кругов.

Mathematica – это полностью интегрированная техническая вычислительная система. Она сочетает в себе полные вычислительные возможности и удобный интерфейс. Система включает:

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

Mathematica обладает высокой интегрируемостью, широкими возможностями экспорта и импорта данных, архитектурой клиент-сервер и мощным протоколом соединения MathLink. Возможен доступ к документам клиентов извне без установки системы Mathematica. Последнее возможно выполнить через свободно распространяемый пакет MathReader, который отображает и выводит на печать мультимедийные документы, созданные в системе Mathematica.

Документы среды Mathematica можно сохранять в HTML-формате. Компания Wolfram Research была одним из участников рабочей группы консорциума W3C по созданию средств поддержки математики в HTML, названных MathML.

Mathematica 4 позволяет сохранять выражения в MathML. Пакет webMathematica [18] позволяет соединить специальное ядро Mathematica и веб-страницы, напрямую подключаясь к веб-серверу. Пакет webMathematica поддерживает стандартные технологии Java, реализует технологию MSP (Mathematica Server Pages). Технология допускает включение команд из пакета Mathematica в HTML-страницы или в формы, которые помогают генерировать различные представления формул на HTML-странице. Поддерживается интерактивная математика на веб-страницах. Имеется возможность конвертирования MathML-выражений в изображения форматов GIF, JPEG, SVG или выражения Mathematica. Пакет также может выполнять конвертирование содержательной разметки MathML в презентационную разметку MathML, корректно воспроизводимую рекомендованными W3C браузерами и плагинами.

При представлении математических текстов в Веб мы сталкиваемся с двумя проблемами: просмотр и создание документа с математическими выражениями.

Для представления математического текста в сети рекомендуется использовать язык математической разметки MathML.

Браузеры Gecko-поколения поддерживают воспроизведение MathML-выражений. Для другой части браузеров необходима установка плагина.

Создавать MathML позволяют многочисленные редакторы или браузеры-редакторы.

Язык MathML предлагает два вида разметки: презентационную и содержательную. Преимущества использования презентационной разметки заключается в простоте записи и чтения математических выражений. Содержательная разметка рекомендуется при необходимости взаимодействия с другими информационными системами и дальнейшей обработки математических выражений программным обеспечением.

В настоящее время браузеры поддерживают только презентационную разметку MathML.

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

Опробованные конвертеры позволяют получать из TeX-формата презентационную разметку MathML и обратно.

Стоит учитывать тот факт, что большинство пользователей Интернета будут просматривать документы с математическими выражениями при помощи браузеров Microsoft Internet Explorer, Netscape 6.0 и ниже, не прибегая к помощи плагинов. Поэтому остается актуальным генерирование HTML-документов с изображениями в формате GIF, JPEG, PNG. Графический формат математических выражений можно получить генерированием из TeX/LaTex- или MathML-формата. О свободной поддержке конвертирования из MathML в SVG было заявлено фирмой Adobe, но, к сожалению, это пока не реализовано.

На основе свободно распространяемых программных продуктов можно получить следующий цикл преобразований:

Рис. 18. Цикл преобразований форматов TeX, MathML и графического

Пакет Mathematica позволяет в ряде случаев генерировать содержательный MathML.

Для публикации математических данных в сети возможно создание документов вида: HTML+ графическое изображение,HTML+ презентационныйMathML,XHTML+ презентационныйMathML,XML+MathML .

Оптимально, если будет предоставлена возможность просмотра веб-страниц с математическими выражениями, как веб-страниц с графическим форматом, так и веб-страниц с MathML-форматом. В связи с этим необходимо поддерживать данные как в графическом формате, так и в формате MathML.

Из рассмотренного в статье программного обеспечения для создания веб-страниц + графический формат и веб-страниц + MathML-формат можно использовать следующие программные продукты:

конвертер изTeX/LaTexвMathML(ORCCA), конвертер изMathMLвLaTeX(ORCCA),конвертер из содержательного в презентационный MathML (ORCCA),Mimetex(CGI-программа).

Линейка программ центра ORCCA выполнена на технологиях Java и XSLT

В настоящее время получить графический формат из MathML-формата на основе свободно распространяемых программных продуктов невозможно. Генерирование графического формата возможно проводить из TeX-формата, что позволяет сделать, например, программный продукт Mimetex.

В Приложении приводятся таблицы сводных данных об инструментах представления, конвертирования и просмотра математических данных.

[1 ] Kennedy J. Technical Report for the Mathematically Inclined on the MathML Internet Markup Language and the Unicode Character Standard. http://homepage.smc.edu/kennedy_john/JKMATHMLTECHREPORT.PDF#search='Pavi%20Sandhu%20XML%20and%20Mathematica '

[3 ] Ian Hutchinson. Comparative Review of World-Wide-Web Mathematics Renderers, 2002. http://hutchinson.belmont.ma.us/tth/mmlreview/

[6] Dave Raggett. Davy Batsalle. Add Math to Web pages with HP EzMath v1.1, 1998. http://www.w3.org/People/Raggett/EzMath/

[7] Gurari E. TeX4ht: LaTeX and TeX for Hypertext, 2005. http://www.cse.ohio-state.edu/

[14 ] Гурский Ю. Работа с форматом SVG в Adobe Illustrator 10, 2003. http://www.hardline.ru/3/37/3381/

[ 18] Tom Wickham-Jones. webMathematica: How to Deliver Computational and Visualization Services from a Web Server, 2002. http://www.MathMLconference.org/2002/presentations/twj/