[Веб-дизайн, HTML, PDF, Финансы в IT] Счёт может быть красивым и в HTML, а не в PDF
Автор
Сообщение
news_bot ®
Стаж: 6 лет 3 месяца
Сообщений: 27286
В статье “Что должно быть в счёте на оплату, чего быть не должно и что дико бесит” мы разбирали содержимое счёта. По результатам той работы возникло желание оформить счёт стильно ибо стандартный вариант бухгалтерских программ вроде 1С какой-то страшный.
Дизайн обычного счётаА ещё в нём целых два номера счёта, что выглядит странно. Один из них всё же корреспондентский счёт. Конечно, посвященные знают, но документ должен быть корректным даже для тех, кто сталкивается с оплатой в первый раз.Почему HTMLНекоторые компании, которым приходится рассылать сотни тысяч счетов или квитанций бьются за размер файла PDF. У них важен каждый байт. Например, FastReports очень гордится тем, что их PDF на 14-25% меньше, чем PDF сформированный стандартными средствами. У нас счетов не сотни тысяч, а на два порядка меньше. Но и тысячи счетов разослать по электронной почте с большими прикреплёнными файлами задача непростая. HTML формат позволяет рассылать существенно быстрее, так как размер письма меньше.У HTML есть один недостаток — в нём может быть javascript, а javascript может быть потенциально опасным. Однако, это вопрос уже к фильтрам и антивирусному программному обеспечению. HTML-документу не помешал бы атрибут отключающий javascript. Или отдельный формат htmlcss, который гарантирует, что никакой javascript в файле исполняться не будет.Плюсы HTML-формата:
- Легко генерится, верстается, внесение правок менее трудоёмкое, чем в HTML.
- Файл имеет меньший размер, чем PDF.
- Для просмотра не нужен Adobe Reader, а подойдёт любой браузер.
- Почтовые программы легко отображают HTML, сразу видно что пришло.
- Нет проблем с выделением и копированием данных. В PDF иногда бывают.
Сторонники PDF скажут, что PDF — это стандарт, что не такой уж он и большой, и Adobe Reader можно легко установить, и PDF много где отображается в preview-режиме, например, в тех же браузерах и почтовых программах, и даже можно научиться вносить в шаблоны PDF правки также быстро как HTML-шаблоны, а можно и HTML конвертировать в PDF. Очень даже может быть, как говорил профессор Преображенский, но не нравится мне PDF, а нравится HTML. Кстати, с конвертацией документов из HTML в PDF не сложилось у нас. Там пустая страница в конце в ряде случаев вылетала. Если уж очень надо в PDFЕсли ваши контрагенты или контролирующие органы все-таки просят счет именно в PDF формате, то в данном случае получателю достаточно через меню печати выбрать в принтере «Сохранить как PDF». Никаких дополнительных программ для этого не нужно.Или, как вариант, существует масса библиотек конвертации HTML в PDF. И такой процесс существенно проще, чем изначально генерить документ в PDF.HTML и печать формата А4По умолчанию счёт и так распечатается нормально, главное, чтобы его ширина была 100%. У нас ещё и высота 100%. Небольшой тюнинг версии для печати желательно сделать.Если нужно, чтобы на экране счёт выглядел приблизительно как на печати, то используйте стили:
html,body{
height: 297mm;
width: 210mm;
margin: 0;
padding: 0;
}
Однако, это ни к чему в общем случае. Всё больше компаний переходят на электронный документооборот, и никакой реальной необходимости распечатывать счёт нет. Ну если где-то старпёры коллекционируют до сих пор визирующие подписи на счетах, то правильнее пересмотреть свои бизнес-процессы.При печати следует отключить фон, дабы не расходовать зря чернила:
@media print {
.left_column {
background: white;
color: black;
border-right: solid 1px #00578a;
}
}
Дополнительно, как вариант, можно на печати установить шрифт с засечками. Считалось, что на бумаге удобнее и быстрее читается шрифт с засечками. Лично мне тоже удобнее с засечками. Однако, исследования не подтверждают разницы.HTML и ЭЦП (УКЭП)HTML-файл можно подписать откреплённой усиленной квалифицированной подписью точно также, как и PDF. И точно так же он будет в соответствии с 63-ФЗ равнозначен счёту с собственноручной подписью. А проверить подпись можно на ГосУслугах.Красивый счётМы несколько дней согласовывали детали, упрощали, оптимизировали, на базе разных вариантов делали один. В результате получилось вот так.
Дизайн счёта на оплату дата-центра ITSOFTНа бумаге будет принимать такой вид.
Версия для печати счёта на оплату дата-центра ITSOFTЕсли у вас интересный счёт, то кидайте образец в комментарии.
===========
Источник:
habr.com
===========
Похожие новости:
- [Open source, Сетевые технологии, Mesh-сети] Yggdrasil Network 0.4 — Скачок в развитии защищенной самоорганизующейся сети
- [CSS, HTML] Ваше изображение не декоративно (перевод)
- [Управление персоналом, Финансы в IT, IT-компании] Джим Уайтхёрст ушёл с поста главы IBM через 14 месяцев после вступления в должность
- [CSS, HTML] Новые форматы графики в CSS с помощью обновлённой функции image-set (перевод)
- [Веб-дизайн, HTML, Социальные сети и сообщества] Причиной неполадок «Госуслуг» стали новые сервисы
- [Бизнес-модели, Энергия и элементы питания, Финансы в IT, Транспорт] General Motors вложится в добычу лития в Калифорнии для электромобилей
- [Open source, Разработка игр, HTML, Дизайн игр, DIY или Сделай сам] Что случилось с игрой «Колобок» в июне
- [Мессенджеры, Поисковые технологии, Управление медиа, Социальные сети и сообщества] Закон о «приземлении» иностранных интернет-порталов
- [Веб-дизайн, Типографика, Контент-маркетинг, Управление продуктом, Дизайн] К чему может привести неправильное использование лицензий на шрифты
- [Фриланс, Законодательство в IT, Карьера в IT-индустрии, Удалённая работа] Как работать с самозанятым. Инструкция для ИП и юрлиц
Теги для поиска: #_vebdizajn (Веб-дизайн), #_html, #_pdf, #_finansy_v_it (Финансы в IT), #_schet_na_oplatu (счет на оплату), #_dokumentatsija (документация), #_buhgalterija (бухгалтерия), #_dokumentooborot (документооборот), #_html, #_css, #_pdf, #_dokument (документ), #_edo (эдо), #_elektronnyj_dokumentooborot (электронный документооборот), #_blog_kompanii_itsoft (
Блог компании ITSOFT
), #_vebdizajn (
Веб-дизайн
), #_html, #_pdf, #_finansy_v_it (
Финансы в IT
)
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 17-Май 13:07
Часовой пояс: UTC + 5
| Автор | Сообщение |
|---|---|
|
news_bot ®
Стаж: 6 лет 3 месяца |
|
|
В статье “Что должно быть в счёте на оплату, чего быть не должно и что дико бесит” мы разбирали содержимое счёта. По результатам той работы возникло желание оформить счёт стильно ибо стандартный вариант бухгалтерских программ вроде 1С какой-то страшный.  Дизайн обычного счётаА ещё в нём целых два номера счёта, что выглядит странно. Один из них всё же корреспондентский счёт. Конечно, посвященные знают, но документ должен быть корректным даже для тех, кто сталкивается с оплатой в первый раз.Почему HTMLНекоторые компании, которым приходится рассылать сотни тысяч счетов или квитанций бьются за размер файла PDF. У них важен каждый байт. Например, FastReports очень гордится тем, что их PDF на 14-25% меньше, чем PDF сформированный стандартными средствами. У нас счетов не сотни тысяч, а на два порядка меньше. Но и тысячи счетов разослать по электронной почте с большими прикреплёнными файлами задача непростая. HTML формат позволяет рассылать существенно быстрее, так как размер письма меньше.У HTML есть один недостаток — в нём может быть javascript, а javascript может быть потенциально опасным. Однако, это вопрос уже к фильтрам и антивирусному программному обеспечению. HTML-документу не помешал бы атрибут отключающий javascript. Или отдельный формат htmlcss, который гарантирует, что никакой javascript в файле исполняться не будет.Плюсы HTML-формата:
html,body{
height: 297mm; width: 210mm; margin: 0; padding: 0; } @media print {
.left_column { background: white; color: black; border-right: solid 1px #00578a; } }  Дизайн счёта на оплату дата-центра ITSOFTНа бумаге будет принимать такой вид.  Версия для печати счёта на оплату дата-центра ITSOFTЕсли у вас интересный счёт, то кидайте образец в комментарии. =========== Источник: habr.com =========== Похожие новости:
Блог компании ITSOFT ), #_vebdizajn ( Веб-дизайн ), #_html, #_pdf, #_finansy_v_it ( Финансы в IT ) |
|
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы
Текущее время: 17-Май 13:07
Часовой пояс: UTC + 5