Создание видео в Microsoft Movie Maker Киностудия

Что такое Movie Maker?

Windows Movie Maker - это программа для элементарного монтажа видеофильмов и видеороликов, прекрасно подходящая для начинающего пользователя. 

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

Главный плюс Movie Maker - это то, что она входит в состав системы Windows XP (правда, в Windows 7, 8 она изначально не включена, но ее можно скачать и установить бесплатно). Это означает, что этот видеоредактор не надо искать, он доступен каждому пользователю системы Windows.

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

Windows Live Movie Maker или Киностудия — бесплатная программа для создания видео и слайд-шоу, которая работает в системе Windows 7, 8, 10. Для ее установки нужно зайти на сайт Microsoft и скачать версию, соответствующую вашей системе.

Как сделать видео в Windows Movie Maker

 Подготовка

1. Скачайте и установите Movie Maker. Это бесплатный программный пакет от Microsoft, который содержит Windows Movie Maker и другие утилиты. Вы можете найти установочный файл на сайте Microsoft.

Windows Movie Maker установлен по умолчанию в Windows Vista и XP, но его нужно отдельно устанавливать в Windows 7, 8 и 10.

Скачать Movie Maker для Windows 10.

Скачать Movie Maker для Windows 7 и 8

2. Откройте Windows Movie Maker. Вы можете найти его в меню Пуск, Все программы, или написав в поиске 'Киностудия'.

В Windows 7 и выше Movie Maker называется Киностудия.

3. Ознакомьтесь с интерфейсом. Windows Movie Maker 2012 организован по принципу Microsoft Office. Вы можете перемещаться между разными вкладками вверху окна, в каждой из которых доступны определенные функции.

• Главная. Это главная вкладка программы. В ней можно добавлять видео, фотографии и музыку для вашего проекта. Вы также можете выбирать темы для своего фильма, поворачивать изображения и отправлять видео Facebook, YouTube и Vimeo.
• Анимация. Эта вкладка позволяет добавлять переходы между видео.
• Визуальные эффекты. Эта вкладка позволяет вам менять цвет и оттенок изображений. Вы можете сделать их черно-белыми или добавить насыщенности.
• Проект. Здесь вы можете применить общие изменения к своему проекту, настроив звуковой микшер и изменив пропорции видео.
• Вид. Эта вкладка позволят уменьшать и увеличивать временную шкалу, менять размер эскиза и просматривать звуковые волны вашего видео.
• Правка. Эта вкладка появится после того, как вы добавите первое видео. В ней вы сможете обрезать видео, установить начальную и конечную точку, сделать нарастание и угасание и стабилизировать видео.
• Параметры. Эта вкладка появится после того, как вы добавите первый аудио-файл. Вы сможете разделять звуковые дорожки, устанавливать время начала и конца воспроизведения музыки и делать нарастание и угасание.

Создание фильма

1. Добавьте видео-файлы. Откройте вкладку Главная и нажмите Добавить видео и фотографии. После этого вы сможете выбрать подходящий видео-файл на своем компьютере. Вы также можете просто перетянуть нужный файл в главное окно программы и таким образом добавить его в проект.

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

2. Расположите видео в нужной последовательности. После того, как вы добавите несколько видео, вы можете простым перетягиванием расположить их в нужной последовательности. Это будет особенно полезно, если вы планируете добавить видео в проект позже, но вам нужно разместить его в середине фильма.

3. Отредактируйте добавленные видео. Выделите одно из ваших видео и откройте вкладку Правка. Разместите курсор в том месте, откуда хотите обрезать видео. Вы можете установить начальную и конечную точку или просто разделить видео с помощью соответствующего пункта.

Если вы не можете установить курсор в нужное место с необходимой точностью, вы можете вручную ввести точное время начальной и конечной точки.

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

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

5. Добавьте саундтрек. Откройте вкладку Главная. Если вы хотите добавить речь, вы можете нажать Записать закадровый текст. С помощью этой функции вы сможете записать свою речь, если у вас есть микрофон.

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

6. Добавьте титры в начале. Вы можете добавить название в начале любого видео. Это будет полезно для создания видео-презентации. Во вкладке Главная выберите Титры. После этого откроется отдельная вкладка Форматирование, в которой вы сможете менять шрифт текста, его расположение и цвет фона.

7. Добавьте титры в конце. Во вкладке Главная выберите Титры, после чего откроется вкладка с настройкой титров. Вы можете создать несколько карточек с титрами, а также добавить к ним эффекты как в профессиональных видео.

Завершение фильма

1. Сделайте предварительный просмотр своего творения. После завершения монтажа во вкладке Вид нажмите Предварительный просмотр во весь экран, чтобы просмотреть фильм с начала до конца. Обратите внимание на те моменты, которые, возможно, стоит отредактировать или изменить.

2. Отправьте видео в социальную сеть. С помощью раздела Доступ во вкладке Главная вы можете отправлять видео напрямую в YouTube и Facebook. Программа спросит вас, в каком разрешении вы хотите сохранить фильм, а затем попросит войти в учетную запись Microsoft. После этого вы сможете отправить видео, если оно соответствует требованиям сайта.

Вам нужно иметь подтвержденный аккаунт YouTube, чтобы загружать видео длиной более 15 минут.

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

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

ВНИМАНИЕ!

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

Инфографика

Результаты практической работы:

Фамилия, имя	Оценка
Чувило, Бондарь	10
Сухракова, Ветошка	11
Передистый, Мирошниченко, Федоренко	9
Мацан, Коваль, Холодкова	10
Можейко, Работа	10
Васильев, Лащенко, Петровский	11
Луценко, Сыропятова Д.	11
Кайда, Сыропятова Н.	???

Сервисы для создания инфографики:

 Piktochart — несколько бесплатных настраиваемых тем для создания собственной инфографики и более 200.000 пользователей по всему миру. Базовая версия бесплатна.

Easel.ly — приложение дает возможность возможность создавать красивую инфографику онлайн без знаний основ графических редакторов.

Infogr.am — простой и удобный инструмент для создания интерактивной инфографики. Стоит попробовать в деле!

Сервисы для выбора фото и картинок:

GettyImages  - американское фото-агентство, владеет крупнейшим в мире банком изображений: около 70 млн фотографий. Изображения предоставляются клиентам на основе как платного, так и бесплатного лицензирования

https://thenounproject.com/ - сервис для создания и выбора пиктограмм

Free Digital Photos — большая база, разбитая по категориям. Все изображения можно использовать для образовательных, личных или предпринимательских целей

Free Images — большая галерея из более чем 35 тысяч снимков, разбитых по категориям и доступных для тематического поиска. Для скачивания понадобится авторизация. 

http://lenagold.ru/ - коллекция бесплатных клипартов, в том числе с прозрачным фоном

Free Photos Bank — хорошая коллекция бесплатных фото, доступных для скачивания без регистрации. Все снимки разбиты на ряд категорий, можно проводить поиск по тематикам и ключевым словам

Designers Pics — сайт, собирающий бесплатные фотографии в высоком разрешении. Есть общая лента обновлений и отдельный раздел, где снимки разбиты по категориям. 

Freepik -www.freepik.com. Один из самых больших веб-сайтов, который предлагает сотни новых векторных изображений для личного и для коммерческого использования.

Vecteezy - www.vecteezy.com. Огромный «дом» векторной графики, изображений и всевозможных паттернов. Помимо бесплатных, есть доступные наборы только премиум-пользователям.

Темы для самостоятельной работы:

1. Билл Гейтс vs Стив Джобс: кто круче?
2. Здоровое питание: меню одного дня одиннадцатиклассника
3. История моды: как менялись представления о красоте
4. Как выбрать мобильный телефон?
5. Современная игровая индустрия в цифрах и фактах

Визуализация информации

Результаты практической работы "Смартарты":

Фамилия, имя	Оценка
Петровский	8
Сыропятова Д и Робота	10
Чепурная Кунавина	11
Мирошниченко и Передистый	10
Чувило и Бондарь	9
Бабина Кайда	9
Сухракова Ветошка	11
Васильев Холодкова	9
Коваль Мацан	8
Можейко Хмиров	11

Задание для самостоятельной работы

Откройте и прочитайте статью "Астрономы представили рейтинги обитаемости планет и лун" на сайте membrana.ru. Создайте на основе статьи презентацию. Представьте материал статьи в максимально наглядной и удобной для восприятия форме.

Онлайн-сервисы для создания презентаций:

https://prezi.com/

https://www.emaze.com/ru/

Что такое SmartArt?

Все диаграммы, доступные в PowerPoint 2007, теперь называются обобщенно рисунками SmartArt.

Рисунки SmartArt позволяют:

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

Итак, почему следует отдать предпочтение рисункам SmartArt, когда можно использовать лишь обычный маркированный список? Применение рисунков SmartArt предоставляет множество преимуществ:

• Рисунки SmartArt позволяют визуально представить разнообразные понятия и идеи, которые, возможно, трудно убедительно передать только текстом.
• Рисунок SmartArt выглядит в одном стиле с презентацией, и его можно согласовать с внешним видом презентации.
• Текст маркированного списка можно изменить в рисунок SmartArt с помощью одного щелчка.
• Можно переключаться между вариантами рисунков SmartArt, а также настраивать существующий тип рисунка SmartArt. Это быстрое изменение позволяет исследовать визуальные возможности, которые не были доступны ранее.

Добавление в презентацию рисунков SmartArt

Самый быстрый способ добавить рисунок SmartArt в презентацию — это применить макет слайда, который содержит заполнитель для рисунка SmartArt. Чтобы сделать это, щелкните стрелку под кнопкой Создать слайд на вкладке Главная ленты, а затем выберите любой макет содержимого из выскакивающей коллекции макетов.

Если выбран любой из макетов, содержащих заполнитель объекта, нажмите в заполнителе кнопку «Вставить рисунок SmartArt». Откроется коллекция Выбор рисунка SmartArt:

Рисунок SmartArt можно также вставить, нажав кнопку SmartArt на вкладке Вставка на ленте.

Выбор рисунков SmartArt

Эта коллекция имеет вид трех областей, благодаря которым обзор и выбор параметров является быстрым трехшаговым действием:

1. Выберите любую из категорий рисунков SmartArt, которую хотите использовать. Верхняя категория, называемая Все, позволяет исследовать все варианты рисунков SmartArt, доступных в системе. Другие категории связанных вариантов рисунков SmartArt объединены в логические типы, такие как Линия, Процесс, Цикл, Иерархия, Отношение, Матрица и Пирамида. Возможно наличие дополнительных категорий, если установить набор рисунков SmartArt стороннего поставщика или установить что-нибудь более новое, загруженное с веб-узла корпорации Майкрософт (на английском языке).
2. В центральной области отображаются все варианты, доступные в конкретной категории. Большие эскизы каждого варианта облегчают поиск искомого объекта. Если необходимый объект не найден, выберите что-нибудь наиболее близкое к предъявляемым требованиям, а затем обратитесь к параметрам изменения рисунков SmartArt, которые описываются далее в этой статье.
3. В последней области отображается еще более крупный вид выбранного варианта рисунка SmartArt вместе с очень полезным описанием.

Когда выбран вариант рисунка SmartArt, который хотите использовать, нажмите кнопку OK, чтобы поместить рисунок на активный слайд.

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

Форматирование рисунков SmartArt

После помещения рисунка SmartArt на слайд рисунок необходимо отформатировать в соответствии с предъявляемыми требованиями:

• Иногда необходимо добавить или изменить текст.
• Иногда требуется изменить цвета темы или применить к фигурам стиль.
• Порой возникает необходимость в добавлении или удалении фигур в рисунке SmartArt.
• Может потребоваться изменить положение или размер рисунка SmartArt.
• Может возникнуть необходимость в замене на другой вариант рисунка SmartArt.

Независимо от того, что требуется сделать, любое из этих действий выполняется с двух новых вкладок ленты «Работа с рисунками SmartArt», которые отображаются только тогда, когда рисунок SmartArt выделен на слайде:

Вкладка «Конструктор» в группе «Работа с рисунками SmartArt»

Вкладка «Формат» в группе «Работа с рисунками SmartArt»

Добавление и изменение текста в рисунке SmartArt

Добавлять и изменять текст в элементах фигур во всех рисунках SmartArt можно с помощью следующих процедур:

1. Щелкните на тексте существующего заполнителя в элементе фигуры или начните вводить текст, если имеется фигура без текста. Либо просто выделите текст в фигуре и вводите новый текст, чтобы заменить предыдущий текст.
2. Вводите текст в области текста, которая отображается при выборе рисунка SmartArt. Если область текста не отображается, дважды щелкните рисунок SmartArt, чтобы активизировать на ленте вкладку Работа с рисунками SmartArt: Конструктор, а затем нажмите кнопку Область текста. Помните, что эта кнопка работает как циклический переключатель.
3. Если маркированный список преобразован в рисунок SmartArt, он уже содержит текст. Чтобы преобразовать маркированный список в рисунок SmartArt, щелкните правой кнопкой мыши какой-нибудь выделенный текст в заполнителе маркированного текста и в появившемся контекстном меню выберите команду Преобразовать в SmartArt.

Область текста облегчает добавление и изменение текста на рисунке SmartArt.

Лекция Алексея Каптерева "Смерть через Power Point":

Death By Powerpoint Rus1140

Publish at Calameo

Обработка событий в JavaScript

Откройте (или создайте) html-страницу и поместите в нее следующий код:

<html>

  <head>

    <title>Заголовок документа</title>

    <link rel="stylesheet" type="text/css" href="style.css">

    <script language="javascript">

      document.write("Моя первая страница.");

    </script>

  </head>

  <body>

  </body>

</html>

   

Откройте эту страницу в браузере, она выглядит так:

Давайте разберемся, как это работает. Браузер читает нашу html-страницу, видит оператор для выполнения document.write("Моя первая страница."); и выполняет его. Рассмотрим из чего состоит сам оператор (инструкция):

При интерпретации html-страницы браузер создает объекты javascript. Они хранятся в виде иерархической структуры, отражая структуру документа, например:

На самом верхнем уровне находится объект window, представляющий окно браузера и являющийся "родителем" всех остальных объектов. Расположенные ниже могут иметь свои подчиненные объекты. Так объект document(текущая страница) может иметь дочерний объект form (форма) и т.д.

Все объекты имеют методы (отделяются от объекта точкой), например:

• document.write позволяет писать текст в текущую страницу,
• window.open открывает новое окно браузера.

Также объекты имеют свойства, например:

• document.bgcolor содержит значение фонового цвета текущей страницы,
• document.title содержит заголовок страницы.

Все инструкции программного кода заканчиваются точкой с запятой. Об этом надо помнить.

Сценарий, который мы написали, выполнился немедленно после загрузки страницы. Однако в большинстве случаев нам нужно, чтобы сценарий выполнялся после каких-либо действий пользователя: нажатия на кнопку или ввода текста. Т.е. в ответ на пользовательское событие.

Для этого в тегах элементов страницы введены параметры обработки событий, задающие действия, выполняемые при возникновении события, связанного с элементом. Например:

<div onClick="addText();"></div>

   

Здесь Click - событие (щелчок по div-у), onClick - обработчик события, addText() - имя функции, которая сработает при возникновении этого события (щелчка по div-у).

Перечислим события, которые поддерживаются javascript. Запоминать их не следует, в дальнейшем можете просто обращаться к этой таблице.

Событие	Когда происходит	Обработчик события
Blur	потеря объектом фокуса	onBlur
Change	пользователь изменяет значение элемента	onChange
Click	пользователь щелкает мыщью по объекту	onClick
DblClick	пользователь делает двойной щелчок мышью по объекту	onDblClick
DragDrop	пользователь перетаскивает мышью объект	onDragDrop
Error	возникновение javascript-ошибки	onError
Focus	окно или элемент формы получает фокус	onFocus
KeyDown	пользователь нажимает клавишу клавиатуры	onKeyDown
KeyPress	пользователь удерживает нажатой клавишу клавиатуры	onKeyPress
KeyUp	пользователь отпускает клавишу клавиатуры	onKeyUp
Load	документ загружается в браузер	onLoad
MouseDown	пользователь нажимает кнопку мыши	onMouseDown
MouseOut	указатель мыши выходит за пределы элемента	onMouseOut
MouseOver	указатель мыши помещается над элементом	onMouseOver
MouseUp	пользователь отпускает кнопку мыши	onMouseUp
Move	пользователь перемещает окно	onMove
Reset	пользователь нажимает кнопку "reset" формы	onReset
Resize	пользователь изменяет размеры окна или элемента	onResize
Select	пользователь выбирает элемент формы	onSelect
Submit	пользователь нажимает кнопку "submit" формы	onSubmit
Unload	пользователь закрывает документ	onUnload

Хорошим стилем программирования является оформление действий, выполняемых при обработке событий, в виде функций.

Объект document

Специально для работы с документами HTML в языке JavaScript имеется отдельный объект с названием document. Пользуясь его свойствами и методами, сценарий JavaScript может получить информацию о текущем документе, загруженном в окно браузера, а также управлять отображением содержимого этого документа.

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

Свойства объекта document

Ниже перечислены свойства объекта document, доступные сценарию JavaScript:

Свойство	Описание
alinkColor	Цвет ссылок, выбранных пользователем
anchors	Массив локальных меток, размещенных в документе. Эти метки применяются для организации ссылок внутри документа
applets	Массив объектов, соответствующих аплетам Java, расположенным в документе HTML
bgColor	Цвет фона документа
cookie	Значение cookie для текущего документа
fgColor	Цвет текста
forms	Массив, содержащий в виде объектов все формы, расположенные в документе HTML
images	Массив растровых изображений, включенных в документ
lastModified	Дата последнего изменения документа HTML
linkColor	Цвет ссылок, размещенных в документе и еще не посещенных пользователем
links	Массив, содержащий все ссылки в документе HTML
location	Полный адрес URL документа HTML
referrer	Адрес URL вызывающего документа HTML
title	Заголовок документа, заданный с помощью оператора
URL	Полный адрес URL документа HTML
vlinkColor	Цвет ссылок, размещенных в документе и уже посещенных пользователем

Объект document может содержать в себе другие объекты, доступные как свойства:

Свойство	Описание
anchor	Локальная метка, определенная в документе HTML с помощью тэга <A>
form	Форма, определяемая в документе HTML с помощью оператора <FORM>
history	Список адресов URL, посещенных пользователем
link	Текст или изображение, играющее роль гипертекстовой ссылки. Создается с помощью оператора языка HTML <A>, в котором дополнительно задаются обработчики событий onClick и onMouseOver

Методы объекта document

Сценарии JavaScript могут вызывать следующие пять методов, определенных в объекте document:

Метод	Описание
clear	Удаление содержимого документа из окна просмотра
close	Закрытие потока данных, открытого для документа методом open. В окне будут отображены все изменения содержимого документа, сделанные сценарием после открытия потока
open	Открытие выходного потока для записи в документ HTML данных типа MIME при помощи методов write и writeln
write	Запись в документ произвольной конструкции языка HTML
writeln	Аналогично предыдущему, но в конце строки добавляется символ новой строки

Сценарии, работающие с объектом document

Цветовое оформление документа

Большинство свойств объекта objects доступно сценарию JavaScript как для чтения, так и для записи. В данном примере попробуем динамически изменить цветовое оформление документа HTML.

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

<HTML>

  <HEAD>

    <TITLE>Color Links</TITLE>

    <SCRIPT LANGUAGE="JavaScript">

    <!--

      document.bgColor = "#00FF80";

      document.fgColor = "#800080";

      document.linkColor  = "#000000";

      document.alinkColor = "#FF0000";

      document.vlinkColor = "#4000FF";

    // -->

    </SCRIPT>

  </HEAD>

  <BODY BGCOLOR=white>

    <H1>Изменение цветового оформления</H1>

    <P>Посетите эти серверы:

    <P><A HREF="http://www.glasnet.ru/~frolov/index.html">Наша домашняя страница</A>

    <P><A HREF="http://www.auramedia.ru">Каталог программ Auramedia</A>

    <P><A HREF="http://www.microsoft.com/java/">Страница сервера Microsoft про Java</A>

    <P><A HREF="#Локальный раздел">Локальный раздел</A>

    <HR>

    <H1><A NAME="Локальный раздел">Локальный раздел</A></H1>

    <P>Этот локальный раздел вы можете просмотреть, даже если ваш компьютер не подключен к Internet

  </BODY>

</HTML>

Обратите внимание, что наш сценарий переопределяет цвет фона, заданный параметром BGCOLOR в операторе <BODY>:

document.bgColor = "#00FF80";

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

Ссылки и метки в документе

Как известно, для того чтобы вставить в документ HTML ссылку или локальную метку, необходимо использовать тэг <A>. В общем виде этот оператор представлен ниже:

<A HREF=Адрес URL или локальная метка NAME="Имя локальной метки"

 TARGET="Имя окна" onClick="Обработчик события: щелчок по ссылке"

 onMouseOver="Обработчик события: курсор над ссылкой"> Текст ссылки </A>

Для каждой ссылки, размещенной в документе HTML, создается отдельный объект. Все такие объекты находятся в объекте документа Document как элементы массива links. Сценарий JavaScript может определить свойства каждой ссылки, расположенной в документе HTML, анализируя элементы объекта links. 

Вот список этих свойств:

Свойство	Описание
hash	Имя локальной ссылки, если она определена в адресе URL
host	Имя узла и порт, указанные в адресе URL
hostname	Имя узла и доменное имя узла сети. Если доменное имя недоступно, вместо него указывается адрес IP
href	Полный адрес URL
pathname	Путь к объекту, указанный в адресе URL
port	Номер порта, используемого для передачи данных с сервером, указанным в данной ссылке
protocol	Строка названия протокола передачи данных (включающая символ "двоеточие"), указанного в ссылке
search	Строка запроса, указанная в адресе URL после символа "?"
target	Значение параметра TARGET, заданное в ссылке
length	Количество элементов в массиве links, то есть количество ссылок в текущем документе HTML