<<< это кнопка Google переводчика всего одной командой
Страница сайта по шаблону 1 конвертора txt > htm
Программа форматирует обычный текст как обычный текст. То есть все концы строк учитываются,
все пробелы учитываются, а параграфы отделяются один от другого пустой строкой.
В тексте можно форматировать жирный текст, наклонный текст, подчеркнутый текст с помощью стандартных тегов html, то есть символов b, i, u в угловых скобках, то есть вот так, <b> . Тег q позволяет форматировать цитаты
в кавычках и темнозеленым цветом. Кроме заголовка статьи можно также форматировать заголовок раздела
Это первый раздел статьи
Есть 4 способа вставки картинок: слева, справа, снизу и сверху. В первых двух случаях картинка ставится в начало параграфа, а текст обтекает картинку справа и слева соответственно, в последних двух случаях, она встает как символ на строку низом или верхом, расширяя строку. Вот пример установки картинки слева
При этом текст справа может быть любым и включать много параграфов, даже заголовок. Картинка ставится на сайт как есть, то есть с тем размером, какой она имеет. Масштабировать картинку надо заранее, до закачивания на сервер. В крайнем случае ширину и высоту можно задать руками в уже готовом файле сайта.
На сайт можно ставить ссылку в виде стандартной картинки, клик на которой делает гиперскачок. Аннотацию к такой ссылке надо писать простым текстом, вот пример: -- это ссылка в виде картинки в тексте на картинку, что стоит слева, но по клику она показывается в отдельном окне. Ссылаться можно на другие сайты (htm), на картинки (jpg), на pdf документы, на музыку (mp3 файлы исполняют браузеры Хром, Яндекса и ИЭ), на видео (mp4 файлы исполняет браузер Яндекса), все указанные файлы исполняются, а ссылка, например, на zip архив приведет к скачиванию такого файла на компьютер.
Подборка видео На сайт можно ставить не только стандартную картинку со ссылкой, а и ссылку в виде любой картинки, но более сложным образом, то есть нужно указать адрес ссылки и адрес картинки. В этом параграфе показана ссылка в виде картинки и текстом справа. Такие ссылки хорошо смотрятся и дают максимальное удобство для клика на смартфонах с маленьким экраном.
Можно также любой текст сделать ссылкой. Принцип такой же -- сначала указывается адрес ссылки, затем тот текст, на котором можно будет кликать. Вот пример: Подборка видео. Здесь ссылка также сделана жирной с помощью тега b.
Далее показан пример моноширинного текста в заданной области. В области задано 4 строки, а всего их 6, поэтому автоматически возникает линейка прокрутки.
Такие области обычно используются для печатания текста в окнах ввода (текстовый редактор). Но для этого либо надо иметь доступ к серверному программированию, либо писать джаваскрипт программы. Но если необходимо просто показать код программы или простой текст в отдельном окне с линейкой прокрутки, то это конвертор умеет.
Но писать таблицы моноширинным текстом можно и прямо в тексте. Ниже показан пример как это делается
1 2 3 4 5 6 7
a b c d e f g
1 2 3 4 5 6 7
Такой текст можно показать только целиком, в этом его отличие от области.
На сайт можно ставить любые заранее заготовленные куски html кода. Их может быть 99 вариантов на одной странице. Вот пример вставки такого кода
Также есть возможность вставлять на сайт в заданное окно содержимое другого сайта. При этом указываются размеры окна, и если сайт не вписывается в это окно, то появляются линейки прокрутки. Это очень мощная возможность, потому что можно вставлять сайт любой степени сложности, в том числе содержащий динамичные джаваскрипт объекты. Вот пример такой вставки.
Если размер вставляемого сайта полностью вписывается в окно, то он воспринимается как родной кусок сайта, и его происхождение никак себя не выдает.
Также конвертор позволяет ставить на сайт объекты. Это такие куски кода, которые обычно содержат джаваскрипт программы и определяются числовыми и текстовыми параметрами, которые сложно задать с помощью разметки текста. Параметры объектов задаются в специальном файле, который редактируется в самой программе. Сейчас имеется 8 объектов. Объект номер 4 -- это мультиколоночный кусок сайта, можно задать до 9 колонок. Ниже в объекте номер 4 на 4 колонки показаны объекты с номерами 1, 2, 3 и 8. Они представляют собой джаваскрипт объекты конечных размеров. Это "живые ссылки" первого типа, календарь, часы и "живые ссылки" второго типа.
Любой объект можно ставить на сайт много раз, но каждый раз это будут идентичные копии объекта, потому что программа задает параметры объекта только один раз на один сайт. Если необходимо поставить объекты с разными параметрами, то копии объектов следует записать на независимый сайт и вставлять в заданное окно этот сайт как внешний по схеме, показанной выше.
Кроме того можно поставить на сайт до 9 двухколоночных фрагментов. Двухколоночный режим форматируется так же просто, но в этом случае надо явно указывать горизонтальные и вертикальные размеры левой колонки в первой строке txt файла. Вот пример.
Это текст в левой колонке. Здесь может быть текст, картинки, ссылки, объекты, то есть все, что конвертор умеет делать.
Это текст в правой колонке. Здесь также может быть все, что угодно. Например, в левой колонке можно ставить картинку, а в правой колонке -- название статьи и ее краткую аннотацию. Или комментарий к картинке и какую-либо историю, с ней связанную. Можно придумать очень много вариантов. Высоту колонок приходится подбирать итерациями. Если она будет слишком большой, то появится пустое место. А если маленькой, то часть материала не будет видно.
После двух колонок текст снова показывается в одной колонке автоматически. Как раз для этого высота колонок и задается.
Пятый объект позволяет реализовать миниблог. Я назвал его внутренние ссылки гармошкой. Таких ссылок может быть от 1 до 99. Идея тут в том, что можно, написать на сайте краткую аннотацию на какую-то статью. А если читатель заинтересуется и захочет ее прочитать, то он кликает ссылку и статья показывается прямо на сайте в окне которое неожиданно появляется. Если кликается другая ссылка, то первое окно снова исчезает и появляется второе окно. То есть на сайте каждый раз можно видеть только одну статью из многих. Ссылка должна быть последней в строке, а после нее не должно быть пустой строки. Параграф формируется автоматически.
Это аннотация на первую картинку, смотреть картинку
Это аннотация на вторую картинку, смотреть картинку
Это аннотация на третью картинку, смотреть картинку
Это аннотация на четвертую картинку, смотреть картинку
Вместо картинок может быть содержание внешнего html файла любой степени сложности, pdf файл и все, что получится.
Шестой объект также полностью задается своими параметрами, а в тексте достаточно просто поставить его номер. Он реализует контейнер с вертикальным меню в левой колонке и содержанием в правой колонке. Вот пример сильно обрезанного объекта, который стоит на реальном сайте в интернете.
Этот объект, фактически задает шаблон головной страницы для сайта, и хороших сайтов по такому шаблону можно сделать много. Важно, что это по силам даже таким пользователям, которые вообще не знают ни html, ни javascript.
Седьмой объект во многом аналогичен шестому, но он реализует меню в виде строки. В первой строке идут кнопки меню, во второй строке показываются файлы, выбранные с помощью меню. Вот пример сильно обрезанного объекта, который использует файлы из интернета, размеры которых не совсем вписываются в колонку.
Это тоже шаблон головной страницы сайта, но более традиционный. При желании этот объект можно настроить как следует. На конкретной странице сайта возможно будут использованы не все возможности конвертора, это и не обязательно. Важно, что они есть. Для новичков таких возможностей более, чем достаточно. Если, однако, необходимо дополнительное выделение текста, либо другие объекты, то их код можно записать как вставку и просто вставлять в нужное место.
А те, кто знают html и хотят иметь свой стиль, могут просто переписать css файлы, используемые конвертором, на свой манер, либо переписать стили прямо в тегах. Такие стили имеют более высокий приоритет. Главная цель конвертора -- дать возможность новичкам быстро написать сайт, и сократить работу профессионалам.