Microsoft Word Online. Практикум.

Ms Word Online logo

Электронный конспект lessons-nexus7-mobile.

Электронный конспект lessons-nexus7-mobile – это текстовый файл, который создаётся и поддерживается (пополняется, редактируется, …) с помощью текствого редактора MS Word – online. Электронный конспект lessons-nexus7-mobile хранится в облачном хранилище MS OneDrive. Электронный конспект lessons-nexus7-mobile является зеркальной копией электронного конспекта lessons-nexus7, который хранится на флешке и обрабатывается (пополняется новыми учебными материалами и редактируется) в текстовом редакторое WordPad. Первое, что необходимо сделать – это создать электронный конспект lessons-nexus7-mobile.

Создаём текстовый файл lessons-nexus7-mobile

В верхнем горизонтальном меню программы Microsoft Word Online выберем пункт New blank document.

Открывается интерфейс текстового редактора Word Online.
По умолчанию, новый текстовый Word файл получает имя Document и автоматически сохраняется в  облачном хранилище Microsoft OneDrive. Дадим новое имя файлу: lessons-nexus7-mobile. После нажатия клавиши Enter клавиатуры, переименованный файл замещает созданный по умолчанию файл имя Document1.

Перед началом ввода текстового файла выполним несколько настроек:
– выберем шрифт Times New Roman из выпадающего списка Font Name;
– зададим размер шрифта 16 для рядового текста из выпадающего списка Font Size;
– прижмём рядовой тект влево, указав это в выпадающем списке Text Alignment.
Приступим к наполнению текстового файла lessons-nexus7-mobile учебными материалами. 

Наполняем текстовый файл lessons-nexus7-mobile учебными материалами.




Существует несколько способов пополнения учебными материалами электронного конспекта lessons-nexus7-online. Сам учебный материал состоит из информации двух видов: текста и иллюстраций к тексту. Соответственно и перенос этих двух тмпов информации различен.
Текст может заноситься в электронный конспект lessons-nexus7-online либо с помощью клавиатуры (Keyboard), либо копированием уже существующего текста с помощью операции Copy -> Paste (смотрите раздел Переносим текст со своего компьютера в рабочую область текстового редактора Word-online на странице нашего учебного сайта). 
Иллюстрации к тексту (графические файлы)  могут храниться либо на компьютере (на флешке), либо в облачном хранилище MS OneDrive. Если иллюстрация в виде графического файла хранится на флешке, то для того, чтобы её вставить в текст необходимо выполнить команду Insert -> Picture -> This Device (смотрите раздел Вставляем иллюстрации в текст, расположенный в рабочей области текстового редактора Word-online на странице нашего учебного сайта).  

Порядок наполнения текстового файла lessons-nexus7-mobile учебными материалами.

Порядок наполнения определяется тем обстоятельством, что источником учебного материала служит уже существующий текстовый файл – электронный конспект lessons-nexus7. Иллюстрации хранятся в форме графических файлов, в папке Images, расположенной в корне папки Nexus7. Поэтому, для переноса учебного материала одного урока, из электронного конспекта lessons-nexus7, в электронный конспект lessons-nexus7-online, нужно выполнить следующие действия:
Шаг 1. Перенести очередной фрагмент текста (до ближайшей иллюстрации), из электронного конспекта lessons-nexus7, в электронный конспект lessons-nexus7-online, по инструкции, из раздела: Переносим текст со своего компьютера в рабочую область текстового редактора Word-online, на странице нашего учебного сайта.
Шаг 2. Вставить картинку в текст электронного конспект lessons-nexus7-online, по инструкции, из раздела: Вставляем иллюстрации в текст, расположенный в рабочей области текстового редактора Word-online  на странице нашего учебного сайта.
Шаги 1 и 2 повторить столько раз, сколько необходимо, чтобы перенести весь учебный материал одного урока из электронного конспекта lessons-nexus7, в электронный конспект lessons-nexus7-online
Перенеся весь текст, необходимо перейти к редактированию и форматированию текста.

Форматирование текста электронного конспекта lessons-nexus7-online

Форматирование документа – это определение заголовков, размера и цвета шрифта, самого шрифта, расположения текста в рабочей области и т. д.

Определение заголовков (Heading).

Первый шаг форматирования – отметить заголовки, используя набор Стилей (Styles), доступный  для форматирования Word-online документа. Наборы стилей (Styles), собраны в закладке Home (Главная) панели инструментов.

Из набора стилей нужно использовать заголовки (Heading). Предусмотрено 9 уровней заголовков: от Heading 1 до Heading 9. Для того, чтобы абзац преобразовать в заголовок, нужно поставить курсор внутри заголовка и выбрать заголовок нужного уровня, кликнув на нём левой кнопкой мышки. Заголовки выводятся в навигационную панель, которая очень облегчает работу с документом. Применить следующие заголовки: для даты занятия – Heading 1, для темы урока – Heading 2, для внутренних разделов (если необходимо), применить заголовки более низкого уровня, начиная с Heading 3 и ниже.    
Абзацы, к которыми применены стили – заголовки, будут помещены в Навигационную панель текстового документа электронного конспекта, lessons-nexus7-online.   

Работа с иллюстрациями в тексте

Интерфейс текстового редактора Word Online, содержит богатый инструментарий для работы с картинками, помещёнными в текстовый документ. Инструменты собраны в закладке Picture, которая появляется в панели инструментов после того, как картинка, с которой предстоит работать, будет выделена. Для того, чтобы выделить картинку, нужно подвести к ней курсор и нажать левой кнопкой мышки (кликнуть на картинке левой кнопкой мышки).
После того, как заголовок закладки Picture появится в панели инструментов,  и чтобы эту закладку раскрыть, нужно кликнуть на заголовке левой кнопкой мышки. Открывается набор инструментов, для работы с выделенной картинкой:

Используя собранные в панели инструменты, можно с картинками творить, в буквальном смысле, чудеса.  Мы рассмотрим операции, наиболее полезные для решения наших задач. Сначала определим положение картинки внутри текста. Эта операция называется
Wrap Text.

Определение положения иллюстрации внутри текста (Wrap Text).

Первое, что мы сделаем – выделим картинку, чьё положение в тексте будем определять. То есть, кликнем левой кнопкой на этой картинке. После этого, кликнем на заголовке Picture, левой кнопкой мышки. В открывшемся наборе инструментов, для работы с выделенной картинкой, кликнем на кнопке Wrap Text. Раскроется список с возможными вариантами размещения иллюстрации с тексте. Перечислим эти варианты:
In Line with Text – в одной линии с текстом (аналогично тому, как это можно делать в текстовом редакторе WordPad);
Square Left – текст обтекает иллюстрацию слева;
Square Right – текст обтекает иллюстрацию справа;
Behind Text– иллюстрация расположена за текстом (текст на фоне иллюстрации);
In Front of Text – иллюстрация расположена перед текстом (иллюстрация на фоне текста). 

  Выберем вариант:  Square Left – текст обтекает иллюстрацию слева. В этом случае, курсор, указывающий положение текста относительно картинки, можно поставить справа от картинки, т.е. поместить текст справа от картинки.  Вот так будет выглядеть картинка с текстом справа.

Мы видим, что картинка расположена слева на странице, а текст эту картинку обтекает справа.

Определение стиля иллюстрации (Picture Styles).

Текстовый редактор Word Online, позволяет определять стиль иллюстраций (Picture Styles) в тексте.  Стили собраны в галлерею. Галлерея стилей находится в закладке Picture. Закладка Picture появляется в панели инструментов после того, как картинка, к которой предстоит применить стиль, будет выделена. Для того, чтобы выделить картинку, нужно подвести к ней курсор и кликнуть на ней левой кнопкой мышки. Для того, чтобы закладку Picture раскрыть, кликнем на заголовке левой кнопкой мышки. Открывается набор инструментов, для работы с выделенной картинкой и в том числе галлерея Picture Styles:

Галлерея Picture Styles содержит более двадцати стилей, которые позволяют улучшить иллюстрацию в тексте. Каждый стиль имеет говорящее за себя название. Если подвести курсор к стилю, то появится подсказка. В нашем примере: Soft Edge Rectangle (Прямоугольная, мягкая рамка). Применим этот стиль. В результате получим:

Видно, что границы картинки смягчились.

Применим ещё один стиль под названием Metal Oval (Овальная металлическая рамка). После применение этого стиля, иллюстрация будет находиться в овальной рамке стального цвета:

Форматирование иллюстрации в тексте (Picture Format).

Форматирование иллюстрации в тексте включает в себя следующие операции:
1. Поворот картинки (Rotate).
2. Обрезание картинки (Crop).
3. Определение размеров картинки: высоты (Height) и ширины (Width). Размеры иллюстрации (высоту и ширину) по умолчанию, определяются с сохранением пропорций, в режиме Lock aspect ratio (Блокировка пропорций). Но можно эту блокировку снять, убрав галочку с чекбокса (Checkbox) Lock aspect ratio.
4. Добавление альтернативного текста (Alt Text) и описания (Description) картинки.
Для выполнения некоторых видов форматирования, таких как: Crop, Alt Text, Description нужно будет использовать, специально созданное для этого окно Format Picture.
Все перечисленные инструменты форматирования иллюстрации в тексте, находится в закладке Picture. Закладка Picture, появляется в панели инструментов после того, как картинка, к которой предстоит применить форматирование, будет выделена. Для того, чтобы выделить картинку, нужно подвести к ней курсор и кликнуть на ней левой кнопкой мышки. Для того, чтобы закладку Picture раскрыть – кликнем на заголовке левой кнопкой мышки. Открывается набор инструментов, для форматирования выделенной картинки:
MS Word-Online Picture Format

Экспресс-форматирование картинки

Текстовый редактор Word Online, позволяет выполнить некоторые операции форматирования картинки после того, как на ней кликнули левой кнопкой мышки, без последующего открытия закладки Picture. Картинка выделяется, то есть, вокруг неё появляется рамка с маленькими кружочками по углам и краям, а также с рычажком над картинкой. Эти кружочки можно подцеплять левой кнопкой мышки и выполнять такие операции форматирования, как изменение высоты (Height), ширины (Width) картинки и даже её поворачивать (Rotate). Когда курсор попадает на кружочек, его внешний вид меняется на горизонтальные, вертикальные или перекрещивающиеся стрелки, в зависимомти от положения кружочка, относительно выделенной картинки. Внутри выделеной картинки, курсор имеет вид двух перекрещивающихся стрелок.

Курсоры
Курсоры

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

MS Word-Online Picture Rotate
MS Word-Online Picture Rotate

Видно, что иллюстрация повёрнута на примерно 40 градусов вправо. Тест, обтекающий иллюстрацию справа автоматически отодвинулся, уступая место повёрнутой картинке.

Форматирование картинки (Rotate, Crop, Height, Width, Alt Text)

Инструменты форматирования картинки (Rotate, Crop, Height, Width, Alt Text), расположены в закладке Picture, которая появляется в панели инструментов после того, как картинка будет выделена. Кликнув на  закладку Picture, мы открываем набор инструментов, для форматирования выделенной картинки, в том числе и Rotate, Crop, Height, Width, Alt Text:

MS Word-Online Picture Format: Rotate, Crop

Расскажем, как пользоваться инструментами Rotate, Crop, Height, Width, Alt Text

Rotate– поворот картинки.

Картинку можно повернуть вокруг горизонтальной оси, перпендикулярной плоскости рисунка (Rotate) и вертикальной или горизонтальной оси, лежащей в плоскости рисунка (Flip). Для того, чтобы повернуть выделенную картинку,  нужно кликнуть на  кнопку Rotate. Раскрывается меню со списком возможных действий: Rotate Right 90o (повернуть вокруг горизонтальной оси, перпендикулярной плоскости рисунка на 90о вправо), Rotate Left 90o (повернуть вокруг горизонтальной оси, перпендикулярной плоскости рисунка на 90о влево), Flip Vertical (повернуть вокруг горизонтальной оси, лежащей в плоскости рисунка на 180о), Flip Horizontal (повернуть вокруг вертикальной оси, лежащей в плоскости рисунка на 180о),  Rotate Options…  (раскрыть дополнительную панель инструментов, для указания более точных углов поворота рисунка). 
Для применения каждого из перечисленных инструментов к выделеной картинке, достаточно выбрать его из выпавшего меню. Покажем это на примере инструмента Flip Vertical, то есть повернём картинку вокруг горизонтальной оси, лежащей в плоскости рисунка на 180о), если попроще, то повернём картинку “вверх тормашками” или “вверх ногами”:

Crop Обрезание картинки.

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

Если курсор подвести к одному из этих элементов, то он (курсор) приобретёт вид двусторонней стрелки: горизонтальной, вертикальной, диагональной, либо перекрестия из двухсторонних стрелок. Зажав левую кнопку, можно обрезать картинку с соответствующей стороны или переместить картинку внутри редактируемого текста.

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