Копилка ИКТ-полезностей/Программирование — различия между версиями

@@ Строка 25: / Строка 25: @@
 <div style="text-align: center; background:  #48BDDA; vertical-align:middle; margin-bottom: 5px; padding: 7px;"><b><font size="3" color="#ffffff">'''Программирование, создание online-приложений'''</font></b></div>
 <div style="background: #d3fcff; margin-bottom: 5px; padding: 5px">
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://progopedia.ru/ '''PROGOPEDIA.RU''']
 </div>
@@ Строка 34: / Строка 34: @@
 [http://progopedia.ru/ Свободная энциклопедия языков программирования]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://programmersforum.ru/ '''PROGRAMMERSFORUM.RU''']
 </div>
@@ Строка 43: / Строка 43: @@
 [http://programmersforum.ru/ Форум программистов]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://habrahabr.ru/post/149922/ '''HABRAHABR.RU''']
 </div>
@@ Строка 52: / Строка 52: @@
 [https://habrahabr.ru/post/149922/ Статья "Перечень российских научных журналов по теме информационных технологий"]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://samag.ru/archive '''SAMAG.RU''']
 </div>
@@ Строка 61: / Строка 61: @@
 [http://samag.ru/archive Архив номеров журнала "Системный администратор". Статьи доступны для чтения онлайн. Периодичность издания: 10 раз в год]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.softtime.ru/bookphp/gl1_1.php '''SOFTTIME.RU''']
 </div>
@@ Строка 70: / Строка 70: @@
 [http://www.softtime.ru/bookphp/gl1_1.php Учебник по PHP 4. Самоучитель, справочник PHP на сайте Web-студии "SoftTime", Нижний Новгород]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.mirsite.ru/ '''MIRSITE.RU''']
 </div>
@@ Строка 79: / Строка 79: @@
 [http://www.mirsite.ru/ Сайт Александра Мироненко посвящен языку интернет-программирования - PHP, системе управления базами данных MySQL и настройке сервера Apache. На сайте расположены статьи и заметки, сервисы на основе PHP, ссылки на интересные и полезные сайты по интернет-программированию]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://proglib.io/p/27-puzzle-websites-to-sharpen-your-skills/ '''PROGLIB.IO''']
 </div>
@@ Строка 88: / Строка 88: @@
 [https://proglib.io/p/27-puzzle-websites-to-sharpen-your-skills/ Статья "27 сайтов с задачками для оттачивания навыков программирования"]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://tproger.ru/ '''TPROGER.RU''']
 </div>
@@ Строка 97: / Строка 97: @@
 [https://tproger.ru/ Сайт "Типичный программист": свежие новости IT-мира, образовательные статьи, переводы зарубежных публикаций, подборки интересных ссылок, вакансии, анонсы конференций и других событий, ответы экспертов, олимпиады, конкурсы]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://ladiescode.ru/27-sajtov-s-zadachami-po-programmirovaniyu/ '''LADIESCODE.RU''']
 </div>
@@ Строка 106: / Строка 106: @@
 [http://ladiescode.ru/27-sajtov-s-zadachami-po-programmirovaniyu/ Статья "27 сайтов с задачами по программированию"]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://icanchoose.ru/blog/13-resursov-dlya-izucheniya-programmirovaniya/ '''ICANCHOOSE''']
 </div>
@@ Строка 115: / Строка 115: @@
 [http://icanchoose.ru/blog/13-resursov-dlya-izucheniya-programmirovaniya/ Статья "15 ресурсов для изучения программирования"]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://www.hse.ru/data/921/036/1226/lec.pdf '''HSE.RU''']
 </div>
@@ Строка 124: / Строка 124: @@
 [https://www.hse.ru/data/921/036/1226/lec.pdf Конспект лекций по дисциплине "Информатика и программирование" на сайте Национального исследовательского университета "Высшая школа экономики"]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.cyberguru.ru/ '''CYBERGURU.RU''']
 </div>
@@ Строка 133: / Строка 133: @@
 [http://www.cyberguru.ru/ Новости, программирование, алгоритмы, базы данных, операционные системы, железо, исходники, сети и интернет]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://php.net/manual/ru/langref.php '''php.net/manual/ru/langref.php''']
 </div>
@@ Строка 142: / Строка 142: @@
 [http://php.net/manual/ru/langref.php Справочник языка PHP на русском языке]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://metanit.com/ '''METANIT.COM''']
 </div>
@@ Строка 151: / Строка 151: @@
 [https://metanit.com/ Сайт посвящен различным языкам и технологиям программирования, компьютерам, мобильным платформам и ИТ-технологиям]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://learn.javascript.ru/ '''LEARN.JAVASCRIPT.RU''']
 </div>
@@ Строка 160: / Строка 160: @@
 [https://learn.javascript.ru/ Грамотная и актуальная информация по JavaScript и смежным технологиям, онлайн и оффлайн-мероприятия по обучению JavaScript, сообщество JS-разработчиков и обмен знаниями]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://mva.microsoft.com/ '''MVA.MICROSOFT.COM''']
 </div>
@@ Строка 169: / Строка 169: @@
 [https://mva.microsoft.com/ Бесплатные онлайн-курсы от экспертов Microsoft: основы программирования, разработка приложений, разработка игр, облачная разработка, веб-разработка и другие]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://kobru.ru/index.php '''KOBRU.RU''']
 </div>
@@ Строка 178: / Строка 178: @@
 [http://kobru.ru/index.php Конструкторское Web-бюро: сайт по обучению программированию: уроки по HTML, уроки по Javascript]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://mypractic.ru/uroki-programmirovaniya-arduino-navigaciya-po-urokam '''MYPRACTIC.RU''']
 </div>
@@ Строка 187: / Строка 187: @@
 [http://mypractic.ru/uroki-programmirovaniya-arduino-navigaciya-po-urokam Уроки программирования Ардуино на сайте "Оборудование Технологии Разработки"]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://programm.ws/index.php '''PROGRAMM.WS''']
 </div>
@@ Строка 196: / Строка 196: @@
 [http://programm.ws/index.php Литература по языкам программирования, примеры работающих программ на С++, ассемблере, паскале, Delphi в задачах и примерах, Delphi — краткий справочник, самоучитель по Java и др.]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://proguroki.ru/ '''PROGUROKI.RU''']
 </div>
@@ Строка 205: / Строка 205: @@
 [http://proguroki.ru/ Уроки по программированию: C, C++, Java, Assembler. Информация постоянно обновляется и добавляется. Материал доступен и студентам и школьникам.]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://proglang.su/ '''PROGLANG.SU''']
 </div>
@@ Строка 214: / Строка 214: @@
 [http://proglang.su/ Уроки по программированию: Java, CSS, HTML]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.webmasterwiki.ru/Glavnaja '''WEBMASTERWIKI.RU''']
 </div>
@@ Строка 223: / Строка 223: @@
 [http://www.webmasterwiki.ru/Glavnaja Wiki-учебник по веб-технологиям. Введение в веб-технологии, веб-дизайн и юзабилити, HTML, CSS, PHP, MySQL, JavaScript]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://school-php.com/video '''SCHOOL-PHP.COM''']
 </div>
@@ Строка 232: / Строка 232: @@
 [https://school-php.com/video Видеокурсы по программированию: уроки первого уровня доступны для бесплатного просмотра]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://delphiru.ru/ '''DELPHIRU.RU''']
 </div>
@@ Строка 241: / Строка 241: @@
 [http://delphiru.ru/ Программирование Delphi: интерфейс, формы, компоненты, ресурсы, графика, базы данных, игры, советы, ссылки и т.д.]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://php720.com/ '''PHP720.COM''']
 </div>
@@ Строка 250: / Строка 250: @@
 [http://php720.com/ Веб-сайт направлен в основном на начинающих разработчиков с PHP. Рубрики: как начать, задания, сниппеты, книги, сервисы, статьи, онлайн вычисления, программы]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://developer.mozilla.org/ru/docs/Web/JavaScript '''MDN''']
 </div>
@@ Строка 259: / Строка 259: @@
 [https://developer.mozilla.org/ru/docs/Web/JavaScript Учебники, справочник, инструменты и дополнительные ресурсы по JavaScript на сайте Mozilla Developer Network]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.programmer-lib.ru/index.php '''PROGRAMMER-LIB.RU''']
 </div>
@@ Строка 268: / Строка 268: @@
 [http://www.programmer-lib.ru/index.php Библиотека программиста: архив книг для программирования, веб-дизайн, Javascript, Уроки по C#, Delphi, HTML, Ассемблер в среде Windows и т.д.]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://pascalabc.net/ '''PASCALABC.NET''']
 </div>
@@ Строка 277: / Строка 277: @@
 [http://pascalabc.net/ Современное программирование на языке PASCAL: примеры программ, статьи, описание языка, разработчики, информеры, форум и т.д.]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.php-s.ru/ '''PHP-S.RU''']
 </div>
@@ Строка 286: / Строка 286: @@
 [http://www.php-s.ru/ Бесплатные скрипты PHP, самоучитель (учебник) по PHP, MySQL уроки для начинающих с нуля, cPanel - руководство и подробная инструкция]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://pythontutor.ru/ '''PYTHONTUTOR.RU''']
 </div>
@@ Строка 295: / Строка 295: @@
 [http://pythontutor.ru/ Питонтьютор. Бесплатный курс по программированию с нуля. Работает прямо в браузере.]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://geekbrains.ru/ '''GEEKBRAINS.RU''']
 </div>
@@ Строка 304: / Строка 304: @@
 [https://geekbrains.ru/ Бесплатные курсы по программированию]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://younglinux.info '''YOUNGLINUX.INFO''']
 </div>
@@ Строка 313: / Строка 313: @@
 [http://younglinux.info Сайт "Лаборатория юного линуксоида": образовательные и обзорные материалы по GNU/Linux, языкам программирования, основам работы с различным программным обеспечением, распространяемым по лицензиям GNU GPL]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://iguania.ru/ '''IGUANIA.RU''']
 </div>
@@ Строка 322: / Строка 322: @@
 [http://iguania.ru/ Основы программирования для начинающих. Учебник, алгоритмы, статьи, форум]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://javarush.ru/ '''JAVARUSH.RU''']
 </div>
@@ Строка 331: / Строка 331: @@
 [http://javarush.ru/ Онлайн-курс обучения программированию на Java, который на 80% состоит из практики. Первые 10 уровней JavaRush бесплатны и представляют собой курс для абсолютных новичков в программировании]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://ab-w.net/CSS/CSS.php '''AB-W.NET''']
 </div>
@@ Строка 340: / Строка 340: @@
 [http://ab-w.net/CSS/CSS.php Азбука сайтостроения: HTML, CSS, Wordpress, Joomla, JavaScript, PHP, продвижение сайта, программирование, справочники]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://html.manual.ru/ '''HTML.MANUAL.RU''']
 </div>
@@ Строка 349: / Строка 349: @@
 [http://html.manual.ru/ Популярный справочник по HTML, CSS, статьи, короткие и ясные описания действий самых основных, кросс-браузерных элементов языка HTML, все HTML теги, сгруппированные по их назначению и местоположению в обычном HTML-документе]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://purecodecpp.com/ '''PURECODECPP.COM''']
 </div>
@@ Строка 358: / Строка 358: @@
 [http://purecodecpp.com/ Основы программирования на С++ для начинающих: уроки, алгоритмы, задачи и решения, форматирование кода. Сайт создан для начинающих программистов и желающих изучить программирование с нуля]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://thedelphi.ru '''THEDELPHI.RU''']
 </div>
@@ Строка 367: / Строка 367: @@
 [http://thedelphi.ru Сайт Савельева Александра: уроки, статьи, исходники, компоненты и примеры программ, написанных на языке программирования Delphi]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://cmp.phys.msu.su/ru/study/programming '''Программирование''']
 </div>
@@ Строка 376: / Строка 376: @@
 [http://cmp.phys.msu.su/ru/study/programming Методические материалы по программированию на языке Си, Си++: программы, конспекты лекций, учебно-методические пособия на сайте кафедры математического моделирования и информатики физического факультета МГУ им. М. В. Ломоносова]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.it-start.pro/o-programme '''IT-START.PRO''']
 </div>
@@ Строка 385: / Строка 385: @@
 [http://www.it-start.pro/o-programme «IT-START» — это Всероссийская программа поддержки молодых программистов и молодежных проектов в сфере информационных технологий. Программа реализуется при поддержке министерства образования и науки Российской Федерации]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.internet-technologies.ru/articles/article_2552.html '''интернет-технологии.ру''']
 </div>
@@ Строка 394: / Строка 394: @@
 [http://www.internet-technologies.ru/articles/article_2552.html Статья "15 отличных сайтов для изучения программирования" на сайте "Сайтостроение от А до Я"]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.matburo.ru/st_subject.php?p=ip '''Математическое бюро''']
 </div>
@@ Строка 403: / Строка 403: @@
 [http://www.matburo.ru/st_subject.php?p=ip Ссылки на сайты с учебниками, инструкциями, исходниками, советами, примерами по программированию для начинающих на сайте МатБюро]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.opennet.ru '''OPENNET.RU''']
 </div>
@@ Строка 412: / Строка 412: @@
 [http://www.opennet.ru Портал OpenNet.ru с большим количеством информации об открытом ПО, открытых технологиях, программировании. Архив статей, документации, каталог программ. Тематическая подборка, форум, советы]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.fandroid.info/tutorial-po-osnovam-yazyka-programmirovaniya-java-dlya-nachinayushhih/ '''FANDROID.INFO''']
 </div>
@@ Строка 421: / Строка 421: @@
 [http://www.fandroid.info/tutorial-po-osnovam-yazyka-programmirovaniya-java-dlya-nachinayushhih/ Уроки по основам языка программирования JAVA для начинающих: представление о языке программирования java, его основных принципах и возможностях]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.programmersclub.ru/main/ '''PROGRAMMERSCLUB.RU''']
 </div>
@@ Строка 430: / Строка 430: @@
 [http://www.programmersclub.ru/main/ "Учебник по C++ для начинающих" бесплатно онлайн на сайте "Клуб программистов" ]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://swiftbook.ru/ '''SWIFTBOOK.RU''']
 </div>
@@ Строка 439: / Строка 439: @@
 [http://swiftbook.ru/ - сайт, посвященный программированию на языке Swift под мобильную платформу iOS: курсы, статьи, учебник, туториалы, форум, бесплатный раздел видео по программированию]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://www.ruby-lang.org/ru/ '''RUBY-LANG.ORG''']
 </div>
@@ Строка 448: / Строка 448: @@
 [https://www.ruby-lang.org/ru/ - сайт о Ruby - динамическом языке программирования с открытым исходным кодом с упором на простоту и продуктивность. Документация, библиотеки, сообщество, новости, безопасность]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://vbbook.ru/ '''VBBOOK.RU''']
 </div>
@@ Строка 457: / Строка 457: @@
 [http://vbbook.ru/  VBbook.ru - сайт о программировании, много полезной информации для профессионалов, разделы содержат статьи по программированию в различных языках, примеры, уроки, статьи о компьютерах в целом, веб-программированию, проект постоянно развивается]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://asmworld.ru '''ASMWORLD.RU''']
 </div>
@@ Строка 466: / Строка 466: @@
 [http://asmworld.ru  Программирование на ассемблере для начинающих и не только. Цель проекта Asmworld — популяризация низкоуровневого программирования, исследования и эксперименты в области ПО, обучение программированию на ассемблере, разработка программ, обмен опытом]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://javascript.ru/ '''JAVASCRIPT.RU''']
 </div>
@@ Строка 475: / Строка 475: @@
 [http://javascript.ru/  Целью сайта является предоставление максимально грамотной и, по возможности, актуальной, информации о javascript и смежных технологиях. Рубрики сайта: учебник, книги, справочник, статьи, тест знаний, форум, Node.JS скринкаст, стандарт языка, аналоги функций PHP, курсы javascript]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.cyberforum.ru/ '''CYBERFORUM.RU''']
 </div>
@@ Строка 484: / Строка 484: @@
 [http://www.cyberforum.ru/ КиберФорум - форум программистов, системных администраторов, администраторов баз данных, форум по электронике, компьютерный форум, обсуждение софта. Является одним из лидеров среди компьютерных сайтов и форумов программистов Рунета]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://scratch.mit.edu/ '''Скретч''']
 </div>
@@ Строка 493: / Строка 493: @@
 [http://scratch.mit.edu/ В среде вы можете создавать свои собственные интерактивные истории, игры и мультфильмы.Скретч помогает детям учиться думать творчески и критически, работать вместе — это базовые навыки для жизни в 21 веке.Продукт и среда открыты и бесплатны]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://code.org '''Первый час кода''']
 </div>
@@ Строка 502: / Строка 502: @@
 [https://code.org специализированный сайт для новичков и ориентирован на обучение школьников, хотя, конечно, подойдет для всех возрастов и складов ума. Все просто и легко, вы разберетесь с азами программирования и узнаете, как алгоритм превращается в JavaScript-код]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://te-st.ru/ '''Теплицы социальных технологий''']
 </div>
@@ Строка 511: / Строка 511: @@
 [http://te-st.ru/ сайт развивает культуру создания онлайн-приложений. Рассказывает о том, как создавать онлайн-приложения. Объясняет, какие общественные проблемы можно решить с помощью информационных технологий]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://citforum.ru/programming/ '''CITForum.ru''']
 </div>
@@ Строка 520: / Строка 520: @@
 [http://citforum.ru/programming/ - on-line библиотека свободно доступных материалов по информационным технологиям на русском языке. ]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.codenet.ru/ '''CodeNet.ru''']
 </div>
@@ Строка 538: / Строка 538: @@
 [http://freepascal.ru/ - информационный портал для разработчиков: новости, проекты, ссылки, форум, статьи и публикации о FreePascal, Lazarus, MSEide + MSEgui, книги. Проекты: Free Pascal Compiler, Lazarus]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://www.visualstudio.com/ '''VisualStudio.com''']
 </div>
@@ Строка 547: / Строка 547: @@
 [https://www.visualstudio.com/ - Инструменты для каждого разработчика и приложения. Visual Studio Community: бесплатный, полнофункциональный и расширяемый инструмент для разработчиков, создающих некорпоративные приложения]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://kbyte.ru/ru '''Kbyte.Ru''']
 </div>
@@ Строка 556: / Строка 556: @@
 [http://kbyte.ru/ru - международный информационный портал для программистов и разработчиков, менеджеров и специалистов IT-бизнеса. На сайте материалы для самообучения и совершенствования, возможности самореализации, презентации продуктов и проектов]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://study-java.ru '''STUDY-JAVA.RU:''']
 </div>
@@ Строка 565: / Строка 565: @@
 [http://study-java.ru - уроки, полезные материалы, справочник для изучении языка программирования Java. Все материалы сайта study-java.ru являются результатом труда его авторов]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[https://code-live.ru/ '''CODE-LIVE.RU:''']
 </div>
@@ Строка 574: / Строка 574: @@
 [https://code-live.ru/ портал, на котором публикуются статьи по программированию, доступны самоучители, полезные решения, форум, программы для разработки. Материалы распределены по категориям]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://cppstudio.com/ '''CPPSTUDIO.COM:''']
 </div>
@@ Строка 583: / Строка 583: @@
 [http://cppstudio.com/ "это учебник для начинающих, основная задача которого — объяснить новичку язык программирования С++, с основ и до новейших особенностей ANSI-C++, в том числе такие понятия, как: массивы, структуры, списки, файлы, строки, функции, шаблоны"]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://www.c-cpp.ru/ '''C-CPP.RU''']
 </div>
@@ Строка 592: / Строка 592: @@
 [http://www.c-cpp.ru/ "Данный сайт рассказывает о языке программирования С, а также С++  и их библиотек. На сайте приводится множество примеров программ, демонстрирующих элементы, образующие язык. Информация на сайте предназначена для программистов любого уровня"]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://php.net/manual/ru/ '''PHP.NET/manual/ru/''']
 </div>
@@ Строка 601: / Строка 601: @@
 [http://php.net/manual/ru/ Руководство по PHP: установка и настройка, справочник языка, безопасность, отличительные особенности, справочник функций и другая полезная систематизированная информация]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://pythonworld.ru/ '''PYTHONWORLD.RU''']
 </div>
@@ Строка 610: / Строка 610: @@
 [http://pythonworld.ru/ Сайт призван помочь начинающим научиться программировать на python 3. Также можно подробнее узнать об особенностях функционирования языка программирования Python]</div></div>
-<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; background: #ffffff; text-align: center; float: center">
+<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:310px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 <div style="font-size: 18px color: #3879ff;">[http://codehelper.ru '''CodeHelper.ru''']
 </div>