7

7 Поставьте свою подпись

 

Поставьте свою подпись



Как быстро и просто научиться подписывать свои электронные документы…


Для меня, рожденного в середине 60-х годов прошлого века, программирование всегда было чем-то новым и непонятным. Несмотря на то, что закончил факультет летательных аппаратов Харьковского авиационного института, там же, в стенах родного института, стал кандидатом технических наук и доцентом, был президентом крупной инжиниринговой компании и генеральным директором авиационного завода - программирование, до определенных пор, для меня являлось подобием иностранного языка, который учишь, но всё не можешь начать на нём говорить. Даже когда стал продвинутым «юзером» компьютера, разнообразных смартфонов и планшетов - умение изъясняться на программных языках не приходило. С неприкрытым восхищением тогда смотрел на молодых ребят, практически детей, которые за считанные часы или дни решали такие софтверные задачи, что с традиционными подходами на тоже самое могли уходить месяцы и годы. 


Я помню, как с появлением первых iPhone, у которых тогда была неудобная система файлового менеджмента, появилось очень интересное приложение GoodReader. С его помощью можно было просматривать, группировать, переименовывать и обрабатывать практически любые файлы, что позволяло с помощью смартфона управляться с потоком корпоративной и личной информации также быстро, как и на ноутбуке. Так вот, приложение GoodReader придумал в 2008 году юноша (хотел сказать: мальчик) Юра Селюков, который нигде до того специально не учился программированию - только пара книжек по информатике, взятых взаймы в 6-м классе у старшего брата, да и первый iPhone, подаренный в 2008 году на день рождения. 

Конечно, не всем быть программистами, да и среди них есть элита и «рабочие пчёлки», но не уметь написать несколько строк простого исходного кода - уже, наверное, моветон. Тем более, если с помощью определенных знаний, навыков и небольшого потраченного времени можно будет получить креативный результат, который если и не сильно выделит Вас на общем фоне, то, по крайней мере, будет позиционировать Вас в авангарде продвинутых людей.

Итак, среди великого множества компьютерных языков - Java, C, Basic, C++, Objective-C, Smalltalk, Delphi, Swift и многих других - для начала мы выберем HTML. Это стандартный язык, так называемой, разметки документов в Интернете разработанный в Швейцарии в начале 90-х годов. HTML создавался как язык для обмена научной и технической документацией, пригоден для использования людьми, не являющимися специалистами в области WEB-дизайна. Язык оказался удачным, востребованным и постоянно совершенствовался: сегодняшняя версия языка HTML5 была создана в октябре 2014 года. 

Не думаю, что программисты и продвинутые "юзеры" заинтересуются моими заметками. Я не буду пользоваться специальными терминами или, как делают многие «прогеры», начинать свой рассказ о технологии где-то с середины «потому что, остальное и так понятно :-)». Мы попробуем определить последовательность внятных и простых действий для того, чтобы Ваши электронные документы всегда выглядели информативно, современно и достойно.https://www.mozilla.org/ru/firefox/new/ от Mozilla Corporation и приложение для работы с электронной почтой Thunderbird https://www.mozilla.org/ru/thunderbird/ 

(1) В качестве старта, я предложу Вам исходный HTML-код шаблона Вашей будущей электронной подписи (смотрите в самом конце статьи). 

Затем, откройте почтовую программу Thunderbird (предварительно активировав в этой программе хотя бы один из адресов Вашей действующей электронной почты или создайте новую учетную запись). Нажмите кнопку на меню программы «Создать» как для создания нового письма. Затем, активировав зону непосредственно для письма (просто кликните в зону письма курсором мыши), нажмите «Вставить» в меню программы и в открывшемся под-меню нажмите «HTML» (ниже приведено фото экрана для Mac OS). В выпадающее окно и необходимо вставить скопированный только что Вами HTML-код.

7 2 Снимок экрана 2016-01-11 в 17.51.10

Вы должны получить в зоне письма следующее (на фото ниже). Если Вы получили этот результат - можете себя поздравить - Вы практически стали программистом :-)

7 3 7189 900

А дальше начинается самое интересное - персонификация Ваших данных.

Для этого:

(2) Обязательно сделайте всё удобным для себя: увеличьте шрифт, выделяйте цветом то, что Вы хотели бы заменить в коде. Но будьте предельно внимательны, вставляя скопированные фрагменты или печатая вручную текст. Малейшее изменение синтаксиса кода может привести к потери его работоспособности. Каждая скобочка или запятая имеет важнейшее значение. Например, Вы впечатаете свою фамилию - а компьютер коварно сам и без Вашего ведома заменил кавычки, которые используются в коде с " на « . Это приведет к ошибке и код работать не будет. Поэтому всегда перед Вашими глазами пусть будет «эталонный» вариант HTML-кода, который Вы скопировали и который еще не подвергли обработке.

(3) Если Вы захотите вставить логотип своей фирмы, свой собственный символ или просто своё фото, то делать это нужно так. Вам необходимо в формате .jpeg (самый распространенный формат для фотографий) или .png иметь исходное изображение логотипа. Затем для этого изображения необходимо получить прямую ссылку http://…… Самый простой вариант сделать это - зарегистрироваться в Живом Журнале (ЖЖ) [49] http://www.livejournal.com Это займет не более 2-3х минут Вашего времени. Далее Вы загрузите изображение логотипа в фотогалерею ЖЖ, следуя несложным инструкциям Живого Журнала. После загрузки, зайдите в фотогалерею, кликнув на фото и активировав ссылку для скачивания (стрелочка вверх, выходящая из прямоугольника). Вы получите необходимую ссылку http://…… Эта ссылка должна менять следующую ссылку в «эталонном коде» - http://ic.pics.livejournal.com/pavelaviator/77282130/6781/6781_original.png. Скопируйте Вашу ссылку и вставьте в код. Обращаю Ваше внимание на то, что размер логотипа определен в шаблонном HTML-коде width="50" height="50" то есть 50 х 50 пикселей. Ваше изображение может быть любого размера и код его преобразует в указанный в большинстве почтовых программ, куда Вы будете отсылать письмо со своей подписью. Но есть и такие программы, которые могут игнорировать указание кода и показать реальный размер изображения Вашего логотипа. В этом случае произойдёт нарушение дизайна и, возможно, неприятно удивит Вашего адресата. Чтобы избежать подобную ситуацию (в виде страховки) - используйте в качестве логотипа изображение в размере, на который будет указывать HTML-код (в нашем случае 50 х 50 пикселей или, конечно, можно другой по Вашему вкусу). Как это достичь, если Вы не хотите или не умеете пользоваться специальными программами для изменения размера изображения? Просто на экране своего компьютера уменьшите (или увеличьте) логотип до визуально нужного Вам размера и затем скопируете изображение с экрана компьютера комбинацией клавиш Shift-⌘-4 (для Mac OS с последующей обработкой в программе "Просмотр", где откроется это изображение) или Alt + PrtScn (для Windows с последующей обработкой в Paint). С помощью приложений Просмотр или Paint отрежьте то, что не нужно, но попало в «кадр» и всё - размещайте в ЖЖ и получайте прямую ссылку. Кстати, любая картинка в Вашей подписи может выступать в роли активной ссылки на какой-то ресурс в Интернете: на Ваш сайт, на загрузку Вашего CV с файлообменника (например, из Dropbox) или просто на какую-то интересную страничку. В этом случае замените ссылку немного выше в "эталонном коде" https://www.google.com на Вашу собственную.


(4) После всего, обязательно отправьте сообщение с Вашей новой подписью себе же на почту. Убедившись, что всё хорошо - можете действовать: отправлять письма с этой подписью, смело копировать её в другие свои сообщения (здесь уже никаких HTML-кодов - просто копируйте мышью, нажимая правую клавишу и вставляйте куда душе угодно). Открыв сообщение на своём смартфоне - скопируйте свою подпись и вставьте в раздел «Подписи» вместо безликого «Отправлено с iPhone». Также эту подпись Вы можете вставить в раздел «Подписи» (Signature) на десктопе в соответствии с инструкцией Вашей любимой почтовой программы. А если Вам понравится Thunderbird - то там всё очень просто: подведите курсор на учетную запись Вашей почты, кликните правой клавишей мыши и на выпавшем меню кликните на раздел «Параметры». Вам откроются «Личные данные», где Вы увидите окно «Текст подписи». Поставьте галочку в разделе «Использовать HTML» и вставьте в окно «Текста подписи» весь HTML-код уже Вашей персональной подписи. После этого действия, в конце каждого Вашего письма будет появляться Ваша новая подпись. В любой момент Вы можете удалить свою подпись полностью или частично - как Вам нравится. Также можно добавлять новые (по образу и подобию) или убирать ненужные строки из HTML-кода. Цвета и размеры шрифтов выбирайте по Вашему вкусу. Используйте HTML-коды всей цветовой палитры http://www.stm.dp.ua/web-design/color-html.php Вообщем, дерзайте и не бойтесь экспериментировать! 

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

Да и ещё. Не забывайте, что самое главное в деловой переписке - это уважение к своим адресатам. Во многих европейских компаниях существует корпоративный стандарт отвечать на все письма в течении 24 часов. Притом не важно - серьезный это ответ или просто уведомление о получении письма. Даже если на детальный ответ нужно потратить несколько дней или недель подготовки - всё равно первый ответ прийдет в течении суток с уведомлением о том, что письмо получено и с примерной датой, когда автор запроса получит развернутый и профессиональный ответ. Сегодня у каждого смартфон, компьютер или планшет, поэтому оперативный ответ не составляет большого труда, где бы Вы не находились. Было бы желание :-) 

Большой Вам удачи!

Анимационный букет алых роз в 3D: [50]



Работающий электрогенератор в 3D, зажигающий лампочку:





HTML-код букета:

<a href="http://krasota-gif.com/3D.htm" target="_blank"><img src="http://krasota-gif.narod.ru/s/3D/02.gif" title="анимационные открытки" border="0"></a><br><a href="http://krasota-gif.com/3D.htm" target="_blank"><b></a>

HTML-код электрогенератора:

<a target="_blank"><img src="http://krasota-gif.narod.ru/s/3D/94.gif" title="анимационные открытки" border="0"></a><br><a href="http://krasota-gif.com/3D.htm" target="_blank"><b></a>


СКОПИРУЙТЕ этот HTML-код (сразу ниже) в качестве шаблона Вашей подписи

<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td valign="top" style="padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;">
<span style="text-align: left; color: #084B8A; font-family: 'Arial', sans-serif; font-size: 10pt; font-weight: bold">Ваше имя и фамилия</span>
<br />
<span style="text-align: left; margin-top: 0px; margin-bottom: 0px; color: #084B8A; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 9pt;">Ваша должность или сфера деятельности</span>
<br />
</td>
</tr>
<tr>
<td valign="top" style="padding-left: 0px; padding-top: 2px; padding-bottom: 0px; padding-right: 0px;">
<span style="text-align: left; margin-top: 0px; margin-bottom: 0px; color: #989898; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 8pt;">Ваша научная степень</span>
<br />
<span style="text-align: left; margin-top: 0px; margin-bottom: 0px; color: #989898; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 8pt;">Ваше научное или военное звание</span>
<br />
<span style="text-align: left; margin-top: 0px; margin-bottom: 0px; color: #989898; font-family: 'Arial', sans-serif; font-weight: normal; font-size: 8pt;">Ваши награды или дополнительные сведения о Вас</span>
<br />
</td>
</tr>
<tr>
<td valign="top" style="padding-left: 0px; padding-top: 7px; padding-bottom: 4px; padding-right: 0px;">
<a href="https://www.google.com">
<img src="http://ic.pics.livejournal.com/pavelaviator/77282130/6781/6781_original.png" nosend="1" border="0" width="50" height="50" alt="Logo" title="Logo" />
</a>
</td>
</tr>
<tr>
<td valign="top" style="padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;">
<span style="text-align: left; color: #000000; font-family: Arial; font-size: 9pt; font-style: normal; font-weight: normal;">Ваш адрес <font size="1" color="#B9B9B9">|</font>
Ваша страна<br />
</span>
</td>
<tr>
<td valign="top" style="padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px;">
<span style="text-align: left; color: #000000; font-family: Arial; font-size: 9pt; font-style: normal; font-weight: normal;">Тел: +Ваш рабочий телефон <font size="1" color="#B9B9B9">|</font>
Моб: +Ваш мобильный телефон<br />
</span>
</td>
</tr>
<tr>
<td valign="top" style="padding-left: 0px; padding-top: 5px; padding-bottom: 0px; padding-right: 0px;">
<span style="text-align: left; margin-top: 0px; color: #084B8A; font-size: 8pt; font-weight: bold; font-family: 'Calibri', sans-serif;">
<a style="text-decoration: none; color: #084B8A" href="https://www.google.com">
<font color="#084B8A">корпоративный сайт</font>
</a>
<font size="1" color="#084B8A">|</font>
<a style="text-decoration: none; color: #084B8A" href="https://www.google.com">
<font color="#084B8A">личный сайт</font>
</a>
<font size="1" color="#084B8A">|</font>
<a style="text-decoration: none; color: #084B8A" href="https://www.google.com.ua/maps/place/%D0%A3%D0%BA%D1%80%D0%B0%D0%B8%D0%BD%D0%B0/@48.0326815,22.2124883,5z/data=!3m1!4b1!4m2!3m1!1s0x40d1d9c154700e8f:0x1068488f64010">
<font color="#084B8A">карта как Вас найти</font>
</a>
<font size="1" color="#084B8A">|</font>
<a style="text-decoration: none; color: #084B8A" href="https://www.google.com">
<font color="#084B8A">электронная почта</font>
</a>
</span>
</td>
</tr>
<tr>
<td valign="top" style="padding-left: 0px; padding-top: 8px; padding-bottom: 0px; padding-right: 0px;">
<span style="color: #8A8A8A; font-family: 'Calibri', sans-serif; font-size: 8pt; font-weight: regular;">
<b>Уведомление о конфиденциальности:</b>
это электронное письмо может содержать частную и / или конфиденциальную информацию. Если вы получили письмо по ошибке, пожалуйста, удалите его и уведомьте отправителя.</span>
</td>
</tr>
</tbody>
</table>


Киев, 11 января 2016


◀︎     СОДЕРЖАНИЕ     ▶︎

ИМЕННОЙ УКАЗАТЕЛЬ 📚 ПРЕДМЕТНЫЙ УКАЗАТЕЛЬ

БИБЛИОГРАФИЯ

© Pavel Naumenko 2017