ไดอะแกรมเว็บให้มุมมองมุมสูงของระบบที่ซับซ้อนใดๆ
เครดิตรูปภาพ: ferlistockphoto / iStock / Getty Images
ไดอะแกรมเว็บเป็นเครื่องมือที่มีประโยชน์เมื่อคุณต้องถอยกลับไปมองภาพรวม ไม่ว่าคุณจะวางแผนเว็บไซต์ เว็บแอป หรือระบบที่ซับซ้อนอื่นๆ หรือชุดแนวคิด ไดอะแกรมเว็บจะแสดงความสัมพันธ์ระหว่างออบเจ็กต์และสามารถแสดงข้อบกพร่องในแผนของคุณได้ แทนที่จะลงทุนในแอปราคาแพง คุณสามารถสร้างไดอะแกรมเว็บแบบมืออาชีพโดยใช้ Microsoft Office 2013 เนื่องจากไดอะแกรมของเว็บเป็นตัวช่วยในการมองเห็นเป็นหลัก ให้จำกัดป้ายกำกับไดอะแกรมไว้ที่คำสองหรือสามคำ และใช้รูปร่างและสีเพื่อระบุส่วนประกอบของไดอะแกรม
ขั้นตอนที่ 1
เปิดเอกสารเปล่าใน Microsoft Word คลิกแท็บ "แทรก" และเลือก "รูปร่าง" จากกลุ่มภาพประกอบ คุณยังสามารถวาดไดอะแกรมเว็บใน Excel หรือ PowerPoint
วีดีโอประจำวันนี้
ขั้นตอนที่ 2
เลือกรูปร่างสำหรับวัตถุแรก คุณอาจต้องการใช้รูปร่างเดียวกันสำหรับทุกวัตถุ หรือใช้รูปร่างที่แตกต่างกันสำหรับวัตถุประเภทต่างๆ หากไดอะแกรมของคุณเป็นของเว็บไซต์ ตัวอย่างเช่น คุณสามารถใช้สี่เหลี่ยมสำหรับหน้าเว็บ สี่เหลี่ยมมนสำหรับ หน้าการขายและแวดวงสำหรับแหล่งที่มาของการเข้าชมประเภทต่างๆ เช่น ลิงก์อีเมล โซเชียลมีเดีย หรืออื่นๆ เว็บไซต์
ขั้นตอนที่ 3
ลากเคอร์เซอร์บนหน้าที่คุณต้องการให้วัตถุแรกปรากฏ กดปุ่ม "Shift" ค้างไว้ขณะลากเคอร์เซอร์เพื่อสร้างสี่เหลี่ยมหรือวงกลมที่สมบูรณ์แบบ สำหรับไดอะแกรมเว็บไซต์ นี่ควรเป็นโฮมเพจของเว็บไซต์ วางไว้ใกล้ส่วนบนของหน้า หากคุณกำลังวาดไดอะแกรมเพื่อแสดงกระบวนการอื่น คุณอาจต้องการวางวัตถุหลักไว้ตรงกลางของหน้า เพื่อให้คุณสามารถวาดวัตถุที่เชื่อมต่อรอบๆ
ขั้นตอนที่ 4
แก้ไขสีและเส้นขอบของรูปร่างโดยคลิกตัวเลือกในส่วนลักษณะรูปร่างของแถบเครื่องมือ คลิกขวาที่รูปร่างเพื่อคัดลอก จากนั้นคลิกขวาที่ใดก็ได้บนหน้าเพื่อวางที่ซ้ำกัน
ขั้นตอนที่ 5
เพิ่มรูปร่างเพิ่มเติมตามต้องการ ลากรูปร่างเพื่อย้ายบนหน้า ไดอะแกรมเว็บไซต์มักจะดูเหมือนปิรามิดที่มีโฮมเพจอยู่ด้านบน วางหน้าหมวดหมู่หลักไว้ใต้หน้าแรกและหน้าเนื้อหาใต้แต่ละหมวดหมู่ วางแหล่งที่มาของการเข้าชมไว้เหนือโฮมเพจหรือทางขวาหรือซ้ายของโฮมเพจ
ขั้นตอนที่ 6
ปรับขนาดรูปร่างโดยคลิกที่รูปร่างแล้วลากจุดยึดที่ขอบ กดปุ่ม "Shift" ค้างไว้ขณะลาก หากคุณต้องการให้รูปร่างคงอัตราส่วนไว้
ขั้นตอนที่ 7
คลิกขวาที่แต่ละรูปร่าง เลือก "เพิ่มข้อความ" แล้วพิมพ์ชื่อสำหรับวัตถุ หากต้องการเปลี่ยนลักษณะข้อความ ให้ไฮไลต์ข้อความ คลิกขวาและใช้ตัวเลือกการจัดรูปแบบที่ปรากฏในเมนูป๊อปอัป หรือใช้สไตล์ที่ปรากฏในส่วนสไตล์ของแถบเครื่องมือ
ขั้นตอนที่ 8
คลิกเมนู "แทรก" เลือก "รูปร่าง" จากนั้นเลือกเส้นจากส่วนเส้น คลิกวัตถุแรกที่คุณสร้างแล้วลากเคอร์เซอร์ไปที่วัตถุอื่นเพื่อสร้างเส้นเชื่อมต่อระหว่างวัตถุเหล่านั้น หากคุณเลือกเส้นต่อ ซึ่งเป็นเส้นที่มีมุมฉาก คุณสามารถปรับรูปร่างของเส้นได้โดยการลากจุดยึดตรงกลาง เปลี่ยนสีของเส้นโดยคลิกเมนู "Shape Outline" ในส่วน Shape Styles ของแถบเครื่องมือ
ขั้นตอนที่ 9
ลากเส้นเพิ่มเติมระหว่างรูปร่างบนหน้าตามต้องการ รูปร่างหรือเส้นใดๆ ที่คุณใช้ล่าสุดจะปรากฏที่ด้านขวาของแถบเครื่องมือ คุณจึงเลือกได้จากที่นั่น แทนที่จะคลิกเมนู "แทรก" ทุกครั้งที่คุณต้องการเพิ่มบรรทัดใหม่
เคล็ดลับ
หากคุณกำลังสร้างไดอะแกรมของเว็บไซต์ที่เสร็จสิ้นแล้ว ให้ใช้รูปขนาดย่อของแต่ละหน้าในไดอะแกรมแทนรูปร่างทั่วไป เปิดหน้าในเบราว์เซอร์ของคุณแล้วย่อให้เหลือ 25 เปอร์เซ็นต์ กด "Alt-PrtScn" เพื่อคัดลอกรูปภาพของหน้าต่างเบราว์เซอร์ไปยังคลิปบอร์ด และวางลงในโปรแกรมแก้ไขรูปภาพเพื่อครอบตัด แทนที่จะแทรกรูปร่าง ให้เลือก "รูปภาพ" จากเมนูแทรกแล้วแทรกรูปภาพเหล่านี้ เมื่อต้องการเพิ่มป้ายกำกับให้กับรูปภาพแต่ละรูป ให้ใส่กล่องข้อความเหนือรูปขนาดย่อ
คุณยังสามารถสร้างไดอะแกรมเว็บพื้นฐานโดยใช้ PowerPoint Online Word และ Excel เวอร์ชัน Office Online ไม่มีตัวเลือกในการสร้างรูปร่าง
