pavelaviator (pavelaviator) wrote,
pavelaviator
pavelaviator

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

Для меня, рожденного в середине 60-х годов прошлого века, программирование всегда было чем-то новым и непонятным. Несмотря на то, что закончил факультет летательных аппаратов Харьковского авиационного института, там же, в стенах родного института, стал кандидатом технических наук и доцентом, был президентом крупной инжиниринговой компании и генеральным директором авиационного завода - программирование, до определенных пор, для меня являлось подобием иностранного языка, который учишь, но всё не можешь начать на нём говорить. Даже когда стал продвинутым «юзером» компьютера, разнообразных смартфонов и планшетов - умение изъясняться на программных языках не приходило. С неприкрытым восхищением тогда смотрел на молодых ребят, практически детей, которые за считанные часы или дни решали такие софтверные задачи, что с традиционными подходами на тоже самое могли уходить месяцы и годы.
HTML подпись.jpg
Я помню, как с появлением первых iPhone, у которых тогда была неудобная система файлового менеджмента, появилось очень интересное приложение GoodReader. С его помощью можно было просматривать, группировать, переименовывать и обрабатывать практически любые файлы, что позволяло с помощью смартфона управляться с потоком корпоративной и личной информации также быстро, как и на ноутбуке. Так вот, приложение GoodReader придумал в 2008 году юноша (хотел сказать: мальчик) Юра Селюков, который нигде до того специально не учился программированию - только пара книжек по информатике, взятых взаймы в 6-м классе у старшего брата, да и первый iPhone, подаренный в 2008 году на день рождения.
В продажу GoodReader для iPhone на торговой площадке AppStore поступил в начале 2009 г. по цене 0,99 USD. Всего за первые 2 недели число платных скачиваний приложения перевалило за 70 тысяч, а в 2010 г. GoodReader стал вторым по популярности платным приложением для iPad в мире.

К 2012 году Юрий Селюков заработал от продаж приложения более 2,5 млн USD, а в мае 2011 года о переводе своих пилотов на планшеты с предустановленным GoodReader сообщила американская авиакомпания Alaska Airlines. Она называла себя первым крупным местным авиаперевозчиком, который начал использовать iPad вместо бумажной документации. В августе того же года, iPad с GoodReader начала тестировать Delta Airlines и планировала оснастить планшетами с этим программным обеспечением весь свой лётный состав.
В конце 2010 года появились мобильные версии игры Cover Orange для iPhone и iPad, разработанные Евгением Кузьминым. Сразу после размещения в магазине компьютерных приложений AppStore, игра стала приносить своему создателю 10.000 USD в сутки (!), а за 2,5 недели после запуска, программа заработала 150 тыс. USD и ещё долго оставалась в торговом тренде. Для Евгения всё началось в 2008 году, когда он, ради забавы, за шесть дней смастерил на мультимедийной платформе Flash игрушку Ragdoll Cannon. Весь сценарий крутился вокруг нарисованной на смятом листочке тетрадки в клеточку и от руки(!) пушки, которая стреляет маленькими, такими же рисованными, смешными человечками. Но после того, как три версии этого «баловства» принесли автору в общей сложности 34.000 USD, молодой человек купил учебник языка программирования Objective-C и в течении года появился «звёздный» Cover Orange.

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

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

Не думаю, что программисты и продвинутые "юзеры" заинтересуются моими заметками. Я не буду пользоваться специальными терминами или, как делают многие «прогеры», начинать свой рассказ о технологии где-то с середины «потому что, остальное и так понятно :-)». Мы попробуем определить последовательность внятных и простых действий для того, чтобы Ваши электронные документы всегда выглядели информативно, современно и достойно.
HTML- подпись представляет из себя лаконичное представление данных ставящего подпись на документе (имя, фамилия, должность, контактные данные). Часто в HTML-подписи используются активные ссылки на корпоративный и личный сайты подписывающего, адрес электронной почты, карту Google с местом работы или проживания, персональные страницы в социальных сетях, файлообменник с возможностью загрузки личных данных: резюме, карточка персональных данных vCard, статьи в Wikipedia и в других информационных источниках.
Электронная подпись, как правило, оформляется в стиле, приближенному к стилю бизнес-карточки (визитки) - только с несоизмеримо бóльшими возможностями.
Для начала работы нам необходимо будет иметь приложение TextEdit (для Mac OS) или «Блокнот» (Notepad) (для Windows). Эти приложения входят в стандартнее пакеты для указанных операционных систем, поэтому их не нужно будет отдельно загружать или покупать.
Кроме этого, нужно будет загрузить браузер Firefox https://www.mozilla.org/ru/firefox/new/ от Mozilla Corporation и приложение для работы с электронной почтой Thunderbird https://www.mozilla.org/ru/thunderbird/
Эти загрузки осуществляются бесплатно, программы работают на компьютерах всех распространенных операционных систем. Загрузив на свой компьютер эти приложения, установите их.
Вот, собственно и всё. Конечно, можно использовать даже то, что и так есть в Вашем компьютере, но, как мне показалось, с помощью предложенных инструментов Вы не будете тратить много времени для достижения превосходного результата.

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

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


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


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

Для этого:
(1) Внимательно изучите HTML-код, которые Вы копировали. Вы найдете там записи типа «Ваше имя и фамилия», «Ваша должность или сфера деятельности». Все эти слова в HTML-коде нужно заменить на то, что Вы хотели бы указать в своей подписи: вместо «Ваше имя и фамилия» - «Петренко Тарас Иванович», вместо «Ваша должность или сфера деятельности» - «Генеральный директор», например. Для этого снова скопируйте код и поместите его в новый, открытый именно для этого, файл в программе TextEdit (для Mac OS) или «Блокнот» (Notepad) (для Windows). Этот файл будет для Вас главной площадкой для создания HTML-подписи. Выглядеть это будет примерно так.


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

(3) Если Вы захотите вставить логотип своей фирмы, свой собственный символ или просто своё фото, то делать это нужно так. Вам необходимо в формате .jpeg (самый распространенный формат для фотографий) или .png иметь исходное изображение логотипа. Затем для этого изображения необходимо получить прямую ссылку http://…… Самый простой вариант сделать это - зарегистрироваться в Живом Журнале (ЖЖ) 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:




Работающий электрогенератор в 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>

© Павел Науменко <i>Pavel Naumenko</i>
</lj-cut>
Tags: HTML-подпись, html, html5, Павел Науменко, бизнес, деловая переписка, компьютер, компьютерный язык, электронная подпись, этика деловых отношений
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments