<<< это кнопка переводчика одной командой из 3-х букв

Демонстрация работы программы номер 44
проигрывателя ACLp по шаблону номер 1.

Данный сайт выполнен с помощью программы номер 44 сборника программ ACLp, написанных на языке ACL. Программа ACLp является интерпретатором языка ACL (Экол). Она написана на языке Java. Скачать программу можно на ее сайте . Программа прочитывает текст, отформатированный с помощью простых команд, и исполняя команды создает сайт, который может она сразу показать. Правила как форматировать текст можно узнать в самой программе по кнопке информационной помощи. Данный сайт представляет собой демонстрацию и одновременно тест на правильную работу программы. Кроме того, он автоматически предсталяет собой рекламу возможностей данной программы.
 
Итак, программа форматирует в сайт обычный текст как он записан в текстовом редакторе. При этом все концы строк
исполняются,
все    пробелы    учитываются, а параграфы определяются по наличию пустой строки и обрабатываются в соответствии с указанным стилем.

В тексте можно отмечать (форматировать) жирный текст, наклонный текст, подчеркнутый текст с помощью стандартных тегов html, то есть символов (b), (i), (u) в угловых скобках, вот пример что надо писать до жирного текста, <b>, а после него то же самое, но с символом деления перед буквой. Тег (q) позволяет форматировать цитаты в кавычках и темнозеленым цветом. Кроме заголовка статьи можно также форматировать заголовок раздела. Вот пример.

Это первый раздел статьи

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

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

На сайт можно ставить ссылку в виде стандартной картинки, клик на которой делает гиперскачок. Аннотацию к такой ссылке надо писать простым текстом, вот пример: -- это такая ссылка на картинку, что стоит слева, но теперь при клике на иконку ссылки она показывается в отдельном окне. Ссылаться можно на другие сайты (htm), на картинки (jpg), на pdf документы, на музыку (mp3 файлы исполняют только Хром, Яндекс и ИЭ), на видео (mp4 файлы исполняет только Яндекс), все указанные файлы исполняются, а ссылка на zip архив приведет к скачиванию такого файла на компьютер.

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

Можно также любой текст сделать ссылкой. Принцип такой же -- сначала указывается адрес ссылки, затем тот текст, на котором можно будет кликать. Вот пример: Подборка видео. Здесь ссылка также сделана жирной с помощью тега (b).  

Далее показан пример моноширинного текста в заданной области. В области задано 4 строки, а всего их 6, поэтому автоматически возникает линейка прокрутки.

1 2 3 4 5 6 7 8 9 a b c d e f g h i 3 4 5 6 7 8 9 1 2 4 5 6 7 8 9 1 2 3 5 6 7 8 9 1 2 3 4 6 7 8 9 1 2 3 4 5

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

Писать таблицы моноширинным текстом можно и прямо в тексте. Ниже показан пример как это делается
1  2  3  4  5  6  7
a  b  c  d  e  f  g
1  2  3  4  5  6  7
Такой текст можно показать только целиком, в этом его отличие от моноширинного текста в области.

На сайт можно ставить любые заранее заготовленные куски html кода. Их может быть 99 вариантов на одной странице. Вот пример вставки такого кода
. . . . .
Здесь может быть любой HTML + JS код
. . . . .

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

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

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

Кроме того, можно поставить на сайт до 9 двухколоночных фрагментов. Двухколоночный режим форматируется так же просто, но в этом случае надо явно указывать горизонтальные и вертикальные размеры левой колонки в первой строке оригинального txt файла. Вот пример.

После двух колонок текст снова показывается в одной колонке автоматически. Как раз для этого высота колонок и задается.

Сильной стороной программы является то, что он позволяет ставить на сайт объекты. Это такие куски кода, которые обычно содержат джаваскрипт программы и определяются числовыми и текстовыми параметрами, которые сложно задать с помощью разметки текста. Параметры объектов задаются в специальном файле, который редактируется в самой программе. Сейчас имеется 9 объектов. Объект номер 4 -- это мультиколоночный кусок сайта, можно задать до 9 колонок. Ниже приведен пример, когда в объекте номер 4 и на 4 колонки показаны объекты с номерами 1, 2, 3 и 8. Они представляют собой джаваскрипт объекты конечных размеров. Это "живые ссылки" первого типа, календарь, часы и "живые ссылки" второго типа.

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

Пятый объект позволяет реализовать миниблог. Я назвал его внутренние ссылки гармошкой. Таких ссылок может быть от 1 до 99. Идея тут в том, что можно, написать на сайте краткую аннотацию на какую-то статью. А если читатель заинтересуется и захочет ее прочитать, то он кликает ссылку и статья показывается прямо на сайте в окне которое неожиданно появляется. Если кликается другая ссылка, то первое окно снова исчезает и появляется второе окно. То есть на сайте каждый раз можно видеть только одну статью из многих. Ссылка должна быть последней в строке, а после нее не должно быть пустой строки. Параграф формируется автоматически. Здесь снова есть проблема с сайтами из интернета при работе на локальном компьютере. Вот пример как это выглядит.  

Здесь пишем аннотацию на первую картинку (или сайт), смотреть картинку

Здесь пишем аннотацию на вторую картинку (или сайт), смотреть картинку

Здесь пишем аннотацию на третью картинку (или сайт), смотреть картинку

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

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

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

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

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

А те, кто знают html и хотят иметь свой стиль, могут просто переписать css файлы, используемые программой, на свой манер, либо переписать стили прямо в тегах. Такие стили имеют более высокий приоритет. Главная цель программы -- дать возможность новичкам быстро написать сайт, и сократить работу профессионалам. Но на самом деле этот пример можно использовать и как собрание приемов программирования на языке джаваскрипт. После того, как сайт готов, можно изучить его код и посмотреть как все делается.

Девятый объект поставит вам на сайт научный график. Он определяется тремя массивами чисел, которые надо определить в параметрах этого объекта. В текст достаточно поставить три символа с указанием номера объекта и все. Как задавать параметры написано в правилах использования данной программы. Важно знать, что данный объект пока исполняет только оффлайн версия программы, написанная на языке ACL. Данный объект был добавлен в 2020-м году, через 6 лет после создания программы.

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

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