כיצד ליצור דיאגרמת אינטרנט

אשת עסקים צעירה כתיבת רכיב של אתר אינטרנט

דיאגרמות אינטרנט נותנות מבט ממעוף הציפור של כל מערכת מורכבת.

קרדיט תמונה: 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. גירסאות Office Online של Word ו-Excel אינן מציעות את האפשרות ליצור צורות.