Как создать веб-диаграмму

молодой деловой женщины написание компонента веб-сайта

Веб-диаграммы дают представление о любой сложной системе с высоты птичьего полета.

Кредит изображения: ferlistockphoto / iStock / Getty Images

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

Шаг 1

Откройте пустой документ в Microsoft Word. Щелкните вкладку «Вставка» и выберите «Фигуры» в группе «Иллюстрации». Вы также можете рисовать веб-диаграммы в Excel или PowerPoint.

Видео дня

Шаг 2

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

Шаг 3

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

Шаг 4

Измените цвет и границу фигуры, щелкнув параметры в разделе «Стиль фигур» на панели инструментов. Щелкните фигуру правой кнопкой мыши, чтобы скопировать ее, а затем щелкните правой кнопкой мыши в любом месте страницы, чтобы вставить дубликат.

Шаг 5

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

ШАГ 6

Измените размер фигуры, щелкнув ее и перетащив любую из узловых точек на ее краю. Удерживайте нажатой клавишу «Shift» при перетаскивании, если вы хотите, чтобы форма сохраняла свое соотношение сторон.

Шаг 7

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

Шаг 8

Щелкните меню «Вставить», выберите «Фигуры», а затем выберите линию в разделе «Линии». Щелкните первый созданный объект и перетащите курсор на любой другой объект, чтобы создать соединительную линию между ними. Если вы выберете соединительную линию - линии с прямым углом - вы можете изменить форму линии, перетащив среднюю точку привязки. Измените цвет линии, щелкнув меню «Контур фигуры» в разделе «Стили фигур» на панели инструментов.

Шаг 9

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

Подсказка

Если вы создаете схему готового веб-сайта, используйте эскизы каждой страницы на схеме, а не общие формы. Откройте страницу в браузере, а затем уменьшите масштаб до 25 процентов. Нажмите «Alt-PrtScn», чтобы скопировать изображение окна браузера в буфер обмена и вставить его в любой редактор фотографий, чтобы обрезать его. Вместо того, чтобы вставлять фигуры, выберите «Изображение» в меню вставки и вставьте эти изображения. Чтобы добавить метки к каждому изображению, вставьте текстовое поле над миниатюрой.

Вы также можете создавать простые веб-диаграммы с помощью PowerPoint Online. Версии Word и Excel для Office Online не позволяют создавать фигуры.