Пример - Сохранение картинок в одном html-файле (data: URI)

This document was uploaded by one of our users. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form.

Simply click on the Download Book button.

Yes, Book downloads on Ebookily are 100% Free.

Sometimes the book is free on Amazon As well, so go ahead and hit "Search on Amazon"

Идея
Есть несколько картинок и комментарии к ним;
Нужно хранить это все как можно компактнее.
Здесь предложен вариант хранения всего в одном HTML.
Нужно хранить: Javascript; CSS; Картинки.
Картинки преобразуются в формат base64 и записываются строками в HTML-файл.
Как оно работает
Отдельно в папках лежат: Javascript; CSS; Картинки; HTML-файл со специальной дополнительной разметкой. HTML-файл для удобства разбит на 3 части (основная страница, элемент меню, элемент списка).
Дополнительная разметка HTML представляет собой вставки вида {{вставка}}. Используя специальные именованные аргументы форматного вывода мы обходим HTML-файл и заменяем все вставки на необходимые строки. Аналогичным образом через подобные замены происходит подключение всех нужных файлов. Кроме того, во время компоновки выходного
файла происходит: преобразование графических файлов (в строковый формат data:URI base64); удаление избыточных символов ("[\s]+") из текстовых файлов.
Можно сказать, что здесь мы сделали простую шаблонную систему.
Реализация
На основании описанных выше файлов генерируются два варианта галереи с JavaScript и без него. Само по себе реализация представляет собой консольное приложение, и является скорее просто примером.
C JavaScript (можно просматривать анимацию):
Oricrafter, javascript
Без JavaScript:
Oricrafter, javascriptless
Это реализация простой концепции файлов для Oricrafter.
Программа написана на C#, Visual Studio 2010.

Language: Russian
Commentary: 511510
Tags: Информатика и вычислительная техника;Информатика (программирование);Программирование для Web