Форматирование графического объекта. Форматирование изображений

Помимо непосредственного набора текста в Microsoft Office Word 2007, в документ можно вставлять рисунки, делать фон страницы с помощью изображений. Также программа позволяет создать диаграммы, рисунки SmartArt, клипы.

Вставка рисунка

1. На главной панели задач необходимо кликнуть вкладку «Вставка», выбрать раздел «Иллюстрации». На ней находятся пять иконок: рисунок, клип, фигуры, SmartArt, диаграмма. Чтобы вставить рисунок или фотографию в текст, необходимо кликнуть иконку «рисунок». Во всплывающем окне выбрать путь к файлу и открыть его, нажав кнопку «вставить».

2. Далее изображение можно редактировать. Кликнув по картинке, вы переходите на вкладку «работа с рисунками» → «формат». В блоке «изменить» можно редактировать следующие параметры: яркость, контрастность, изменение цвета, сжатие рисунка, изменение рисунка, сброс параметров.

3. В разделе «стили рисунков» представлены шаблонные образцы, с помощью которых изменяют форму, рамку, оформление фото.

4. Справа от блока с вариантами стилей располагается иконка «форма рисунка». С помощью этой функции изменяется картинка с сохранением форматирования.

5. Иконка «граница рисунка» устанавливает цвет рамки изображения.

6. Функция «эффекты для рисунка» позволяет изменить положение фигуры, развернуть ее, сделать рельефной, «заставить» отбросить тень или светиться разными красками.

7. Следующая иконка справа — обтекание текстом. Изображение можно установить: в тексте, по контуру, вокруг рамки, перед текстом, за текстом, сверху и снизу.

8. Картинку также возможно расположить в разных частях страницы. Для этого необходимо кликнуть значок «положение».

9. Помимо изображения в документ также вставляют объекты SmartArt . Они представляют собой различные списки: одноуровневые, многоуровневые, интегрированные, цикличные, матричные, пирамидальные. В специальные поля вводятся различные данные и информация.

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

11. Помимо непосредственно изображений в текст часто вставляют различные фигуры: стрелочки, овалы, фигурные скобки, линии. На главной панели переходим в раздел «вставка» → «фигуры». В появившемся окне вы можете выбрать необходимую фигуру.

Для форматирования всавленного Рисунка или графического объекта, используется вкладки диалогового окна Формат / Рисунок изображенного на рисунке 33, или двойного щелчка oбъекта мышью.

Рисунок 33

Изменение цвета заливки и линии

На вкладке Цвета и линии в разделе Заливка можно задать цвет заливки и ее прозрачность, в разделе Линии задается цвет, тип и толщина линии. Нажав кнопку со стрелкой направленной вниз, мы увидим раскрывающийся список, в котором можно выбрать новый цвет или тип линии: сплошную, пунктирную и т.п.

Задание размеров и масштаба рисунка

Чтобы задать точные размеру рисунка и его масштаб выделите его и выберите в меню Формат / Рисунок . Откройте вкладку Размер; в группе Размер и поворот задайте высоту и ширину объекта, при этом в группе Масштаб будет соответственно меняться масштаб по высоте и ширине отображенного на рисунке 34.

Рисунок 34

Изменение масштаба графического объекта с помощью мыши

Для изменения масштаба графического объекта с помощью мыши выполните следующие действия:

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

Рисунок 35

установите указатель мыши на одном из маркеров (квадратиков) изменения размера. Указатель примет вид двусторонней стрелки;

удерживая нажатой кнопку мыши, переместите рамку в нужном направлении. Если перемещать маркер изменения размера, расположенный на вертикальной или горизонтальной стороне, то масштаб рисунка будет меняться соответственно по вертикали или горизонтали, если в углу рисунка, то будет пропорционально изменяться размер всего рисунка. Завершив изменение размера рисунка, щелкните мышью вне рисунка.

Панель инструментов Настройка изображения

Кнопки панели инструментов Настройка изображения изображенной на рисунке 36 позволяют добавить рисунок; изменить его яркость, контрастность, задать обтекание текстом рисунка, обрезать рисунок.

Рисунок 36

Для вывода на экран этой панели инструментов выберите команды Панели инструментов / Настройка изображения / в меню Вид или щелкните рисунок правой кнопкой мыши и выберите в контекстном меню команду Отобразить панель настройки изображения .

Обрезка рисунка

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

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

Заключение

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

Различные варианты получения справочной информации

С Word поставляется обширная справочная система, помогающая лучше узнать возможности приложений. Для получения ответа на интересующий вас вопрос по работе с Word вы можете воспользоваться:

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

меню Справка . Для отображения области задач, содержащей справку по работе с активным приложением, нажмите клавишу F1 ;

интерактивной справкой, предоставляемой помощником;

всплывающими подсказками, которые поясняют назначение кнопок на панелях инструментов;

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

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

Рисунок 37

Другой возможностью является использование Помощника. Помощник отображается на экране после запуска любого приложения Office или выбора в меню Справка команды Показать помощника отображенного на рисунке 38. Используя технологию Microsoft IntelHSense, он анализирует действия пользователя и автоматически предлагает советы и разделы справки по текущей выполняемой операции.

Рисунок 38.

Чтобы получить нужную справочную информацию, щелкните помощника мышью и введите в поле Выберите действие : в произвольной форме текст интересующего вас вопроса, например, “Как создать таблицу?”. Список разделов справки, рассматривающих интересующую вас тему отобразится после нажатия клавиши Enter или кнопки Найти . Выберите соответствующий раздел. Помощник отобразит окно справочной системы, в котором будет открыт выбранный вами раздел.

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

Задание 1

1. создайте на диске D папку с именем “Папка для упражнений”. Создайте новый документ с заголовком: документ должен содержать не менее трех абзацев. Выполните над документом следующие действия:

опробовать действия символов (клавиш), используемых при просмотре текста:

табулирование;

перемещение на начало (конец) строки;

быстрое перемещение на один абзац вверх (вниз);

быстрое перемещение на одно слово вправо (влево);

возврат в предыдущее место редактирования;

перемещение на один экран вверх (вниз);

быстрое перемещение в начало (конец) документа;

проверить текст на наличие орфографических и грамматических ошибок;

удалить отдельные символы в тексте с помощью клавиш Backspace и Delete . В чем разница при использовании этих двух клавиш;

перетащить заголовок текста в конец текста. Отменить выполненную операцию;

переместиться по тексту с помощью клавиш и комбинаций клавиш, а также с помощью горизонтальной и вертикальной полос прокрутки;

вставить в текст две пустые строки;

выполнить упражнения по выделению различных фрагментов в тексте различными способами;

выполнить упражнения по удалению, вырезанию и вставке, копированию и вставке различных фрагментов текста;

используя операцию копирования, преобразовать созданный документ в документ, состоящий из трех страниц;

скопировать один из абзацев текста в конец документа. Записать, как выполняется последовательность действий данного упражнения с использованием мыши и команд меню;

объяснить разницу между операциями копирования и перемещения;

выполнить предварительный просмотр полученного документа;

2. отредактируйте текст в документе следующим образом:

изменить у заголовка текста размер шрифта на 18;

изменить стиль написания заголовка на полужирный с подчеркивание и отцентрировать заголовок;

оформить абзацы текста различными шрифтами (Times New Roman, Courier New, Courier, Arial и т.д.);

4. завершить работу с Word любым известным Вам способом.

Задание 2

1. откройте документ “Мой документ ”, находящийся в папке “папка для упражнений”;

3. в созданном документе отметить конец каждого абзаца специальным символом конца абзаца. Что это за символ, в каких случаях он используется;

4. в созданном документе в начало каждого абзаца вставьте любые на выбор символы из предложенных: , ,  ,  , , , Λ , σ ;

5. используя возможность автоматического ввода с помощью команды Повторить, в конце каждого абзаца вставить текст “Упражнение”;

6. выполнить упражнение по автоматической вставке текста с помощью средства “Автотекст”:

в 1 -ый абзац документа ввести текст “Лабораторная работа”;

создать элемент автотекста и задать имя элементу;

в каждый абзац созданного документа вставить элемент автотекста;

7. выполните упражнения по перемещению и копированию текста;

8. что такое “Копилка”, и какие функции она выполняет? В созданном документе отправьте в “копилку” все нечетные абзацы текста. Создайте новый документ Word с именем “Моя копилка”, содержащий информацию “копилки”;

9. какие возможности предоставляются командой Сервис / Автозамена? Выполните упражнение по автозамены отдельных слов в созданном документе:

слово “упражнение” в документе “Мой документ ” заменить на слово “Тренинг”;

символ / в документе “Мой документ ” заменить на символ ≤;

10. что такое “Закладка” и для чего она используется в Word? Создайте закладку для 5-ого абзаца документа “Мой документ”. С помощью команды “Перейти” выполните упражнения быстрого перемещения по документу на 3-ью, 8-ую страницы, предварительно преобразовав текст в документ, состоящий из 12 страниц;

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

перейти на 11-ую страницу документа;

на 1-ый абзац 11-ой страницы создайте закладку;

переместитесь на закладку, созданную в п. 10;

13. сохраните в папке “Папка для упражнений” отредактированный документ “Мой документ ”;

14. закончите работу с Word.

Задание 3

1. открыть в папке “Папка для упражнений” файл “Мой документ”;

2. выполните следующие упражнения над текстом:

задать заголовку документа стиль Заголовок 1;

опробовать все параметры вкладки Автоформат;

ввести в текст символы “ ---”(три дефиса), “___” (три подчеркивания), “ ===” (три знака равенства), “***” (три звездочки). Выполнить команды Сервис / Автозамена / Автоформат и установить флажок к параметру “Применить при вводе”. Что произойдет с введенными символами;

оформить абзацы различными стилями с помощью Библиотеки стилей;

3. выполните в тексте форматирование символов и абзацев:

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

используя атрибуты формата стиля абзац оформить любые два абзаца на 5-ой странице, используя следующие категории: Шрифт, Табуляция, Обрамление и заливка;

Задание 4

1. создайте новый документ с именем “Моя таблица” в папке “Папка для упражнений”;

2. создайте таблицу из 3-х столбцов со следующей структурой:

Таблица 3 - Расписание движения поездов из В.Новгорода на 2000 год

3. выполните над таблицей следующие упражнения:

отцентрировать на странице заголовок таблицы, применить размер шрифта 16, жирный, курсив;

отцентрировать названия столбцов, применив размер шрифта 14, обычный;

информацию 1-ого столбцы выровнять по левому краю;

информацию 2-го и 3-его столбца расположить по центру;

4. добавьте в таблицу три новых столбца: Время прибытия, Дней в пути, Цена билета:

отцентрировать заголовки новых столбцов, применив размер шрифта 14, обычный;

ввести названия столбцов 4, 5, выполнив операцию объединения ячеек;

столбец “Цена билета” разбить на 3 ячейки;

ввести информацию в новые столбцы таблицы;

5. выполните упражнения по изменению ширины столбцов и высоты строк таблицы;

6. познакомьтесь с возможностями диалогового окна Сортировка. Отсортируйте информацию 1-ого столбца таблицы в порядке возрастания;

7. опробуйте действие специальных кнопок “Масштабирование символов”, применив их возможности к заголовкам столбцов.

8. выполните преобразование созданной таблицы следующим образом:

удалить третью запись в таблице;

удалить столбец “Количество дней в пути”;

выполнить обрамление таблицы. Что будет отображено при печати таблицы, если не выполнять обрамление таблицы;

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

какая клавиша должна быть использована при копировании?

что произойдет, если при выделении строк будет отключен маркер конца строки;

10. сохраните созданную таблицу в файле “Моя таблица”;

11. разбейте созданную таблицу на две таблицы. Что при этом произойдет? Вставьте текст перед 2-ой частью таблицы;

12. преобразуйте 1-ую часть таблицы в обычный текст. Примените различные разделители, которые предлагается использовать в окне “Преобразовать таблицу в текст” при преобразовании таблицы в текст;

13. вставьте 2-ую часть таблицы в конец созданного ранее документа с именем ”Мой документ ”;

14. сохраните измененные документы;

15. закончите работу с Word.

Задание 5

1. создайте таблицу с примечанием со следующей структурой:

Таблица 4 - Список студентов кафедры животноводства

2. оформите шапку таблицы следующим образом:

название таблицы размер шрифта 14, стиль - “жирный курсив”, шрифт - Time New Roman;

шапка таблицы - текст расположить по центру, размер шрифта 12, стиль - простой, шрифт - Time New Roman.;

3. заполните таблицу, включив в нее 15 записей: размер шрифта 12, записи в графах 3, 4, 5, 7 выровнять по центру, а остальные – по левому краю, к записям таблицы в графах 2 и 7 примените стиль “жирный курсив”;

4. подготовьте таблицу к печати, используя необходимые возможности обрамления. Сохраните в своей папке созданную таблицу в файле с именем “Таблица 4”;

5. опишите порядок выполненных Вами действий по созданию таблицы;

6. модифицируйте созданную таблицу следующим образом:

вставьте в таблицу после 2-ой графы новый столбец “изучаемый иностранный язык”;

преобразуйте графы 3, 4, объединив их в один столбец “номер курса, группы”;

отсортируйте записи графы 2 “Ф.И.О. студента” по алфавиту;

вставьте три новые записи в разные места таблицы;

7. в конце таблицы вставьте сноску “Данные за 1998 г.” и запишите порядок ее создания;

8. сохраните откорректированную таблицу.

Задание 6

1. создайте в папке новый документ с именем “Упражнение – колонки”. В созданном документе выполните следующие действия по организации текста в колонках:

установить следующие параметры страницы: верхнее и нижнее поля = 3; левое и правое поля = 2.5;

для заголовка текста “ Многоколоночный текст” установить:

шрифт “Times New Roman”;

размер шрифта 18;

жирный, курсив;

выровнять заголовок по центру;

организовать новый раздел с помощью команды Вставка / Разрыв и набрать текст в две колонки со следующими параметрами:

шрифт “ Times New Roman”;

размер шрифта 14, обычный;

выравнивание по ширине;

текст 1-ой колонки набрать как нумерованный список;

текст 2-ой колонки набрать как маркированный список;

2. к каким фрагментам текста можно применять границы и фоновую заливку;

3. создайте рамку вокруг первой страницы документа. Каким способом можно это сделать;

4. выполнить следующие упражнения:

к абзацам, представляющим собой маркированные списки, применить Цвет шрифта – Зеленый;

к абзацам, представляющим собой нумерованные списки, применить границы с “теневым”, объемным эффектом, различным типом узора и заливки;

5. какие возможности для создания колонок в тексте предоставлены списком “Применить” в команде Формат / Колонки. Выполните упражнение по использованию данной команды.;

6. для многоколоночного текста создать:

верхний колонтитул, в котором указать:

дату выполнения работы;

Лабораторная работа №;

номер страницы;

нижний колонтитул, в котором указать “Выполнил: Ф.И.О. студента”;

изменить размер шрифта в верхнем колонтитуле на 16;

изменить написание шрифта на “Курсив”;

удалить нижний колонтитул и отменить выполненное действие;

8. закончить работу с Word.

Задание 7

1. открыть файл ”Мой документ ”;

2. на последнюю страницу документа поместить рисунок из библиотеки стандартных рисунков Microsoft Word;

3. какие действия надо выполнить, чтобы воспользоваться следующими режимами работы с рисунком:

редактирование рисунка;

выделение рисунка;

отмена выделения;

4. выполните упражнения по пропорциональному и непропорциональному изменению размеров вставленного рисунка;

5. используя “ножницы”, удалите отдельные элементы или поле рисунка. Какая клавиша используется при “обрезке”;

6. используя навыки, полученные в предыдущих упражнениях задания, выполните следующие действия:

вставить в документ “Мой документ” картинку Рабочего стола.

с помощью “ножниц” преобразовать вставленный рисунок, оставив в тексте только пиктограмму “Корзина”.

используя команды Вид / Панель инструментов / Настройка изображения, выполнить следующие упражнения:

увеличить (уменьшить) контрастность изображения;

увеличить (уменьшить) яркость изображения;

опробовать различные виды обтекания текстом (вокруг рамки, по контуру, сквозное, сверху и снизу);

7. средствами рисования нарисуйте прямоугольник и добавьте в него следующий текст:

8. выполните упражнения по изменению направления текста в фигуре;

9. можно ли форматировать текст в автофигуре? Если да, то отформатируйте этот текст следующим образом:

создать один абзац с отступом;

расположить текст по ширине с переносом;

размер шрифта 14, обычный;

10. сохраните изменения в файле и завершите работу с Word.

Задание 8

1. создайте новый документ в папке “Папка для упражнений” с именем “ Задание 7”. Наберите текст, состоящий из 4-х абзацев;

2. с помощью операций копирования и перемещения увеличьте свой документ до 10 абзацев. Отредактируйте полученный текст следующим образом:

в каждом абзаце использовать различные размеры шрифта, типы шрифтов и стилей;

в одном из абзацев (по выбору) изменить межстрочный интервал;

3. познакомьтесь с возможностями команды Сервис и с помощью ее параметров задайте дополнительные возможности сохранения документ:

автосохранение временных копий;

быстрое автосохранение;

сохранение резервной копии;

4. запишите команды, позволяющие ввести защиту документа (установить защиту своего документа, изменить пароль, удалить пароль). Опробуйте действие этих команд;

5. сохраните созданный файл в папке на диске D.

Задание 9

1. создайте новый файл “Справка” со справочной информацией о документе, состоящий из заголовка и 4-х абзацев;

2. проверьте текст на наличие орфографических ошибок и, если они есть, исправьте их. Опишите выполненную Вами процедуру;

3. отформатируйте созданный текст, задав свои абзацные отступы;

4. расположите заголовок текста по центру и оформите его “полужирным курсивом” с размером шрифта 16. Текст выровняйте по ширине, оформите шрифтом Arial Cyr и установите межстрочный интервал 2.

5. сохраните созданный документ в папке “Папка для упражнений”;

6. в файле с именем “Задание 7” в тексте после 2-ого абзаца вставьте файл с именем “Справка”. Скопируйте формат документа “Справка” на все абзацы объединенного документа;

7. объединенный документ разбейте на страницы, задайте нумерацию страниц, расположив их вверху по центру;

8. в области верхнего колонтитула ввести текст “Объединенный файл”, в области нижнего колонтитула – “Лабораторная работа”;

9. просмотрите вид документа при печати;

10. сохраните объединенный документ в файле с именем “Объединенный файл” в новой папке;

11. закончите работу с Word.

Задание 10

1. используя возможности команд Формат / Список, cоздайте список следующего вида:

Список преподавателей кафедры Животноводства:

Козина Анна Михайловна, доктор с/х наук, профессор, зав. кафедрой Животноводства;

Вяйзенен Геннадий Николаевич, доктор с/х наук, профессор кафедры Животноводства;

Токарь Александр Иванович, доктор с/х наук, профессор кафедры Животноводства.

2. установите для заголовка и текста в списке шрифт Times New Roman, размер шрифта 16, список – жирный обычный. Отсортируйте список в алфавитном порядке.

3. преобразуйте список в три колонки следующим образом:

Список преподавателей кафедры Животноводства

Козина Анна Михайловна

доктор с/х наук,

профессор, зав. кафедрой Животноводства

Вяйзенен Геннадий Николаевич

доктор с/х наук,

профессор кафедры Животноводства

Токарь Александр Иванович

доктор с/х наук,

профессор кафедры Животноводств

4. Сохраните созданный документ в файле с именем “Список преподавателей”.

Теоретические вопросы

1. Назовите области применения текстовых редакторов, какие текстовые редакторы Вам известны, дайте им краткую характеристику.

2. Как получить помощь при работе с Microsoft Word?

3. Какие способы запуска Microsoft Word Вам известны? Опробуйте их. Как запустить Word с панели инструментов Windows?

4. Познакомьтесь с окном Word, что содержится в окне Word?

5. С помощью, какой команды можно вывести (убрать) на панель (с панели) различные панели инструментов? Как отобразить на экране горизонтальную и вертикальную полосы прокрутки, а так же строку состояния? Выполните эти упражнения.

6. Существуют ли отличия между документом и файлом, если да, то какие?

7. Какие режимы работы с документами предоставляются текстовым редактором Word, дайте этим режимам краткую характеристику. Какая команда позволяет переключиться в любой режим?

8. Ответьте на вопросы:

Какие способы создания обычного документа Word Вам известны?

Как открыть уже созданный документ в Word? Как открыть файл их меню Документы и Файл?

Какие режимы отображения документа на экране Вам известны?

Можно ли в заголовке документа ставить точку? Обоснуйте свой ответ.

Как создать новый абзац? Какие параметры характеризуют абзац?

9. Что относится к свойствам документа, обновляет ли Microsoft Word свойства документа?

10. Какие клавиши и их комбинации помогают быстро перемещаться по тексту?

11. Что лучше: сначала создать документ, а потом включить режим проверки текста, или выполнять одновременно создание документа и его проверку? Какие виды исправления ошибок в документе вы знаете?

12. Какие клавиши помогают произвести исправление ошибок в тексте? Имеет ли значение, каким способом производится сдвиг текста вправо, клавишей Tab или пробелом?

13. С помощью каких команд можно отменить и повторить внесенные изменения в текст?

14. Как изменить масштаб отображения документа на экране?

15. Что такое колонтитул, для чего он используется, какую информацию может содержать область колонтитула. Почему во время редактирования документа не видно колонтитулов?

16. Как удалить колонтитул?

17. Что представляет собой сноска, из чего она состоит? В каком режиме можно отобразить сноску на экране?

18. Какими способами можно выделить текст в документе, для выполнения каких операций используется выделение?

19. Что такое буфер обмена, какие функции он выполняет? Как очистить буфер обмена?

20. Как связать два документа?

21. Как Вы понимаете термин Форматирование, какие средства относятся к средствам форматирования? Какие символы относятся к непечатаемым, для чего они используются, как отобразить их на экране?

22. Какие виды выравнивания абзаца можно использовать в тексте? Какие средства при этом могут использоваться?

23. Как изменить интервал в абзацах (межстрочный интервал и интервал между абзацами)?

24. Можно ли запретить разбиение абзаца? Если да, то как это можно сделать?

25. Каково назначение команды Автоформат? Какие атрибуты задаются командой Автоформат?

26. Какие два класса стилей Вам известны, в чем сущность и преимущества операции наложения стилей перед непосредственным форматированием символов и абзацев?

28. Какие префиксы характеризуют стиль абзаца и стиль символов?

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

30. В каком режиме можно просмотреть вид документа перед выводом на печать? Как просмотреть на экране одну страницу и все страницы документа?

31. Как изменить размеры полей в режиме предварительного просмотра?

32. Как вы понимаете термин мягкие разрывы страниц? От чего зависит их положение в тексте? Существуют ли различия между мягкими и принудительными разрывами страниц? В каких случаях используется принудительный разрыв страниц?

33. Познакомьтесь с возможностями команды Файл / Печать. Какие параметры влияют на печать документа?

34. Как увидеть скрытый текст на экране? Как установить параметры доступа к файлу?

35. Дайте характеристику средствам сохранения файлов: автоматическое резервирование, автоматическое сохранение.

36. Как установить (изменить) интервал автосохранения файла?

37. Для чего используются списки, можно ли отнести их к какому-нибудь виду отступов? Какие виды списков Вы знаете?

38. Как вставить таблицу в текст? Что понимается под форматированием таблицы?

39. Какие символы в таблице характеризуют строки и ячейки? Какими клавишами можно перемещаться по колонкам и строкам таблицы?

40. Какими командами можно добавить новые столбцы и строки в таблицу?

41. Как отсортировать информацию таблицы, какие виды сортировки при этом могут использоваться?

42. Какие функции можно использовать при вычислениях в таблице?

43. Какая команда отображает на экране сетку таблицы? Как увидеть структуру таблицы на экране?

44. Чем отличается таблица и документ, отформатированный в несколько колонок? В каких случаях удобнее использовать таблицы, а каких – колонки?

45. В каком режиме можно увидеть колонки на экране компьютера?

46. Какие команды надо выполнить, чтобы начать формирование колонок и перейти к формированию следующей колонки.

47. Дайте определение кадра и объясните цель размещения текста с помощью кадра. Запишите команды, с помощью которых можно:

поместить элемент в кадр;

вставить пустой кадр и задать размеры кадра;

изменить размеры кадра;

переместить кадр;

изменить обрамление кадра.

Говорят, что изображение может сказать больше, чем тысяча слов - но, как выясняется, оно также может способствовать большему заработку для вас или вашего бизнеса.

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

Это не только поможет тому, что посетители будут чаще заходить и им будет интересно, но, по статистическим данным, собранным Tech.Co и NewsCred, это также:

• Более эффективно передает информацию: люди помнят 80% того, что они видят (в отличие от 20% того, что они читают и 10% того, что они слышат).
• Привлекает посетителей: статьи с изображениями на 94% больше просматривают, чем без статьи без них.
• Повышает бизнес репутацию: 67% потребителей предпочитают компании, которые представляют четкие, детальные изображения их продукции (и говорят, что изображения являются более важными, чем описание продукта).
• Воздействует на принятие решений покупки: 93% людей считают визуальные изображения важнейшим фактором, влияющим на решение покупки в интернете.

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

Проблема № 1: Вы загрузили изображения без их оптимизации для сети, и теперь ваш сайт работает медленно

Решение: Найдите “золотую середину” размера изображения.

Размер изображения имеет большое влияние на производительность вашего сайта. Чтобы быть точным, мы говорим в основном о размере файла в мегабайтах (mb), килобайтах (kb) и т.д. - не о фактических размерах изображения (таких, как 800 х 600 пикселей), хотя они часто взаимосвязаны. Если размеры файлов слишком большие, страницам требуется много времени для загрузки, и вы рискуете потерять посетителей, у которых нет терпения. Слишком маленький размер - и вы подвергаете опасности визуальное качество изображения. Вам нужно найти компромисс между фактическим размером и качеством (разрешением), которые в совокупности определяют общий размер файла.

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

Проблема № 2: Изображение нехорошо смотрится на экране

Решение: Узнайте разрешение изображения.

Разрешение это то, что определяет, насколько хорошо ваше изображение выглядит на экране. Говоря простыми словами, это количество отображаемых пикселей на определенном пространстве экрана (пикселей на дюйм, или PPI, иногда пикселей на сантиметр). Тем не менее, так как экраны на устройствах, которые мы используем сегодня, имеют заранее определенные разрешения, мы ограничили контроль над тем, как наши изображения отобразятся. Но это нормально, потому что это упрощает процесс сохранения изображения. Разрешение 72 PPI считается общим стандартом для веб-изображений с приемлемым качеством, но разрешение между минимум 72 PPI до максимум 120 PPI, достаточно для подавляющего большинства экранов. Согласно дизайнеру Google Sebastien Gabriel, сохранение PPI в этом диапазоне “обеспечивает то, что ваша работа будет примерно такого же соотношения везде”. Это также помогает управлять размером файла.

Что еще более важно, до тех пор, как вы сохраняете свои изображения в правильных размерах (в пикселях) для предполагаемого предназначения, вы должны избегать любой пикселизации. Пикселизация (размытость, искажение, потеря качества) возникает, когда цифровое изображение отображается на сайте размером больше, чем его первоначальный размер (например, попытка растянуть фото 50 х 50 пикселей на пространство 500 х 500 пикселей).

Совет: Если вы пытаетесь задать PPI файла изображения и видите только вариант “DPI”, не паникуйте.

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

Проблема № 3. Узнайте разрешение изображения. Часть 2: Сжатие

Сжатие изображения в программе для редактирования фотографий является одним из способов настройки разрешения и размер файла. Например, при использовании “Сохранить для веб и устройств”, чтобы сохранить JPG изображения в Photoshop, вы можете выбрать предустановленные настройки качества (низкий, средний, высокий, очень высокий, и максимум), или более настроить качество с соответствующим роликом прокрутки от 0 (минимум) и 100 (максимум). Это позволит уменьшить (или сжать) размер файла (для подходящего времени загрузки страницы), но также это уменьшит визуальное качество (чем ниже, тем хуже).

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

Проблема № 4: Основная часть изображения незаметна

Решение: Обрезайте с умом.

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

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

Проблема №5: Плохая композиция изображения

Решение: Используйте фрейм для максимального эффекта.

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

• “Правило третей” (достижение баланса и фокуса)
• расположение элементов в группы по три
• повторение (выделяя визуально интересные элементы, такие как линии и узоры)
• эффективное использование положительного и негативного пространства
• ведущие линии (которые направляют внимание зрителя к центральной точке)
• и больше…

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

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

Проблема № 6. Используйте фрейм для максимального эффекта. Часть 2: Обходные пути

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

Вы также можете поэкспериментировать с ориентацией изображения (если композиция изображения позволяет), от вертикального к горизонтальному (или наоборот); поворот изображения; или обрезка круглой или другой формой. Изображения различных форм и размеров добавят визуальный интерес к вашему веб-сайту. Не используйте все время один и тот же процесс форматирования изображений; будьте креативными!

Совет: Canva создает изображения для социальных сетей, как цитата в картинке. Просто откройте подходящий по размеру шаблон, в зависимости от того, какой сайт вы используете, выберите из бесплатных или платных (стоимостью в $1) фотографий (или загрузите свою собственную), добавьте текст (здесь есть более 100 бесплатных шрифтов), и - вуаля! - Вы сделали это.

Проблема №7: Изображение выглядит искаженным

Решение: Масштабируйте пропорционально.

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

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

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

Проблема №8: Вы сохранили изображение в неправильном формате файла

Решение: Изучите различия между типами файлов.

Все эти сокращения могут запутать вас - Какая разница между JPG и PNG? Это имеет значение? Есть ли определенные форматы файлов, которые лучше использовать?

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

• JPG (или JPEG): в первую очередь для фотографий (или высоко детализированных/красочных иллюстраций и графики); точный и широкий спектр цветопередачи; не очень подходит для изображений с текстом
• PNG: высокое качество изображения и хорошая цветопередача; поддерживает прозрачность/непрозрачность; создает резкие линии и края, поэтому подходит для графики, логотипов, диаграмм и т. д.; отображает текст и ровные цвета без пикселизации (в отличие от файлов JPG, потому что он не теряет качества при сжатии)
• GIF: единственный тип файла, который поддерживает анимацию; подходит для простой графики (низкий размер файла не оказывает негативного влияния на скорость загрузки страницы); возможности цвета не так хороши, как у JPG-файлов (256 цветов или меньше, поэтому не подходит для фотографий)
• SVG: векторный формат, который не зависит от разрешения и зума (т.е., он будет оставаться четким и ясным, независимо от того, на каком устройстве вы его смотрите, насколько высокое разрешение экрана, и насколько вы увеличили его).
• PDF: сохраняет оригинальное содержание и внешний вид файла независимо от того, где и как он рассматривается; лучше всего подходит для отображения целых документов в интернете, таких как брошюры/руководства/справочники, электронные книги, и т.д.

И один, который стоит избегать …

• TIFF: высокое качество изображения, но очень большой размер файла, поэтому непригодный для веб-использования; обычно используется для сдачи документов в печать.

Совет: Касаемо изображений, которые могут быть использованы для печати или веб-проектов (например, JPG-файлы и PDF-файлы), вы должны убедиться, что вы создаете или конвертируете их в правильном цветовом пространстве для веб-использования - RGB. Если вы сохраните в CMYK (который используется только для печати), цвета вашего изображения будут выглядеть очень странно, когда вы загрузите его на свой веб-сайт. Если вы используете Canva для форматирования изображения, этот процесс упрощается: просто нажмите “Скачать”, где вы выберете либо “Как изображение” (файл RGB для веб-использования) или “PDF высокого качества” (CMYK файл для печати).

Проблема № 9: Вы купили стоковые фотографии для вашего сайта, но видите их везде

Решение: Избегайте стоковых фотографий или потратьте время на поиски уникальных.

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

Совет: Все больше и больше ресурсов бесплатных стоковых фотографий появляются в последние годы, и (несмотря на то, что они бесплатны) до сих пор не используются так часто, как платные сайты. Кроме того, в них часто можно встретить творческие и не заурядные варианты, если вы готовы потратить немного времени на их поиски. Ознакомьтесь со статьей, “Бесплатные стоковые фото: 74 лучших сайтов великолепных бесплатных изображений“, для списка рекомендованных ресурсов.

Бесплатные стоковые фото из Unsplash.

Проблема № 10: Вы не знаете, как добавить информацию к вашим изображениям

Решение: Используйте параметры метаданных.

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

Совет: Различные блоги и веб-хостинг платформы будут предоставлять различные варианты для добавления метаданных, как подписи и ключевые слов для ваших изображений - и вы должны воспользоваться любой возможностью, чтобы добавить значение, которое предлагает ваша платформа. Alt text (сокращенно альтернативный текст, который иногда называют “alt tag” или “alt attribute”) является одним из наиболее распространенных вариантов.

Это поле, где вы можете ввести слово или фразу, описывающую то, что представляет ваше изображение. Это важно, потому что: 1) Это играет важную роль в улучшении SEO (search engine optimization) вашего сайта; 2) Если изображение не отображается по какой-то причине, альтернативный текст появится, чтобы подсказать то, что там должно быть; и 3) Альтернативный текст используется слепыми и слабовидящими пользователями, которые используют аудио в браузерах для работы в интернете.

Каждое изображение должно иметь свой собственный уникальный, соответствующий альтернативный текст; и лучше краткий. Но не злоупотребляйте инструментом - загрузка поля альтернативного текста с поисковыми словами, которые вы считаете популярными (известные как “alt spam” или “keyword stuffing”), не помогут вам, и на самом деле могут снизить поисковой рейтинг вашего сайта.

Варианты метаданных изображения в WordPress (название, заголовок, альтернативный текст и описание).

Проблема № 11: Вы думаете, что вашу фотографию можно отредактировать, но вы не хотите переусердствовать

Решение: Не используйте много эффектов.

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

Тем не менее, большинство программ для редактирования фотографий могут сделать намного больше, чем это. И очень легко увлечься драматическими эффектами и фильтрами; есть тонкая грань между умеренным и броским редактированием. Если вы окажетесь перед выбором эффекта только потому, что “это выглядит забавно/странно/неординарно”, вам лучше просто оставить изображение в его первоначальном виде.

Совет: Авторедактирование (цвет, контраст и т.д.) не всегда помогает достичь лучших результатов. Если вы думаете, что что-то выглядит “не очень”, доверяйте своим собственным ощущениям, а не машине, и лучше вручную внесите коррективы.

Проблема № 12: Цвета нехорошо смотрятся на экране вашего компьютера

Решение: Откалибруйте свой монитор.

Если вы работаете с цифровыми изображениями, важно, чтобы цвета правильно отображались. Когда вы выбираете цвет, вы хотите увидеть изображения такими, какие они будут на сайте, и вы не сможете этого сделать, если ваш экран или монитор неточно отображает цвета. Simon Prais в DigitalArts советует:

“Откалибруйте монитор так, чтобы яркость была установлена ​​между 90 и 120 кд/м2.

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

Совет: В операционных системах Windows и Mac есть встроенные инструменты калибровки. Здесь вы можете найти пошаговую инструкцию того, как их использовать.

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

Как выровнять фотографию по центру веб-страницы?

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

Вначале рассмотрим выравнивание изображения по центру. Для этого к селектору P следует применить стилевое свойство text-align со значением center . При этом тег должен располагаться внутри абзаца (тег

). Чтобы не получилось так, что все абзацы на странице начали выравниваться по центру, введем свой класс figure , и все действия будем производить с ним. В примере 1 показано, как это сделать.

Как сделать обтекание картинки текстом?

Обтекание картинки текстом обычно используется для компактного размещения материала и связывания между собой иллюстраций и текста. Само обтекание создается с помощью стилевого свойства float , добавляемого к селектору IMG . Значение left выравнивает изображение по левому краю, right - по правому. Обтекание при этом происходит по другим, свободным сторонам (пример 1).

Как добавить подпись под фотографией?

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

Как сделать, чтобы фотография располагалась по правому краю окна браузера?

По умолчанию, фотография на странице располагается по левому краю окна браузера, а близлежащий текст выравнивается по нижней кромке изображения. Чтобы задать выравнивание по правому краю для селектора IMG следует установить стилевое свойство float со значением right .