LearningApps Логин: stu10b72 Пароль: sonne61

среда, 8 мая 2019 г.

Монтаж и озвучивание видео

Полезные ресурсы:



Сайты с бесплатными шрифтами:

Сайты  с бесплатной музыкой:

Сайты с бесплатными библиотеками звуков:

Сервис для скачивания видео с YouTube, ВКонтакте и других:

Сервис для онлайн-редактирования и конвертирования аудио и видео:

https://123apps.com/

четверг, 2 мая 2019 г.

Mówisz po polsku?

Mówisz po polsku?


Если еще нет, но хочешь - репетитор Илья готов тебе помочь!

Звони 098 176 11 94 

Повторение. Работа с большими документами в Word


Скачайте реферат "История олимпийских игр" и оформите его согласно требованиям:

  • Аркуш формату А4, надрукованих через 1,5 інтервалу, шрифт Times New Roman 14.
  • Поля сторінок: верхнє - 20мм, нижнє - 25мм, праве - 10мм, ліве - 30мм.
  • Рівняння тексту - по ширині сторінки, без переносів.
  • Заголовки структурних частин: ЗМІСТ, ВСТУП, РОЗДІЛ, ВИСНОВКИ, СПИСОК ВИКОРИСТАНОЇ ЛІТЕРАТУРИ друкують великими літерами симетрично до тексту.
  • Назву розділу друкують маленькими літерами (перша велика) з абзацного виступу, абзацний відступ повинен бути однаковим і дорівнювати 10см.
  • Крапка в кінці заголовку не ставиться.
  • Відстань між заголовками та текстом повинна дорівнювати 1 інтервал.
  • Сторінки послідовно нумерувати, починаючи з обкладинки і до останньої сторінки




четверг, 25 апреля 2019 г.

Создание шапки для YouTube-канала







Результаты практической работы:
Фамилия, имя
Оценка
Кобзева
9
Ермакова, Кучерявенко
10
Болгарова и Капуста
11
Куц, Листопад
11
Лисняк Мажара Ковальов
11
Ужва,Горбатенко
10
Ростовцева Савенкова
11







Как создать шапку для Youtube канала


Вот небольшой список фотостоков:
  • rgbstock.com
  • bigfoto.com
  • freemediagoo.com
  • foter.com
  • everystockphoto.com
  • stockphotos.io
  • wylio.com
  • canweimage.com
  • littlevisuals.co
  • unsplash.com
  • picjumbo.com
  • gratisography.com
  • imcreator.com
  • morguefile.com
Когда будете искать картинки в поиске, выставляйте параметры, чтобы поиск не показывал изображения маленького размера.

среда, 24 апреля 2019 г.

Повторение. Подготовка презентаций к показу

Read more publications on Calaméo

Результаты практической работы "Презентация для тематического выступления":

Фамилия, имя
Оценка
Ермакова, Кучерявенко
???
Познанский
12
Капуста, Болгарова
11
Зима,  Кудряшова
9
Ростовцева
12


Базовые инструменты для создания коллажа в Photoshop



Инструменты в Photoshop

Инструмент

Что делает

Волшебная палочка
выделяет область, закрашенную приблизительно одинаковым цветом
Ластик 
вытирает ненужную часть слоя
Лассо обычное 
выделяет область, следуя за движением мышки
Лассо полигональное 
выделяет область многоугольником
Лассо магнитное
выделяет область, как бы прилипая к краю объекта 
Произвольная трансформация
изменяет размеры объекта, позволяет его поворачивать





среда, 10 апреля 2019 г.

Объект Image

Результаты работы с тестом:

Фамилия, имя
Оценка
Терещенко,Кобзева
6
Зима, Кудряшова
6
Познанский Александр Андриенко Кирилл
6
Капуста и Болгарова
7
Кучерявенко
7
Ростовцева, Савенкова
7
ЛИСТОПАД ЛИСНЯК
10
&&
11






















Откройте форму и пройдите тест "Основы JavaScript":









вторник, 9 апреля 2019 г.

Обработка событий в 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


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

среда, 3 апреля 2019 г.

Объект document

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

Фамилия, имя
Оценка
Капуста,Болгарова
11
Ермакова
10
Познанский, Терещенко, Андриенко
10
Зима, Кудряшова
9
Савенкова, Ростовцева
8
Куприенко, Кобзева
11
Куц, Листопад
11
Ковалёв, Мажара
???
Искендеров, Ищенко
11



Пройдите курс "Знакомство с JavaScript" на сайте HtmlAcademy

Заготовки к практической работе "Морфей"

Специально для работы с документами 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