среда, 6 июля 2016 г.

ГРАФИКА И ДИЗАЙН, 1-Й МЕСЯЦ ОБУЧЕНИЯ

01 урок. Pixlr Express

Урок откроется 20-го числа!
Урок познакомит вас с возможностями онлайн-редактора Pixlr Express, предназначенного для обработки изображений и создания различных эффектов на них.

Посмотреть подробнее

02 урок. Онлайн сервис Pho to

понедельник, 21 декабря 2015 г.









20 популярных антивирусных программ


В данной статье подобраны 20 самых популярных
(по числу просмотров) бесплатных антивирусных программ.
Почти все они имеют рейтинг в пять звёзд. Выбирайте на свой вкус!


1. Avast! Free Antivirus 6.0.1203


Бесплатный антивирус avast! Free Antivirus 6.0 – это пакет приложений Аваст, предназначенных для защиты вашего компьютера от возможного заражения вирусами и от других угроз со стороны вредоносных программ

Скачать Avast Free Antivirus

суббота, 12 декабря 2015 г.


20 функций Microsoft Word, о которых возможно Вы не знали!








Подозреваем, что большая часть людей набирает тексты в Word. Для вас — список секретов, которые сокращают время работы с текстом (вдруг кто не знает этих комбинаций).

суббота, 12 сентября 2015 г.



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

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

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

Калькулятор валют поможет узнать актуальный курс рубля и перевести любую сумму в любой валюте в рубли.

Программа для определения кода ответа сервера будет полезна для продвижения вашего сайта.

Проверить пинг будет полезно для любителей онлайн игр и просто активных пользователей сети интернет. Для этого на нашем сайте работает Ping-сервис.

Все онлайн-утилиты, собранные на этом сайте, корректно работают во всех браузерах и помогают вам быстро получить желаемый результат.

To0.ru
Обрезать mp3
To0.ru
Обрезать картинку
To0.ru
Изменить размер
To0.ru
Повернуть картинку
To0.ru
Инстаграм эффекты
To0.ru
Создать демотиватор
To0.ru
Создать QR код
To0.ru
Конвертер аудио
To0.ru
Конвертер изображений
To0.ru
Создать GIF с вэбкамеры
To0.ru
Определить цвет пиксела
To0.ru
Калькулятор валют
To0.ru
Отследить посылку
To0.ru
Калькулятор ИМТ
To0.ru
HTTP ответ сервера
To0.ru
Скачать видео с Youtube
To0.ru
Подсчет слов
To0.ru
Подсчет символов
To0.ru
Утилита Nslookup онлайн
To0.ru
Утилита Whois онлайн
To0.ru
Утилита Ping онлайн
To0.ru
Утилита Dig онлайн
To0.ru
Конвертер регистра
To0.ru
Генератор паролей
To0.ru
Файлообменник
To0.ru
Проверка порта
To0.ru
Декодер QR и Barcode кодов
To0.ru
Индекс по адресу
To0.ru
Хостинг картинок
To0.ru
Расстояние между городами

понедельник, 6 июля 2015 г.


62 Урока фотошопа от Ларисы Гурьяновой


Часть 1 - Фото - как задний план Часть 2 - Анимированный дождь в ФШ
Часть 3 - Режимы наложения в ФШ
Часть 4 - Делаем ленту в ФШ
Часть 5 - Как вставить фото в рамку
Часть 6 - Как работать с картинкой в Фотошопе




Часть 7 - Как сделать свою печать в ФШ
Часть 8 - КАК ВСТАВИТЬ ФОН (PATTERN) В ФШ
Часть 9 - Вырезаем фрагмент из картинки
Часть 10 - ЭФФЕКТ СВЕЧЕНИЯ
Часть 11 - ФОТО КУСОЧКАМИ
Часть 12 - ЗАГОРАЕМ БЫСТРО
Часть 13 - Раскрашиваем изображение
Часть 14 - ДЕЛАЕМ В ФШ РАМКУ С ЗАКРУГЛЕННЫМИ УГОЛКАМИ
Часть 15 - Как в ФШ быстро вставить текст на картинку.
Часть 16 - ДЕЛАЕМ КАРТИНКИ С ПРОЗРАЧНЫМИ КРАЯМИ (клипарт)
Часть 17 - Делаем в ФШ заснеженный текст
Часть 18 - КАК СДЕЛАТЬ "ЗАСНЕЖЕННУЮ" РАМОЧКУ В ФШ
Часть 19 - Разукрашиваем яйца к Пасхе - урок ФШ
Часть 20 - УЧИМСЯ ПОЛЬЗОВАТЬСЯ ФИЛЬТРОМ Alien Skin Xenofex 2 - Constellation Часть 21 - Чуть-чуть о плеерах...
Часть 22 - КАК САМИМ СДЕЛАТЬ ГРАДИЕНТ В ФШ
Часть 23 - Совмещение нескольких анимашек с разным временем задержки
Часть 24 - Тонируем фотографию в разные цвета
Часть 25 - Марионеточная деформация
Часть 26 - Несколько способов анимации воды в ФШ
Часть 27 - КАК В ФШ СДЕЛАТЬ ВОДЯНОЙ ЗНАК НА ФОТО
Часть 28 - Делаем ФШ рамку с помощью бордюрных масок
Часть 29 - Анимация букв в Фотошоп
Часть 30 - Анимация текста градиентом в ФШ
Часть 31 - Как разделить клипарт
Часть 32 - Красивый звездный эффект в Фотошопе
Часть 33 - Что же такое ТУБЫ?
Часть 34 - Adobe Photoshop CS5 – создаем видео
Часть 35 - Adobe Photoshop CS5 – создаем фрактальный фон
Часть 36 - Экшен для ФШ - красивая рамка
Часть 37 - Делаем маску из фото в ФШ
Часть 38 - Рисуем каплю в ФШ
Часть 39 - Урок ФШ - Плавный переход между картинками
Часть 40 - Разукрашиваем рамку для видео
Часть 41 - Анимация свечи всего на 4-х кадрах
Часть 42 - Делаем барельеф в Фотошопе
Часть 43 - Быстро меняем цвет в ФШ
Часть 44 - Делаем анимацию зрачков глаз в Фотошопе
Часть 45 - Делаем тень в Фотошопе
Часть 46 - Текстура холста в Фотошопе
Часть 47 - ЛИСТАЕМ СТРАНИЦЫ
Часть 48 - Стеклянный шар на фоне пейзажа - урок ФШ
Часть 49 - Клипарт "Бумага" с уроком - "Как разделить клипарт"
Часть 50 - Анимация движения
Часть 51 - Перевод маски в прозрачный формат
Часть 52 - Спираль - как украшение ваших работ
Часть 53 - Эффект текста на силуэте - урок ФШ
Часть 54 - Меняем день на ночь в ФШ
Часть 55 - Быстро худеем в ФШ
Часть 56 - Как сделать красивый (бесшовный) фон в ФШ
Часть 57 - Делаем эффекты на коллаже
Часть 58 - Как сделать разрезную рамку в ФШ
Часть 59 - Редактируем фото под "Гламур"
Часть 60 - Я так училась фотошоп(у)
Часть 61 - Делаем разрезную рамку в ФШ
Часть 62 - ШИКАРНЫЕ ВИДЕО-УРОКИ ПО Adobe Photoshop CS5!

воскресенье, 19 апреля 2015 г.

Гимнастика йогов (начальный курс)

Алгоритм работы в видео программе ProShowProducer от Марины Петровой
Эти рекомендации были началом освоения программы. Наивные и трогательные....

( C чего я начинаю и как работаю, делюсь своим опытом)

1.Создаю идею фильма, подбираю музыку и картинки под слова песни

2.Создаю папку с анимационными картинками

Мой любимый сайт: http://bestgif.su/photo/zima_v_gif_kartinkakh/s_pervym_dnjom_zimy/45-0-6501

2.Создаю папку с картинками в формате PNG.

2. Ищу музыку и вставляю ее в папку с изображениями (2-3 варианта)

Мой любимый сайт
http://mp3ostrov.com/?string=%EC%F3%E7%EE%ED

3.Создаю папку с футажами (набираем на ютубе в поисковике,скачиваем и храним.Футажи можно использовать в начале фильма, в конце, в середине, лучше выбирать без музыки

4. Все складываю в одну папку и помещаю на компьютер в изображения

5.Открываю программу, нахожу свою папку, открываю и все появляется на поле

6.Нажимаем: создать фильм,пишем название,формат 16х9.

7.Перетаскиваем,зажимая левой кнопкой мыши, музыку вниз

8.Вставляем футаж в начало фильма, пишем на нем название и все, что хотите,щелкаем 2р. по футажу внизу и добавляем изображения с эффектами

9. Перетаскиваем музыку в конец футажа, уменьшаем его время,т.к. они обычно большие

10. Под музыку перетаскиваем со смыслом фото

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

12.Добавляем переходы между слайдами

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

14. Просмотр и сохранение видеофайла. Файл выходит в формате MPG-4

воскресенье, 5 октября 2014 г.


Сканер MalwareBytes Anti-malware

Предлагаю прекрасный сканер MalwareBytes Anti-malware для удаления вирусов .


Эта программа создана для быстрого нахождения и удаления вредоносных программ и вирусов.
Интерфейс прост, программа русифицирована.
Есть режим быстрого сканирования и полного.
Не конфликтует с установленным на компьютере антивирусником.
Самостоятельно обновляется.
Как запустить программу?
1. Скачать с сайта
http://www.malwarebytes.org/mbam-download-exe.php (это прямая ссылка для скачивания)
или
http://www.techspot.com/downloads/4716-malwarebytes-anti-malware.html (через Download)
2. Закройте все программы и окна
3. Запустите процесс установки программы, во время нее ничего не меняйте, просто следуйте указаниям
4. Если будет предложено обновление программы - соглашайтесь
5. После запуска программы откройте вкладку "Сканер" и кликните "проверить".
6. После сканирования кликнуть "ПОКАЗАТЬ РЕЗУЛЬТАТЫ", потом "УДАЛИТЬ ВЫДЕЛЕННЫЕ"
7. После окончания сканирования откроется окно с описанием действий программы
8. Далее можно поставить на полное сканирование, оно будет длительным, но более тщательным

суббота, 14 декабря 2013 г.

Моя новогодняя ёлочка


ёлочка к Новому году, зелёный шарик

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

Получить свою ёлочку.

пятница, 15 ноября 2013 г.

HTML коды - HTML цвета

Русское название
In English
Код / Сode
БелоснежныйSnow
FFFAFA
Призрачно-белыйGhostwhite
F8F8FF
Белый-антикAntique White
FAEBD7
КремовыйCream
FFFBF0
ПерсиковыйPeachpuff
FFDAB9
Белый-навахоNavajo White
FFDEAD
Шелковый оттенокCornsilk
FFF8DC
Слоновая костьIvory
FFFFF0
ЛимонныйLemon Chiffon
FFFACD
Морская раковинаSeashell
FFF5EE
МедовыйHoneydew
F0FFF0
ЛазурныйAzure
F0FFFF
Бледно-лиловыйLavender
E6E6FA
Голубой с красным отливомLavender Blush
FFF0F5
Тускло-розовыйMisty Rose
FFE4E1
БелыйWhite (*)
FFFFFF
ЧерныйBlack (*)
000000
Тускло-серыйDim Gray
696969
Синевато-серыйSlate Gray
708090
Грифельно-серыйLight Slate Gray
778899
СерыйGray
BEBEBE
Светло-серыйLight Gray
C0C0C0
Серый нейтральныйMedium Gray
A0A0A4
Темно-серыйDark Gray
808080
Полуночно-синийMidnight Blue
191970
Темно-синийNavy (*), Dark Blue
000080
ВасильковыйCornflower
6495ED
Грифельно-синийSlate Blue
6A5ACD
Светлый грифельно-синийLight Slate Blue
8470FF
Голубой королевскийRoyal Blue
4169E1
СинийBlue
0000FF
Небесно-голубойSky Blue
87CEEB
Небесно-голубой светлыйLight Sky Blue
87CEFA
Синий со стальным оттенкомSteel Blue
4682B4
Голубой со стальным оттенкомLight Steel Blue
B0C4DE
Светло-синийLight Blue
A6CAF0
Синий с пороховым оттенкомPowder Blue
B0E0E6
Бледно-бирюзовыйPale Turquoise
AFEEEE
БирюзовыйTurquoise
40E0D0
Зеленовато-голубойCyan (*)
00FFFF
Светлый цианLight Cyan
E0FFFF
Темный цианDark Cyan
008080
Серо-синийCadet Blue
5F9EA0
АквамаринAquamarine
7FFFD4
Цвет морской волныSeagreen
54FF9F
Цвет морской волны, светлыйLight Seagreen
20B2AA
Бледно-зеленыйPale Green
98FB98
Весенне-зеленыйSpring Green
00FF7F
Зеленая лужайкаLawn Green
7CFC00
ЗеленыйGreen (*)
00FF00
Средне-зеленыйMedium Green
C0DCC0
Темно-зеленыйDark Green
008000
Зеленовато-желтыйChartreuse
7FFF00
Зелено-желтыйGreen Yellow
ADFF2F
Лимонно-зеленыйLime Green
32CD32
Желто-зеленыйYellow Green
9ACD32
Зеленый леснойForest Green
228B22
ХакиForest Green
F0E68C
Бледно-золотистыйPale Goldenrod
EEE8AA
Светло-желтый золотистыйLight Goldenrod Yellow
FAFAD2
Светло-желтыйLight Yellow
FFFFE0
ЖелтыйYellow (*)
FFFF00
Темно-желтыйDark Yellow
808000
ЗолотойGold
FFD700
Светло-золотистыйLight Goldenrod
FFEC8B
ЗолотистыйGoldenrod
DAA520
ЖелтоватыйBurly Wood
DEB887
Розово-коричневыйRosy Brown
BC8F8F
Кожано-коричневыйSaddle Brown
8B4513
ОхраSienna
A0522D
БежевыйBeige
F5F5DC
ПшеничныйWheat
F5DEB3
Рыжевато-коричневыйTan
D2B48C
ШоколадныйChocolate
D2691E
КирпичныйFirebrick
B22222
КоричневыйBrown
A52A2A
СомонSalmon
FA8072
Светлый сомонLight Salmon
FFA07A
ОранжевыйOrange
FFA500
КоралловыйCoral
FF7F50
Коралловый светлыйLight Coral
F08080
Оранжево-красныйOrange Red
FF4500
КрасныйRed (*)
FF0000
Темно-красныйDark Red
800000
Теплый розовыйHot Pink
FF69B4
РозовыйPink
FFC0CB
Светло-розовыйLight Pink
FFB6C1
Красно-фиолетовый бледныйPale Violet Red
DB7093
Темно-бордовыйMaroon (*)
B03060
Красно-фиолетовыйViolet Red
D02090
ФуксинMagenta (*)
FF00FF
Фуксин темныйDark Magenta
800080
ФиолетовыйViolet
EE82EE
Темно-фиолетовыйPlum
DDA0DD
ОрсельOrchid
DA70D6
Фиолетово-синийBlue Violet

суббота, 2 ноября 2013 г.

Почему тормозит ваш компьютер




А Вы знаете, что компью

теру необходима периодическая профилактика ? Да-да, не удивляйтесь. И это в лучшем случае. Замечали, что иногда компьютер долго загружается, частенько перегревается, вываливается в "синий экран" или "тормозит" во время работы? В-о-о-о-т!


Начнем мы, пожалуй, с вопроса собственно, почему тормозит ваш компьютер? Ну, здесь причина может быть одна, а может быть и несколько. Необходимо проверять, настраивать и оптимизировать. Вот причины из которых может тормозить компьютер:


1. Температура. Частенько пользователи совсем не интересуются температурой своего процессора, а это зря. Проверить ее можно, пощупав пальцем радиатор, но можно обжечься или пропустить по себе ток. Не советую. Наиболее надежный способ – скачать специальную программу, например Everest. Запустите ее, выберите «компьютер», далее «датчик». Если температура процессора выше 50 градусов, то стоит задуматься. Проверьте работу вентиляторов, продуйте радиатор, а еще лучше – снять радиатор и нанести на процессор термопасту, которая скорей всего уже высохла за годы работы.


2. Реестр. Не очень хорошо, когда вы устанавливаете и удаляете много программ. К сожалению, удаление программы еще не говорить о том, что она удалена с компьютера полностью. А это лишняя загрузка процессора при выполнении разных задач. Воспользуйтесь программой CCleaner и попробуйте разгрести этот мусор. Работать с этой программой не сложно. Запустите ее, выберите закладку «реестр», отметьте все галочки, внизу нажмите кнопочку «поиск проблем». Программа найдет кучу ненужных неверных расширений в реестре и ошибок. Нажмите кнопку «исправить» и программа сделает свое дело, удалив ненужное и починив возможное.


3. Файл подкачки. Если у вас мало оперативной памяти и небольшой файл подкачки, то требовательные игры могут тормозить. Кликаем правой клавишей по значку «мой компьютер», далее «свойства» - «дополнительно» – «быстродействие» – «параметры» – «дополнительно» – «виртуальная память» – «изменить» – «особый размер», задайте примерно 1500 – 2000, далее несколько раз «ОК» и все готово.


4. Автозапуск. Вашу память съедает слишком много запущенных программ. При установке каких-либо программ очень часто они добавляются в автозагрузку – это такие программы как, аська, uTorrent и много других. Зайдите в «пуск» - «выполнить», напишите msconfig, в появившемся окне выберите закладку «автозагрузка». Убираем здесь все галочки с ненужных программ, обязательно оставьте «ctfmon» и конечно же свой «антивирус». Жмем потом «применить», далее «ок» и «перезагрузка». После перезагрузки компьютера поставьте галочку, чтобы вам не напоминали о внесенных вами изменениях.


5. Перегружен системный жесткий диск. Локальный диск «С», является системных и чаще он объемом всего около 20 – 30 гигабайт, а некоторые люди держать огромные папки с музыкой и фильмами на рабочем столе, а ведь то, что лежит на рабочем столе занимает место на диске «С». Храните большой объем на других дисках!


6. Вирусы. Такие вирусы, как «Салиты», затормаживают работу программ. Убедитесь, что ваш антивирус не «заснул», он работает и обновляется. Можете проверить бесплатно утилитой от «Доктора Веба» – «DrWebCureit»!


И самый последний и ценный совет – не засоряйте свой компьютер всякой гадостью.


Вот и все теперь вы знаете причины почему может тормозить ваш компьютер!

воскресенье, 27 октября 2013 г.

Учебник по Photoshop


1. www.tct.ru/FhotoShop/index.htm

Электронный учебник по ФШ

1. Интерфейс графического редакторa Photoshop CS3.
2. Обработка изображений.
3. Слои изображения.
4. Цветовые модели и режимы.
5. Выделение областей.
6. Трансформация выделенной области.
7. Создание цвета. Заливка областей.
8. Инструменты для рисования и удаления.
9. Тоновая коррекция изображения(45 мин).
10. Цветовая коррекция.
11. Маска и альфа-каналы.
12. Векторные контуры.
13. Ввод и редактирование текста.
14. Корректирующие инструменты.
15. Фильтры эффектов и деформаций.

2. www.infoschool.narod.ru/fhotoshopbook/

Учебник по Photoshop
Содержание:

1. Изучаем панель инструментов.

2. Работаем со слоями.

3. Изучаем работу с текстом.

4. Изучаем фильтры.

5. Коллаж .

6. Gif-анимация (Adobe ImageReady).

7. Создание баннеров

Данный учебник создан с использованием материалов:

Учителя информатики Смирновой И.Е.

Учителя информатики Юдиной А.Г.

Учителя информатики Семенова А.А.

а также неизвестных авторов из Интернета...

3. Дополнительные ссылки на практические работы:

lib.profi.net.ua/doc/lects/photo/pr1.html

интерфейс программы

lib.profi.net.ua/doc/lects/photo/pr2.html

методы работы с выделенными областями

lib.profi.net.ua/doc/lects/photo/LabPhoto1.html

изготовление плаката

lib.profi.net.ua/doc/lects/photo/Lab2.html

работа с многослойными изображениями. Шрифты

4.Советы по работе с ФШwww.webfocus.ru/webmaster/Uroki-po-Photoshop/

в трёх частях

5.Работа со слоями

festival.1september.ru/articles/211211/

6. Практические работы в ФШ

Adobe Photoshop.

Практическая работа № 1. «Базовые операции при редактировании изображений»

Редактор растровой графики Adobe Photoshop: базовые операции при редактировании изображений, инструменты выделения и рисования
Задание № 1.1 – Инструменты выделения и рисования. Магнитное лассо
Задание № 1.2 – Инструменты выделения и рисования. Волшебная палочка
Задание № 1.3 – Инструменты выделения и рисования. Волшебная палочка
Задание № 1.4 – Инструменты выделения и рисования. Волшебная палочка
Задание № 1.5 – Инструменты выделения и рисования. Магнитное и многоугольное лассо
Задание № 1.6 – Инструменты выделения и рисования. «Пересадка» голов
Задание № 1.7 – Инструменты выделения и рисования. «Пересадка» голов
Задание № 1.8 – Инструменты выделения и рисования. Замена фона
Задание № 1.9 – Инструменты выделения и рисования. Градиентная заливка
Задание № 1.10 – Инструменты выделения и рисования. «Переодевание очков»
Задание № 1.11 – Инструменты выделения и рисования. Раскрашивание изображения
Задание № 1.12 – Инструменты выделения и рисования. Раскрашивание фотографии
Задание № 1.13 – Инструменты выделения и рисования. Перевод цветного изображения в чёрно-белое
Задание № 1.14 – Инструменты выделения и рисования. Ретуширование старой фотографии
Задание № 1.15 – Инструменты выделения и рисования. Дополнительное задание
Задание № 1.16 – Инструменты выделения и рисования. S-образный изгиб
Задание № 1.17 – Инструменты выделения и рисования. Слияние двух картинок. Способ I
Задание № 1.18 – Инструменты выделения и рисования. Слияние двух картинок. Способ II

www.modern-computer.ru/practice/photoshop/practical-task-1.html

Там же ещё несколько практических работ по ФШ и
Практические задания по темам

Тема: «Растровый редактор Adobe Photoshop»

Тема: «Векторный редактор Corel Draw»

Тема: «Базы данных и СУБД»

Тема: «Web-дизайн и программирование»

Тема: «Программирование в среде Delphi»

Тема: «Графический редактор Macromedia Flash»

Тема: «3D моделирование в MetaCreations Poser»

7.Работа с путями.

www.microstock.ru/articles/71.html

kurspk2009.narod.ru/fotoshop.htm



8.Практические задания

Давыдова Е.В.

htt p://www.inim-rao.ru/mode.7635-item.14719-type.html

Практическая работа №1

«Работа с цветовой моделью RGB»

Практическая работа № 2

«Сохранение файлов для Web-страниц»

Практическая работа № 3

PhotoShop. Инструменты выделения.

Практическая работа № 4

Палитра слоев

Практическая работа № 5

PhotoShop. Как создать баннер . Использование горячих клавиш.

9.Учимся создвать коллажики

www.postroika.ru/drawing/koll1.html

www.postroika.ru/drawing/index.html

10.Создание коллажей с помощью маски слоя(видеоурок)

http://rutube.ru/tracks/753512.html?v=64a200fb40f6d39dbd2f4cbe3890b39f







понедельник, 21 октября 2013 г.


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