* {padding:0;margin:0} /* Обнуляем у всех эл-тов! */ /* чтобы IE и др.браузеры, не понимающие новых HTML5 воспринимали их как блочные эл-ты, иначе все коряво будет */ header, nav, article, section, details, footer, figure, figcaption, aside, hgroup {display: block;} /* Внешний вид disabled-элементов */ input:disabled, select:disabled, textarea:disabled { opacity:0.5;} img {border:0} h1,p,div,table {text-align:left;} h2,h3,h4,h5,h6 {text-align:center; font-weight:normal;} h1 { font-family: Arial; font-size: 24pt; font-weight: Normal; color: #1c87b7; /* голубой */ padding-top:8px; text-align:left; line-height:100%; } h2, .caption2 { font-weight:normal; text-align:center; color:#e66811; /* оранж */ font-family:Verdana,Arial; font-size:26px; margin: 18px 0 18px 0; line-height:120%; } a:link, a:visited {color:#5a8ed4} a:hover {color:#FF7902} p {line-height:120%} html { color: #333; /* базовый цвет шрифта */ font-size: 18px; font-family: calibri, sans-serif, Arial, Verdana; line-height: 120%; } body { margin:70px 18px 0 18px; font-size: 20px; background-color:white; } .text {text-indent:30px; margin-top:12px; text-align:Justify;} .text2 {margin-top:12px; text-align:Justify;} .b, .bold {font-weight:bold} .redbold { font-weight:bold; color:#cd4050} .greenbold { font-weight:bold; color:#4e9c23} .bluebold { font-weight:bold; color:#3f80b2} .u { text-decoration: underline;} .boldunderline, .bu {font-weight:bold; text-decoration: underline;} .caption { color:#191970; font-size:23px; font-family:Verdana,Arial; text-align:center; font-weight:normal; margin-top:20px; margin-bottom:8px; line-height:120%; } .supemail { vertical-align:middle; display:inline-block; background: url(/img/supporteml.png) no-repeat; width:218px; height:24px; } .lozung { margin-top:26px; font-size:140%; font-variant:small-caps; text-align:center; color:#0074d6; } .caption3 { /* Стиль для

*/ font-weight:normal; color:#3b516d; font-family:Verdana,Arial; font-size:110%; margin: 26px 0 16px 0; text-indent:0; line-height:120%; text-align:center; } .caption4 { font-weight:bold; /*normal;*/ color:#3b516d; font-family:Verdana,Arial; font-size:18px; margin: 12px 0 12px 0; text-indent:0; line-height:120%; } a.btn_big { color: #fff; /* цвет текста */ text-decoration: none; /* убирать подчёркивание у ссылок */ user-select: none; background: #0086c2; /* фон кнопки */ padding: .6em 1.5em; /* отступ от текста */ outline: none; /* убирать контур в Mozilla */ font-size:24px; line-height:40px; display:inline-block; max-width:460px; border-radius:10px; } a.btn_big:hover, a.btn_big:active { background: #2da5db; } /* Блоки вставки */ .box_orange_left, .box_green_left { border-left:5px solid #f4a53d; background-color: #fff2e0; font-family:Arial Narrow, Arial; font-size:90%; font-style:italic; margin:20px 30px 13px 20px; padding:12px; } .box_orange_left p, .box_green_left p, { line-height:150%;} .box_green_left { border-left:5px solid #3da856; background-color: #d6fddf; } /* Поля ввода */ input[placeholder] { text-overflow:ellipsis; } input[type="text"], input[type="password"], input[type="number"] { width: 100%; padding: 5px 8px; font-size: 80%; color: #000; border: 1px solid #bbb; background-color: #fff; border-radius: 4px; box-sizing: border-box; } input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus { color: #000; } select:focus { color: #000000; } input[type="submit"] { padding: 5px 12px; font-size: 80%; color: #000; border: 1px solid #bbb; background-color: #fff; border-radius: 4px; box-sizing: border-box; cursor:pointer; } select { width: 80%; padding: 5px 8px; font-size: 80%; color: #000; border: 1px solid #bbbbbb; background-color: #fff; border-radius: 4px; } option { color:black; background-color:white; } textarea { width: 100%; padding: 5px 8px 5px 8px; margin-bottom: 4px; font-size: 80%; color: #000; border: 1px solid #bbb; background-color: #fff; border-radius: 4px; box-sizing : border-box; font-family: Tahoma, Verdana, Arial; } textarea:focus { color: #000; } /* Общие кнопки */ .blue_button, .orange_button, .green_button, .gray_button { display: inline-block; /* чтобы на гл.стр строка кнопок центрировалась по центру */ color: #fafafa; text-align:center; padding: 6px 0 6px 0; font-family: Arial, Tahoma; font-size: 16px; margin-top:4px; margin-bottom:4px; border-radius:8px; } .blue_button A, .orange_button A, .green_button A, .gray_button A { display:block; padding-left:20px; padding-right:20px} .blue_button {background-color:#0094d6} .orange_button {background-color:#ff871e} .green_button {background-color:#50a51d} .gray_button {background-color:#4a4a4a} .blue_button A:link, .blue_button A:visited, .blue_button A:hover, .orange_button A:link, .orange_button A:visited, .orange_button A:hover, .green_button A:link, .green_button A:visited, .green_button A:hover, .gray_button A:link, .gray_button A:visited, .gray_button A:hover {color:#fff;text-decoration:none;} .blue_button:hover, .orange_button:hover, .green_button:hover, .gray_button:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65); /* IE 5.5+*/ -moz-opacity: 0.65; /* Mozilla 1.6 и ниже */ -khtml-opacity: 0.65; /* Konqueror 3.1, Safari 1.1 */ opacity: 0.65; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ } .features_ul { list-style-type:none; padding-left:8px; margin-bottom:0; margin-right:30px;} .features_ul li { background: url(/img/check26.png) no-repeat; line-height:120%; padding-left:30px; margin-bottom: 5px;} .common_ul { list-style-type:none; padding-left:8px; margin-bottom:0; margin-right:30px;} .common_ul li { background: url(/img/bullet26_blue.png) no-repeat; line-height:120%; padding-left:30px; margin-bottom: 5px;} .common_ul2 { list-style-type:disc; padding-left:8px; margin-bottom:0; margin-right:30px;} .common_ul2 li { list-style:none; line-height:120%; padding-left:8px; margin-bottom: 5px; } .common_ul2 li:before { /* Стиль элемента списка до текста */ color:#f7ad1a; content:"\2022"; /* /2022 is the numerical unicode for • */ padding-right:.25em; /* Отступ от буллета до текста */ } /* Media Queries - перекрываем некот.верхние стили, если ширина экрана мала */ @media all and (max-width : 760px) { body { margin-left:10px; margin-right:10px; } } /* конец перекрытых стилей @media */ /* для карусели скриншотов */ #screens { display: none; box-shadow:none; margin-top:10px; position:fixed; z-index:22; transition: 0.5s linear; /* будем плавно в течении 0.5 сек зажигать подложку при показе */ opacity:0; }/* 1-й уровень меню */ .cssmenu { z-index:2; position: fixed; width: 100%; margin: 0; left: 0; top: 0; height: 56px; /* Высота меню. Столько же задается margin-top у body и в footer.css, т.к. меню "летает" поверх стр */ } .cssmenu > ul { padding-bottom:4px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:16px; font-weight: 500; background-color: #29323b; margin:0; padding:0; position: relative; } .cssmenu:before, .cssmenu:after, .cssmenu > ul:before, .cssmenu > ul:after { content:""; display:table; } .cssmenu:after, .cssmenu > ul:after { clear:both; } .cssmenu > ul li { margin:0; padding:0; list-style:none; } .cssmenu > ul > li { float:left; position:relative; } .cssmenu > ul > li > div.topitem { /* пункт меню, содерж-й подменю */ padding: 15px 10px; display: block; color: white; font-size: 16px; text-decoration: none; letter-spacing:0.7px; line-height:26px; float:left; cursor:default; } .cssmenu > ul > li > div.topitem:hover { background-color: #e66811; } .topitem_active { padding: 15px 10px; display: block; color: white; font-size: 16px; text-decoration: none; letter-spacing:0.7px; line-height:26px; float:left; cursor:default; } .cssmenu > ul > li.active { background-color: #35516c; } .cssmenu > ul > li > a { padding: 15px 10px; display: block; color: white; font-size: 16px; text-decoration: none; letter-spacing:0.7px; line-height:26px; float:left; } .cssmenu > ul > li:hover > a { background-color: #e66811; } .cssmenu > ul > li > a > span { line-height:18px; } .cssmenu > ul > li.active > a, .cssmenu > ul > li > a:active { background-color:#344454; } .dropdownmarker { background:url(/ru/header/images/dropdownmarker.png) 0 0 no-repeat; width:9px; height:7px; float:right; margin-top:12px; margin-left:6px; } /* .homemarker { background:url(/ru/header/images/home.png) 0 0 no-repeat; width:17px; height:14px; margin-right:6px; margin-top:6px; float:left; } */ .cssmenu > ul > li > a > span > img { margin-left:2px;width:9px; height:7px; } /* Подменю */ .cssmenu > ul ul { opacity: 0; visibility: hidden; position: absolute; background-color: #29323b; margin:0; padding:0; z-index:-1; letter-spacing:1px; } .cssmenu > ul li:hover ul { opacity:1; visibility:visible; margin:0; color:#000; z-index:2; top: 56px; left:0; } .cssmenu > ul ul:before { content:""; position:absolute; top:-10px; width:100%; height:20px; background:transparent; } .cssmenu > ul ul li { list-style: none; padding:0; margin:0; width:100%; } .cssmenu > ul ul li a { padding:14px 16px; display:block; color:white; font-size: 16px; text-decoration: none; width: 330px; border-left: 4px solid transparent; transition: all 0.35s ease-in-out; } .cssmenu > ul ul li span.currentitem, .nolinkmenuitem { background-color: #35516c; padding:14px 16px; display:block; color:white; font-size: 16px; text-decoration: none; width: 330px; border-left: 4px solid transparent; transition: all 0.35s ease-in-out; } .nolinkmenuitem { background-color: #29323b; } .cssmenu > ul ul li a:hover { border-left: 4px solid #e66811; background-color:#344454; text-decoration:none; transition:background-color 0.7s ease 0s; } .cssmenu > ul ul li a:active { background-color: #29323b; } .btndownload { background:url(/ru/header/images/download_ru.png) 0 0 no-repeat; width:106px; height:35px; margin-top:12px; margin-left:10px; margin-right:16px; margin-bottom:8px; } /* BEGIN: ----- Флаги для языков ------- */ #flagDE { width:24px; height:19px; margin-top:2px; margin-right:6px; float:left; border:1px solid #555; background:url(/ru/header/images/flags.png) 0px -38px no-repeat; } #flagRU { width:24px; height:19px; margin-top:2px; margin-right:6px; float:left; border:1px solid #555; background:url(/ru/header/images/flags.png) 0px -19px no-repeat; } #flagEN { width:24px; height:19px; margin-top:2px; margin-right:6px; float:left; border:1px solid #555; background:url(/ru/header/images/flags.png) 0px 0px no-repeat; } /* ----- END: Флаги для языков ------- */ /* ----- Мобильное меню --------- */ .cssmenu_mob { display: none; z-index:2; position: fixed; width: 100%; margin: 0; left: 0%; top: 0; background-color: #292929; padding-bottom:4px; line-height:26px; /* было 18px */ } .cssmenu_mob > ul { background-color: #292929; padding-bottom: 4px; padding-left: 10px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:16px; font-weight: normal; color:white; position:relative; } .links_box { margin-bottom:10px; float:left; } .links_box a:link, .links_box a:visited { color: white; margin-right:22px; margin-top:12px; margin-bottom:4px; text-decoration: none; display: inline-block; /* чтобы на гл.стр строка кнопок центрировалась по центру */ background-color:#0094d6; color: #fafafa; padding: 6px 20px 6px 20px; font-family: Arial, Tahoma; font-size: 20px; border-radius: 5px; } .cssmenu_mob:before, .cssmenu_mob:after, .cssmenu_mob > ul:before, .cssmenu_mob > ul:after { content: ""; display:table; } .cssmenu_mob > ul li { margin:0; padding:0; list-style:none; } .cssmenu_mob > ul > li { position: relative;} .cssmenu_mob > ul > li > a { padding: 10px 5px; display: block; color: white; font-size: 16px; text-decoration: none; letter-spacing:0.7px; line-height: 22px; } .cssmenu_mob > ul > li > a > span { line-height: 18px;} .cssmenu_mob > ul > li.active > a, .cssmenu_mob > ul > li > a:active { background-color:white;} .cssmenu_mob .currentitem { display: inline-block; background-color:#777777; color: #fafafa; text-align:center; padding: 6px 8px 6px 8px; font-family: Arial, Tahoma; font-size: 20px; margin:4px 16px 4px -4px; border-radius:4px; } /* .title_mobile {margin-top:12px;} .title_mobile_orange { font-weight:normal; color:#fd8d40; font-family:Verdana,Arial; font-size:22px; float:left; margin-left:2px; margin-right:8px; } .title_mobile_blue { font-weight:normal; color:#4fa9d1; font-family:Verdana,Arial; font-size:22px; } */ .btn_mobilemenu, .btn_mobilemenu_close { background: url(/ru/header/images/btn_mobilemenu.webp) 0 0 no-repeat; width:42px; height:42px; float: right; margin-right:6px; margin-top:6px; margin-left:10px; } .btn_mobilemenu_close { background: url(/ru/header/images/btn_mobilemenu.webp) -42px 0 no-repeat; } .divlogged { font-size:14px; line-height:20px; padding-top:8px;} .divlogged a:link,.divlogged a:visited { margin-left:16px; color:#eaeaea;} .divlogged a:hover { margin-left:16px; color:#f5a43b;} /* Media Queries - перекрываем некот.верхние стили, если ширина экрана мала */ @media all and (max-width : 1084px) /*1136px*/ { .cssmenu { display: none; } .cssmenu_mob { display: block; } .btnLogin { display: inline-block; float:left; margin-right:16px; margin-left:0; } /* body {margin-right: 12px}*/ } /* конец перекрытых стилей @media */ /* Стили шапки */ .es_logo { background: url(/img/es_logo.gif) no-repeat center center; width:181px; height:38px; margin:10px 22px 5px 8px; float:left; } /* вход в личный кабине т*/ .btnLogin { margin-top:11px; padding-top:2px; border: 1px solid #ccc; /*background-color:#ff871e;*/ width:86px; height:30px; display:block; color:#eef; cursor:pointer; text-align:center; transition: all 0.15s ease-in-out; } .btnLogin:hover { background-color:#444; border-color: #999; /* color:black;*/ }

Программа картотека

Зачем нам так нужна электронная картотека на компьютере?

Автор статьи
Собранная мной электронная картотека по организациям и людям дала мне ряд преимуществ для поддержания отношений с людьми. Накопленная база контактов позволяет быстро находить телефоны и смотреть историю переписки и звонков, что немаловажно для моей работы.

Обновлено:

Большинству молодых компаний и предпринимателей по роду деятельности приходится вести списки клиентов, партнеров, работников. В какой-то момент возникает потребность создания единой картотеки клиентов - базы данных людей и организаций.

Все дело в растущих объемах информации, увеличении числа контактов у каждого из нас. Невозможно держать в голове огромный объем информации: перечень организаций - список клиентов и партнеров, кому и когда звонили, до чего договорились, когда и зачем следует позвонить ему в следующий раз. А программа всегда "знает" и "подскажет вам" кому и зачем необходимо позвонить именно сегодня.

Быстрый поиск контактов - еще одна весомая причина создания электронной базы данных (БД).

Создание картотеки

В последнее время стало очень модным хранить свои персональные и секретные данные в облаках... Это ведь удобно! Но есть и обратная сторона - вы, даже не задумываясь, доверяете свои секретные данные системным администраторам, обслуживающим облачные сервисы. У них всегда есть доступ к базе, где хранятся данные пользователей.

Совет: Создавайте свою картотеку по организациям и людям в программе и храните ее на вашем ПК или флешке в зашифрованном виде, а не в соц.сетях, телефоне или где-то в облаках, на чужих серверах.

Создать картотеку можно даже в Word-файле. Но документ Word - это не база данных, он не позволяет структурированно хранить данные и напоминать о датах. Существуют гораздо более удобные инструменты, например, программа органайзер Exiland Assistant для Windows. Ее и рассмотри в данной статье.

Exiland Assistant позволяет вести:

Криптостойкое шифрование данных обеспечивает ее защиту от кражи и потери, а встроенная в версию Personal и Enterprise функция автоматического создания резервных копий БД защитит ее от поломки флешки и случайных изменений..

Чтобы показать как создать картотеку на компьютере, скачайте демо версию Exiland Assistant Personal. Программа не требует установки, достаточно распаковать zip-файл - появится папка Exiland Assistant Personal, перенести всю папку в нужную директорию на вашем компьютере или на флешку. Запустите из этой папки главный файл программы "ea.exe" и пройдите мастер 1-го запуска по шагам. Если после этого вы увидите записи в БД - это демо-данные, можете поизучать их и чуть позже создайте свою базу, используя меню База данных.

Рассмотрим создание картотеки на примере базы с демо-данными. Итак, перед нами главное окно программы.

Программа картотека Exiland Assistant
Главное окно программы Exiland Assistant

Картотека людей. Раздел "Контакты"

Для создания информации о человеке встаньте курсором на группу в дереве групп слева, в которой хотите создать запись, и нажмите кнопку создания записи над таблицей - появится карточка человека, заполните ее и нажмите "Сохранить". Вы можете заранее не создавать группу в дереве, ее можно создать прямо из карточки.

Программа картотека Exiland Assistant
Карточка человека в Exiland Assistant

Такого удобства и возможностей программы по созданию электронной картотеки людей я еще не встречал. Понравилось то, что о человеке можно указать любые личные данные, вплоть до увлечений. Органайзер позволяет хранить следующие данные о человеке:

Не хватает какого-то поля? Не проблема - расширяемая структура данных Exiland Assistant позволяет добавлять свои поля ввода в карточку и отображать их в таблице в главном окне органайзера.

Каждую запись в базе можно пометить цветом, если необходимо выделять ее среди других.

Теперь о том, как добавить фотографию человека. Для картотеки по людям обычно достаточно видеть лицо человека, программа позволяет вставить фото размером 100x120 пикселей. Если вы попытаетесь вставить большую фотку - появится окно подрезки и масштабирования фотографии и вы сможете указать, какую область изображения вставить. Потрясающая возможность, и никакие дополнительные редакторы не нужны, да и фотография в базе мало места занимает. А значит приложение не будет тормозить со временем, когда накопятся записи.

Подрезка фотографии при вставке в карточку человека
Мастер подрезки фотографии при вставке в карточку человека

Я только недавно пришел к выводу, что каждому просто необходимо хранить информацию о людях, с которыми сводит тебя судьба по жизни, поскольку никогда не знаешь, в какой ситуации тебе этот человек понадобиться. И если все эти данные собраны в одном удобном месте - в ноутбуке под Windows, то это получится бесценная база.

Не перестаю говорить спасибо авторам, так как они настолько продумали и собрали воедино всю информацию, которая нужна по жизни человеку, и которая храниться обычно в самых разных местах.

Картотека организаций в Exiland Assistant. Раздел "Организации"

По аналогии со списком людей Exiland Assistant предоставляет возможность вести картотеку организаций в соответствующем разделе. Да, здесь тоже все неплохо продумано, карточка по-умолчанию позволяет вносить следующие сведения о фирмах, клиниках, магазинах, и т.д.:

Картотека организаций
Картотека организаций в Exiland Assistant

Встроенная в программу картотека личных дел (раздел "Задачи") поможет навести порядок в списке ежедневных задач, вести учет по проектам.

Как видим, софт Exiland Assistant достаточно прост и в то же время функционален. Область применимости - практически любая сфера деятельности. По заявлению разработчика, органайзер также предназначен для использования дома.

Где скачать программу для ведения картотеки

Exiland Assistant существует только для Windows разных версий: Windows 10, Windows 8, Windows 7 и представлена в 2 редакциях: Personal (однопользовательская улучшенная), Enterprise (многопользовательская для локальной сети). Сравнить их возможности можно здесь.

Бесплатно скачать программу-картотеку для ведения клиентов можно на официальном сайте. Для скачивания регистрация не требуется.