Эффект обтекания картинки текстом в PowerPoint

Содержание

PPT:обтекание, отступ текста от маркера

philos_inf

//support.office.com/ru-ru/article/%D0%9E%D0%B1%D1%82%D0%B5%D0%BA%D0%B0%D0%BD%D0%B8%D0%B5-%D1%82%D0%B5%D0%BA%D1%81%D1%82%D0%B0-%D0%B2%D0%BE%D0%BA%D1%80%D1%83%D0%B3-%D0%BE%D0%B1%D1%8A%D0%B5%D0%BA%D1%82%D0%B0-%D0%B2-PowerPoint-2007-38a58163-d685-4cb5-a7c8-91c30f15dd02

Вставка изображения на слайд PowerPoint. Если вы не знаете, как это сделать, обратитесь к статье,Вставить рисунок.

Щелкните правой кнопкой мыши объект в любом месте, выберите пункт На задний план и щелкните элемент На задний план.

Введите или вставьте текст поверх объекта.

Поместите курсор в текст у левого верхнего угла объекта и с помощью клавиш TAB и ПРОБЕЛ сместите текст за правый край объекта.

Повторите действие 4 для каждой строки текста, чтобы сместить весь текст за правый край объекта.

//www.tepka.ru/msoffice/1401.html

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

1. Откройте презентацию План.ррt

2. Из обычного режима, щелкнув на соответствующей кнопке, перейдите в Режим слайдов, чтобы развернуть слайд на все окно PowerPoint.

3. Несколькими нажатиями клавиши Page Down перейдите к последнему, восьмому слайду, показанному на. рис. 14.1. На этом слайде расположен двухуровневый список.

4. Чтобы вывести на экран линейки (если таковые отсутствуют), выберите команду Вид > Линейка.

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

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

Давайте скорректируем эти параметры на примере списка восьмого слайда.

Рис. 14.1. Слайд презентации PowerPoint с двухуровневым списком

6. Перетащите ползунок левого отступа второго уровня вправо на 4 см. Этот ползунок смещает как маркеры, так и пункты списка.

7. Перетащите влево на 1 см ползунок отступа маркеров. Маркеры второго уровня сместятся влево, а текст пунктов останется на месте.

8. Щелкните слева от пункта 30-секундный ролик, чтобы выделить его.

9. Нажмите клавишу Shift и щелкните слева от следующего пункта. Теперь окажутся выделенными два пункта второго, уровня.

10. Щелкните в области выделенного текста правой кнопкой мыши и выберите в контекстном меню команду Список (рис. 14.2).

11. В открывшемся окне диалога щелкните на вкладке Маркированный список.

12. С помощью этого окна можно выбрать один из предлагаемых вариантов маркеров, щелкнув на нем, или же самим разработать вариант маркера. Щелкните на кнопке Настройка. В списке Шрифт окна диалога Символ выберите пункт Wingdings (рис. 14.3).

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

14. Щелкните на кнопке ОК.

Рис. 14.2. Форматирование списка

philos_inf

Иногда может произойти очень обидная ситуация: набрал в Контакте запись на странице и Chrome закрыл случайно…

Что делать?

Делаем следующее.
Нажимаем на синюю полоску в самом верху (на которой расположены вкладки) правой кнопкой мыши, выходит контекстное меню. Выбираем “Открыть закрытую вкладку” (Ctrl + Shift + T). Можно даже восстановить вкладку, которую закрыли несколько вкладок назад! Просто последовательно несколько раз нужно открыть закрытую вкладку таким образом.

И будет счастье!)))

Page 4

philos_inf

//otvet.mail.ru/question/52117723
Во многих видах документов встречаются более сложные типы списков. Это так называемые многоуровневые списки. В них также используется либо маркировка, либо нумерация, а иногда и сочетание того и другого. Но главное их отличие от предыдущих типов списков – наличие нескольких уровней. В зависимости от уровня для каждого абзаца устанавливается символ или номер.

Многоуровневые списки отличаются от обычных наличием отступов. Определенный отступ принимается за уровень такого списка.

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

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

//koldunblog.com/2010/07/19/работа-со-списками-часть-2-многоуровне/

Работа со списками, часть 2: Многоуровневые списки

//www.openoffice33.ru/oformlenie-teksta/mnogourovneviie-spisok.html

Многоуровневый список————————————————————————————————

//see2me.ru/mnogourovnevye-spiski-primery-obektov.html

See to > многоуровневые списки примеры объектов

//techprofi.com/microsoft-office/sozdanie-oglavleniya-v-word/

//techprofi.com/microsoft-office/sozdanie-i-udalenie-giperssylok-v-word/

Page 5

philos_inf

//pedsovet.su/powerpoint/5690_kak_sdelat_ssylku_v_prezentacii_powerpoint

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

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

Откроется диалоговое окно Создание новых цветов темы. Нас интересуют две последние строки Гиперссылка и Просмотренная гиперссылка. По умолчанию для первой установлен синий цвет, а для второй — фиолетовый. Это значит, что в режиме просмотра презентации после перехода по гиперссылке цвет с синего поменяется на фиолетовый.

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

Page 6

philos_inf

Колонтитулы – это области в верхней или в нижней части страницы, в которых автоматически размещаются текст (например, автор и название документа, номера страниц и др.), графические объекты. Соответственно различают верхний и нижний колонтитулы. Колонтитулы отражаются в режиме разметки печати.

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

Область колонтитула будет неочерчена и неотличима от области текста. Для ее выделения рамкой выберите пункт меню Вставка/Границы текста. Чтобы выйти из области колонтитула, необходимо щелкнуть в любом месте текста.

Настройка параметров колонтитула производится в меню Стиль страницы, вызываемое при выборе пункта меню Формат/ Страница, на вкладке Верхний колонтитул (или Нижний колонтитул) –рис.1.33.

Рис.1.33.Выбор параметров колонтитулов.

В данном окне можно отметить пункты:

Одинаковое содержимое слева/справа –флажок ставится, если нужно, чтобы колонтитулы четных и нечетных страниц были одинаковы;
Регуляторы Левое поле и Правое поле используются для задания расстояния до соответствующих границ документа;
Использовать динамические интервалы – отмечается, если нужно, чтобы текст колонтитула расширялся в область между колонтитулом и текстом;
Регулятор Высота позволяет задать высоту колонтитула, если высота должна быть подобрана в соответствии с используемым шрифтом, активируйте Автоподбор высоты;
Щелкнув по кнопке Дополнительно, можно в окне Обрамление определить стиль рамки, фон для колонтитула (в окне Фон).

//physic.kemsu.ru/pub/library/learn_pos/OpenOffice/Writer/%D0%A2%D0%B5%D0%BA%D1%81%D1%82/8_1_%D0%92%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0%20%D0%BA%D0%BE%D0%BB%D0%BE%D0%BD%D1%82%D0%B8%D1%82%D1%83%D0%BB%D0%BE%D0%B2.htm——————————- Колонтитулы – это повторяющиеся элементы вверху и внизу страницы. В них обычно выносится важная информация о документе: автор, название, номер страницы, дата последней модификации или даже адрес в Интернете. Выясните у вашего научного руководителя, какие колонтитулы нужны в вашей работе и какая информация будет там уместна.
В моем примере будет создан верхний колонтитул с названем работы и именем ее автора. Войдите в меню Вставка | Верхний колонтитул | Обычный. На странице между основным текстовым полем и краем бумаги появится полоска колонтитула так, как показано на рис. 5.2. Все, что вы там напишете, будет отображаться не только на этой, но и на всех остальных страницах.

Рис. 5.2. Создание верхнего колонтитула

Нижний колонтитул создается при помощи пункта меню Вставка | Нижний колонтитул | Обычный, в нем обычно размещают номера страниц.

Я, например, произвожу это так: делаю выравнивание по центру, набираю два минуса, а между ними ставлю два пробела, затем между этими пробелами ставлю курсор и выбираю пункт меню Вставить | Поля | Номер страницы.

В результате номер страницы располагается внизу по центру в таком виде: ” – 25 – “.

Те же, кто принял мужественное решение готовить документ для двусторонней печати, могут сделать разные колонтитулы для левых и правых страниц. Для использования этой возможности посетите еще раз пункт меню Формат | Страница и на вкладках Верхний колонтитул и Нижний колонтитул снимите флажок с пунктов Одинаковое содержимое слева/справа. После этого вы сможете разнести автора и название на левый и правый колонтитулы соответственно, а номера страниц выключить таким образом, чтобы они находились ближе к краю страницы.

//bookz.ru/authors/nikolai-koldirkaev/otkritie_322/page-6-otkritie_322.html

Page 7

philos_inf

//www.e-reading.by/book.php?book=127762

Название:	Word 2007. Популярный самоучитель
Краинский И.
Описание:	В данной книге доступно и полно описан Microsoft Word 2007 самый современный и удобный текстовый редактор.Отличительной особенностью самоучителя является то, что выполнение большинства операций описывается в виде четких пошаговых инструкций. Это особенно полезно для начинающих пользователей, так как позволяет не тратить время на поиск необходимых параметров и команд.Как начинающим, так и опытным пользователям Word будет очень полезен раздел, посвященный ответам на вопросы, часто возникающие у пользователей (FAQ).

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

Источник: //philos-inf.livejournal.com/36947.html

Как сделать презентацию на компьютере в Powerpoint

Эффект обтекания картинки текстом в PowerPoint

Многие люди не знают, как сделать презентацию. Существует два способа ее создания в Windows7:

Запустить фотографии через стандартное слайд шоу.
С помощью программы Microsoft Power Point.

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

Также не забывайте о том, что вы с легкостью можете создать презентацию онлайн!

Как сделать презентацию на компьютере со слайдами в Powerpoint

Для того чтобы сделать качественную презентацию на компьютере, нам понадобится программа Power Point. Она должна находиться в пакете Microsoft Office вместе с программой windows 10. При необходимости, ее можно скачать с интернета. Также нам понадобится текст и прочая необходимая для презентации информация (изображения и видео).

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

Важно! Если мы хотим сделать нашу презентацию крутой, следует украсить ее.

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

Чтобы сделать презентацию на ноутбуке, нам необходимы:

Текст.
Картинки.
Графики таблицы.
.
Анимации.
Музыка.

Добавляем текст

Печатается или копируется с компьютера. Вы можете сделать гиперссылку в презентации. Для этого нужно:

Выделить текст.
Нажать правую кнопку мыши.
Выбрать пункт «Гиперссылка».
Внизу задать адрес необходимой интернет страницы.

Можно приступать к его обработке. Панель инструментов для работы с текстом похожа на стандартный Microsoft word. Вы можете:

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

Внимание! Сделать обтекание текстом не получится. Но можно вставить текст в любое место на слайде.

Добавляем картинки

Теперь можно вставить изображение. Есть 2 способа:

Выбрать в разделе «Вставка» картинку или рисунок.
Можно добавить ее непосредственно на слайде. В поле «текст слайда», мы увидим шесть маленьких значков. Один из них – для вставки фото.

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

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

Внимание. Функции обтекания картинки текстом в PowerPoint пока нет. Возможно, она будет придумана в будущем. Но есть множество вариантов имитации. К примеру, вы можете сделать текст над объектом, справа и слева от него и под ним.

Добавляем графики, диаграммы и таблицы

Их также можно использовать в презентации. Таблицу можно скопировать с Microsoft Excel или нарисовать самостоятельно. В любом случае нам нужно перейти в раздел – вставить – вкладка – таблица.

Если вы выбрали Excel, таблица получится такой же, как и в Microsoft Excel.

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

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

Круговая.
Гистограмма.
График.

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

Как сделать фон в презентации в powerpoint

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

Для того чтобы сделать фон, нам нужно нажать правой кнопкой мыши на место в презентации, где нет текста. Выберите раздел «Формат фона». У вас высветится 4 варианта фона:

Сплошная заливка. Фон будет одного цвета.
Градиентная заливка. Фон будет состоять из нескольких цветов. Например, сверху синий, который будет постепенно менять яркость, переходя в красный. Вы сможете также задавать тип фона (изменение цвета сверху вниз, справа налево или с одного угла на другой). Также вы сможете задавать точки градиента. То есть установить, где именно будет синий или красный цвета.
Рисунок или текстура. На фоне будут узоры. К примеру, капли воды или рыбки на песке.
Узорная заливка. Фон будет в виде линий, точек или различных фигур. Их цвет вы сможете задать самостоятельно.

Самыми красивыми считаются варианты 2 и 3. Второй позволяет создать фон с несколькими цветами одновременно. Третий же – сделать красивые узоры на слайде.

Вы также можете использовать картинку в качестве фона для презентации. Для этого переходим в раздел 3 «Рисунок или текстура». Под функцией «Вставить из» будет кнопка «Файл». Нажмите на нее. Нам откроется проводник, где мы сможем выбрать фотографию.

Составляем план

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

Делаем титульный лист

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

Цвет фона. Рекомендуется белый, но вы можете выбрать его по своему усмотрению. Самое главное – уделить внимание тексту, а не фону. Также рекомендуется воздержаться от звуковых эффектов.
Размер текста должен быть крупным. Для заголовка подойдет 30 кегль. Для обычного текста – 22.
Необходимо, чтобы титульная страница была в форме альбомного листа, то есть горизонтальной.

Титульный лист состоит из заголовка и подзаголовка. При необходимости можно добавить картинки или другие подзаголовки.

Что именно должно быть на титульном листе?

Если вы хотите, чтобы презентация была хорошей, следует сделать следующее:

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

Для заголовка на титульном листе будет уместно применить объект «WordArt». Эти объекты позволяют сделать ваш текст красивее. Например, с цветным оттенком. Чтобы применить данную функцию, необходимо перейти во вкладку «Вставка» и выбрать большую букву «А» на панели инструментов. Теперь выбираем, какой именно объект мы хотим использовать.

Как сделать слайды для презентации

Чтобы создать новый слайд, нужно нажать правой кнопкой мыши по левому окну и выбрать пункт «Создать слайд». Другой способ – выбрать в панели инструментов нужную нам функцию. У нового слайда будет следующая структура:

Заголовок сайда.
Текст слайда.

В раздел «Текст слайда» можно написать текст, вставить таблицу, график или изображение.

Структуру слайда можно изменить. Для этого необходимо перейти в меню «Разметка слайда». Всего существует 9 вариантов структуры:

Титульная страница. Самая первая станица презентации. Ее можно создавать повторно, если на презентации рассматриваются две отдельных темы.
Заголовок и объект. Стандартный слайд с заголовком и текстом. Вместо текста могут быть график, диаграмма, изображение или таблица.
Заголовок раздела. Если нам нужно только название раздела, без какой-либо информации.
Два объекта. Подойдет, если необходимо, чтобы на слайде было два вида текста или два фото одновременно.
Сравнение. По структуре похож на предыдущий. Но здесь еще появляется место, где можно написать результаты сравнения. Находятся они над изображениями или текстами с правой и с левой стороны.
Только заголовок. Подойдет в качестве титульного слайда, если вам необходимо только название, без лишней информации.
Пустой слайд. Делается, если вам необходимо отделить одну информацию от другой. На пустые слайды можно добавлять фоновое изображение. Текст же отсутствует.
Объект с подписью. Состоит из трех частей. Слева находится заголовок текста и сам текст. Справа – необходимая нам картинка, таблица или график.
Рисунок с подписью. На слайде будет находиться фото, а под ним – место для подписи. Подобные слайды не предусматривают наличие большого текста. Если вам нужно большое описание, лучше подойдет второй пункт. Для коротких же описаний рисунок с подписью будет незаменим.

Как сделать видео презентацию (добавляем видео)

Для добавления видео нам нужно перейти в раздел «Вставка» и «Выбрать видео». Там будет выбор между вставкой видео из файла или с сайта. Выбираем необходимое. С помощью проводника находим видео на компьютере и вставляем его. Теперь нам придется немного подождать, поскольку видео загружаются достаточно долго.

Добавить видеоролик можно на каждом из слайдов.

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

В Power point можно также добавить звуковое или музыкальное сопровождение.

Чтобы сделать презентацию с музыкой, в разделе «Вставка» выбираем пункт «Звук». Затем подраздел «Звук из файла». Нам откроется проводник для выбора музыки на компьютере. Если вы хотите, чтобы звуковое сопровождение присутствовало на всех слайдах, выберите пункт «Воспроизведение», раздел «Начало», значение «Для всех слайдов».

Вы можете также установить необходимую громкость. Для этого нужно зайти во вкладку «Воспроизведение», раздел «Громкость».

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

Используем анимацию, эффекты и переходы

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

Простая презентация со слайдами на компьютере (слайд-шоу)

Не обязательно создавать презентацию в программе Power Point. Если у вас ряд изображений, которые нужно показать, их можно просто запустить как слайд-шоу. Для этого придется зайти в папку, где находятся нужные нам изображения, и нажать клавишу F11. Или же выбрать меню «Показ слайдов», в нижней части экрана. Изображения будут меняться со щелчком мыши.

Недостатки данного способа:

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

Слайд шоу работает только с картинками. Он не подойдет, если ваша презентация текстовая.

Как из презентации сделать видеоролик?

Презентацию можно превратить в видеоролик. Для этого нам понадобится:

Звуковое сопровождение (музыка, или записанное текстовое сообщение).
Анимация. Присутствует при смене слайдов.
Время. Необходимо задать, через сколько времени поменяется слайд.
Изображения. То, что вы хотите показать зрителям.

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

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

Показываем презентацию

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

Вывод

Сделать работу в среде программы Microsoft Power Point очень просто. В результате у вас получится очень красивая презентация.

Подписывайтесь на нас в соцсетях, чтобы не пропустить важную информацию из мира IT :

Источник: //misterit.ru/kak-sdelat-prezentatsiyu-na-kompyutere-v-powerpoint.html

Как сделать обтекание текстом в powerpoint 2007?

Эффект обтекания картинки текстом в PowerPoint

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

Проблема вписывания фото в текст

С определенной версии PowerPoint окно для текста превратилось в «Область содержимого». Данный участок теперь используется для вставки абсолютно всех возможных файлов. Вставить в одну область можно лишь один объект. Как следствие, текст вместе с изображением не могут сосуществовать в одном поле.

В итоге, два этих объекта стали несовместимыми. Один из них всегда должен либо находиться позади другого в перспективе, либо спереди. Вместе – никак. Потому такой же функции настройки вписывания картинки в текст, как это есть, например, в Microsoft Word, в PowerPoint нет.

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

Способ 1: Ручное обрамление текстом

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

Для начала нужно иметь вставленное в нужный слайд фото.
Теперь потребуется отправиться во вкладку «Вставка» в шапке презентации.
Здесь нас интересует кнопка «Надпись». Она позволяет начертить произвольную область только для текстовой информации.
Остается лишь нарисовать большое количество подобных полей вокруг фотографии так, чтобы вместе с текстом создавался эффект обтекания.
Текст можно вводить как в процессе, так и после окончания создания полей. Проще всего создать одно поле, копировать его и затем вставлять многократно, а затем располагать вокруг фото. В этом помогут ориентировочные штриховки, которые позволяют располагать надписи ровно по отношению друг к другу.
Если тонко настроить каждую область, то выйдет вполне себе похоже на соответствующую функцию в Microsoft Word.

Главный минус способа – это долго и нудно. Да и далеко не всегда удается ровно располагать текст.

Способ 2: Фото на заднем плане

Этот вариант несколько попроще, однако тоже может иметь определенные трудности.

Нам понадобится вставленное в слайд фото, а также область содержимого с внесенной текстовой информацией.
Теперь необходимо нажать правой кнопкой мыши на изображение, и во всплывшем меню выбрать вариант «На задний план». В открывающемся сбоку окне с вариантами выбираем аналогичный вариант.
После этого нужно переместить фотографию в область текста туда, где изображение будет находиться. Либо можно наоборот, перетащить область содержимого. Картинка в таком случае окажется позади информации.
Теперь остается отредактировать текст так, чтобы между словами были отступы в местах, где на фоне проходит фотография. Делать это можно как с помощью кнопки «Пробел», так и используя «Tab».

В итоге получится также неплохой вариант обтекания картинки.

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

Способ 3: Цельное изображение

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

Нужно вставить необходимые текст и изображение в листок Word, и уже там произвести обтекание картинки.
В Word 2016 данная функция может быть доступна сразу при выборе фото рядом в специальном окне.
Если с этим трудности, то можно использовать и традиционный путь. Для этого нужно будет выделить требуемое фото и перейти в шапке программы во вкладку «Формат».
Здесь потребуется нажать на кнопку «Обтекание текстом»
Остается выбрать варианты «По контуру» или «Сквозное». Если фото имеет стандартную прямоугольную форму, то подойдет и «Квадрат».
Полученный результат можно снять и вставить в презентацию в виде скриншота.
Будет выглядеть очень хорошо, да и делается сравнительно быстро.

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

Подробнее: Как в MS Word сделать обтекание картинки текстом

Дополнительно

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

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

Но пока разработчики в Microsoft не придумали альтернативы, выбирать не приходится.

Мы рады, что смогли помочь Вам в решении проблемы.

Источник: //word-office.ru/kak-sdelat-obtekanie-tekstom-v-powerpoint-2007.html

Обтекание картинки текстом

Эффект обтекания картинки текстом в PowerPoint

С помощью свойства float можно выровнять изображение по левому (img {float: left; margin: 0 [x] [y] 0;}) или по правому (img {float: right; margin: 0 0 [x] [y];}) краю веб-страницы или блока-контейнера.

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

Отменить обтекание следующего блока текста или заголовка можно при помощи конструкции h2, p {clear: left;} или h2, p {clear: right;}.

Также можно расположить изображение по центру страницы img {display: block; margin: 0 auto;}, или сделать обтекание картинки текстом с двух сторон, обернув каждый блок текста в отдельный абзац.

Разметка HTML

List of towns in England

Эффект обтекания картинки текстом в PowerPoint

Dartmouth is …

CSS стили

body { margin: 0; background: #FFF8E8; padding: 0 20px; font-size: 90%; counter-reset: h2; /*создаем счетчик для любого заголовка h2*/ } h1 { font-family: 'Lora', serif; color: #564C4A; font-weight: 300; } h2 { font-family: 'Lora', serif; color: #B00D22; font-weight: 300; clear: both; /* отменяем обтекание с обеих сторон */ padding: 1em 0 0.25em; border-bottom: 2px solid; counter-increment: h2; /* задаем увеличение нумерации заголовков h2 на единицу */ } h2:before { content: ” ” counter(h2) '. '; /* добавляем в начале каждого заголовка текущее значение счетчика и точку с пробелом */ } p { font-family: arial; color: #785F5B; line-height: 1.3; } /********** картинка слева **********/ .left { float: left; margin: 0 1em 1em 0; } /********** картинка справа **********/ .right { float: right; margin: 0 0 1em 1em; } /********** картинка между текста **********/ .columns { float: left; max-width: 30%; margin: 0; } .img-center { float: left; margin: 0 1.5% 0 1.5%; max-width: 37%; } /********** картинка по центру********* */ .center { display: block; margin: 0 auto 1.5%; }

Обтекание картинки с двух сторон

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

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

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

Разметка HTML

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.

Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat.

Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.

Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

CSS стили

.wrap { width: 60%; margin: 80px auto; position: relative; } img { position: absolute; top: 0; left: 50%; margin-left: -125px; } .left { float: left; width: 49%; } .right { float: right; width: 49%; } .left:before, .right:before { content: “”; width: 125px; height: 250px; } .left:before { float: right; } .right:before { float: left; }

) Ð¸Ð»Ð¸ Ð¿Ð¾ Ð¿ÑÐ°Ð²Ð¾Ð¼Ñ (img {float: right; margin: 0 0 [x] [y];}) ÐºÑÐ°Ñ Ð²ÐµÐ±-ÑÑÑÐ°Ð½Ð¸ÑÑ Ð¸Ð»Ð¸ Ð±Ð»Ð¾ÐºÐ°-ÐºÐ¾u0004″,”word_count”:1,”direction”:”ltr”,”total_pages”:1,”rendered_pages”:1}

Источник: //html5book.ru/obtekanie-kartinki-tekstom/

Обтекание изображения текстом

Эффект обтекания картинки текстом в PowerPoint

Использование картинок в html-страничке всегда более информативно и наглядно, по-сравнению со сплошным текстом.

Вставить картинку в html-текст возможно несколькими способами и в классике этих способов 3:

выравнивание изображения по центру
обтекание изображения текстом
размещение изображения в поле

Выравнивание изображения по центру

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

, для которого ставится атрибут align=»center». Если ожидается частое использование картинок, то оптимальнее будет применение CSS стиля для тега

. Как это реализовано, смотрите в примере 1.

Пример 1. Выравнивание рисунка по центру

1234567891011121314151617

Рисунок по центру P.cimg{ text-align: center; /* Выравнивание по центру */ }

В данном примере к контейнеру

добавляем CSS-класс cimg, в котором прописывается выравнивание по центру строки. То, как это будет схематично выглядеть — показано на рисунке 1.

Рис. 1. Рисунок в центре колонки текста

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

популярных приемов верстки веб-страниц, когда изображение располагается по краю окна браузера, а текст обходит его с других сторон (рис. 2).

Для того чтобы настроить обтекание изображения текстом можно использовать несколько способов, основанных как и на HTML так и на CSS.

Рис. 2. Рисунок выровнен по левому краю страницы и обтекается текстом справа

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

Для того, чтобы сделать выравнивание изображения по правому краю и задать обтекание слева, нужно использовать align=»right», для выравнивания по левому краю и обтекания текстом справа используем align=»left».

Здесь также полезно использовать атрибуты тега — vspace и hspace, которые указывают на каком расстоянии текст будет обтекать изображение по вертикали и горизонтали. Без указания этих атрибутов текст будет вплотную прилегать к изображению (пример 2).

Пример 2. Обтекание изображения текстом с использованием HTML

12345678910111213

Рисунок в тексте Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Для того чтобы настроить обтекание изображения с помощью CSS стилей будем использовать правило float. float:right — выравнивает изображение по правому краю документа и делает обтекание текстом слева, а float:left делает выравнивает изображение по левому краю документа и обтекание текстом справа от изображения (пример 3).

Пример 3. Обтекание изображения текстом с использованием CSS

1234567891011121314151617181920

Рисунок в тексте IMG.cimg{ float: right; /* Обтекание картинки по левому краю */ padding-left: 10px; /* Отступ слева */ padding-bottom: 10px; /* Отступ снизу */ } Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Здесь к тегу добавляется класс cimg, у которого установлено выравнивание по правому краю float:right, а обтекание картинки слева и снизу задано свойствами padding-left:10px и padding-bottom:10px.

Изображение на поле

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

При такой схеме изображение располагается справа или слева от текста, причем его обтекание происходит только с одной стороны. Фактически это напоминает две колонки, в одной из них находится рисунок, а в другой текст (рисунок 3).

Рис. 3. Размещение изображения в поле слева от текста

Я знаю два способа создать подобную структуру — с помощью HTML-тегов

и с помощью CSS-правила margin. Рассмотрим эти два способа:

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

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

Можно обойтись и двумя колонками, а отступ указать через CSS-стили или с помощью атрибута width тега (пример 4).

Пример 4. Размещение изображения на поле с помощью таблиц

12345678910111213141516171819202122232425

Рисунок на поле TD.leftcol{ width: 110px; /* Ширина левой колонки с рисунком */ vertical-align: top; /* Выравнивание по верхнему краю */ } Ёжики защищены от внешней агрессии колючим панцирем, который спасает их от тех, кто хочет поживиться вкусным и нежным мясом ежа. Но не стоит считать это животное и совершенно безобидным, все-таки это хищник. Да, он не питается волками и лисами, но только потому, что уступает им в размерах. А вот закусить червячком или даже змеей ему вполне под силу.

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

то, что получится в результате показано на рисунке 4.

Рис. 4. Изображение на поле слева от текста

В примере 4 ширина изображения составляет 90 пикселей, а ширина колонки, где он располагается — 110 пикселей. Разница между ними обеспечивает нам нужный отступ от текста до картинки. Чтобы атрибуты таблицы cellspacing и cellpadding не вмешивались в процесс, их значения лучше обнулить. Обратите внимание, что в ячейках задается выравнивание по высоте — vertical-align: top.

CSS-стили: Данный пример более предпочтителен и оптимален. Здесь нам потребуется два слоя , параметры которых мы укажем через CSS. В одном слое будет находиться изображение, а в другом текст. Как это работает, смотрите в примере 5:

Пример 5. Размещение изображения на поле с слоев и CSS-стилей

1234567891011121314151617181920212223

Рисунок на поле #pic{ float: left; /* Обтекание картинки текстом */ } #text{ margin-left: 110px; /* Отступ от левого края */ } Ёжики защищены от внешней агрессии колючим панцирем, который спасает их от тех, кто хочет поживиться вкусным и нежным мясом ежа. Но не стоит считать это животное и совершенно безобидным, все-таки это хищник. Да, он не питается волками и лисами, но только потому, что уступает им в размерах. А вот закусить червячком или даже змеей ему вполне под силу.

Свойство float:left для слоя #pic нужно, чтобы задать примыкание изображения к левому краю документа, а верхняя строка текста совпадала с верхней строкой изображения. Без этого свойства слой #text опускается вниз на высоту изображения.

Также для слоя #text указываем отступ слева margin-left:110px на расстояние 110 пикселей, чтобы там текст не налазил на изображение.