Як створити веб-діаграму

молода ділова жінка написання компонента веб-сайту

Веб-схеми дають змогу побачити будь-яку складну систему з висоти пташиного польоту.

Авторство зображення: 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 немає можливості створювати фігури.