Cara Membuat Diagram Web

wanita bisnis muda menulis komponen situs web

Diagram web memberikan pandangan luas tentang sistem kompleks apa pun.

Kredit Gambar: ferlistockphoto/iStock/Getty Images

Diagram web adalah alat yang berguna ketika Anda perlu mundur dan melihat gambaran luasnya. Baik Anda merencanakan situs web, aplikasi Web, atau sistem kompleks lainnya atau kumpulan ide, diagram Web mengilustrasikan hubungan antar objek dan dapat menunjukkan kekurangan dalam rencana Anda. Daripada berinvestasi dalam aplikasi yang mahal, Anda dapat membuat diagram Web profesional menggunakan Microsoft Office 2013. Karena diagram Web terutama merupakan bantuan visual, batasi label diagram menjadi dua atau tiga kata dan gunakan bentuk dan warna untuk mengidentifikasi komponen diagram.

Langkah 1

Buka dokumen kosong di Microsoft Word. Klik tab "Sisipkan" dan pilih "Bentuk" dari grup Ilustrasi. Anda juga dapat menggambar diagram Web di Excel atau PowerPoint.

Video Hari Ini

Langkah 2

Pilih bentuk untuk objek pertama. Anda mungkin ingin menggunakan bentuk yang sama untuk setiap objek atau menggunakan bentuk yang berbeda untuk jenis objek yang berbeda. Jika diagram Anda adalah diagram situs web, misalnya, Anda dapat menggunakan persegi panjang untuk halaman Web, persegi panjang bulat untuk halaman dan lingkaran penjualan untuk berbagai jenis sumber lalu lintas, seperti tautan email, media sosial, atau lainnya situs web.

Langkah 3

Seret kursor pada halaman tempat Anda ingin objek pertama muncul. Tahan tombol "Shift" sambil menyeret kursor untuk membuat persegi atau lingkaran yang sempurna. Untuk diagram situs web, ini harus menjadi halaman beranda situs web, ditempatkan di dekat bagian atas halaman. Jika Anda menggambar diagram untuk menunjukkan beberapa proses lain, Anda mungkin lebih suka meletakkan objek utama di tengah halaman sehingga Anda bisa menggambar objek penghubung di sekitarnya.

Langkah 4

Ubah warna dan batas bentuk dengan mengklik opsi di bagian Gaya Bentuk pada bilah alat. Klik kanan bentuk untuk menyalinnya, lalu klik kanan di tempat lain pada halaman untuk menempelkan duplikat.

Langkah 5

Tambahkan bentuk tambahan sesuai kebutuhan. Seret bentuk untuk memindahkannya di halaman. Diagram situs web biasanya terlihat seperti piramida dengan halaman beranda di atas. Tempatkan halaman kategori utama di bawah halaman beranda dan halaman konten di bawah setiap kategori. Tempatkan sumber lalu lintas masuk di atas halaman beranda atau di kanan atau kirinya.

Langkah 6

Ubah ukuran bentuk dengan mengkliknya dan menyeret salah satu titik jangkar di tepinya. Tahan tombol "Shift" sambil menyeret jika Anda ingin bentuk mempertahankan rasio aspeknya.

Langkah 7

Klik kanan setiap bentuk, pilih "Tambahkan Teks" dan kemudian ketik nama untuk objek. Untuk mengubah gaya teks, sorot teks, klik kanan dan gunakan opsi pemformatan yang muncul di menu pop-up. Atau, gunakan gaya yang muncul di bagian Gaya pada bilah alat.

Langkah 8

Klik menu "Sisipkan", pilih "Bentuk" lalu pilih garis dari bagian Garis. Klik objek pertama yang Anda buat dan seret kursor ke objek lain untuk membuat garis penghubung di antara objek tersebut. Jika Anda memilih garis konektor -- yang memiliki sudut siku-siku -- Anda dapat menyesuaikan bentuk garis dengan menyeret titik jangkar tengah. Ubah warna garis dengan mengklik menu "Shape Outline" di bagian Shape Styles pada toolbar.

Langkah 9

Gambar garis tambahan di antara bentuk pada halaman sesuai kebutuhan. Setiap bentuk atau garis yang baru-baru ini Anda gunakan muncul di sisi kanan bilah alat, sehingga Anda dapat memilih dari sana daripada mengklik menu "Sisipkan" setiap kali Anda ingin menambahkan baris baru.

Tip

Jika Anda membuat diagram situs web yang sudah jadi, gunakan thumbnail setiap halaman dalam diagram daripada bentuk umum. Buka halaman di browser Anda dan kemudian perkecil hingga 25 persen. Tekan "Alt-PrtScn" untuk menyalin gambar jendela browser ke clipboard dan menempelkannya ke editor foto apa pun untuk memotongnya. Alih-alih menyisipkan bentuk, pilih "Gambar" dari menu sisipkan dan sisipkan gambar-gambar ini. Untuk menambahkan label ke setiap gambar, sisipkan kotak teks di atas gambar mini.

Anda juga dapat membuat diagram Web dasar menggunakan PowerPoint Online. Word dan Excel versi Office Online tidak menawarkan opsi untuk membuat bentuk.