Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1


DESAIN WEB PROFILE

Pendahuluan

Materi ini terkait dengan kelas Membuat Web Profile Menggunakan Google Sites.

Sesi ini akan mempraktikan cara desain visual web menggunakan Power Point. File contoh akan dilampirkan. Supaya peserta bisa melakukan re-desain yang tersedia.

Silahkan klik tombol selanjutnya.

Tujuan Pembelajaran

Ada empat tujuan utaman. Setelah menuntaskan seluruh kegiatan belajar. Akan memiliki keterampilan :

  1. Layout web profile;
  2. Menggunakan fitur object Power Point;
  3. Membuat desain peta situs; dan
  4. Merancang desain visual web.

Sudah memahami kan isi tujuan diatas ?
Jika ada pertanyaan, bisa disampaikan menggunakan fitur CHAT. Silahkan klik tombol selanjutnya.

Materi Pelajaran

Layout Web Profile

Desain web profile yang akan dibuat akan memiliki empat menu utama, yaitu :

  1. About Us. Isinya mengenai data umum yang perlu ditahu secara publik. Misal:
    (a) Nama
    (b) Alamat
    (c) Email
    (d) dst
  2. Resume. Bisa diisi dengan pengalaman pendidikan, pengalaman kerja, dll
  3. Blog. Disini bisa diisi dengan berbagai konten. Bisa diisi materi pelajaran, artikel, atau koten lain yang bisa diakses pengunjung.
  4. Contact Us. Isinya data kontak yang bisa dihubungi.

Peta Situs

Setelah memiliki rancangan layout seperti di atas. Selanjutnya bisa divisualkan menggunakan peta situs.

Pera situs bisa dibuat menggunakan Power Point atau Google Slide. Contohnya seperti ini.

desain site map - sumberbelajar.okeguru.com

Desain Visual

Tampilan visual web profile bisa rancang menggunakan Power Point atau Google Slide. Contohnya seperti ini.

Adanya desain visual bisa memberikan gambaran tampilan web yang akan dibuat. Selain itu, juga menjadi referensi dalam proses pembuatan.

Download Contoh Desain

Contoh dokumentasi Peta Situs dan Desain Visual, bisa diunduh pada tombol di bawah ini.

Video Pembelajaran

Supaya memudahkan, bisa disaksikan tayangan video perancangan desain web profile menggunakan Google Sites.

Quiz

Ada berapa menu utama yang didesain pada web profile ?

Ketik jawabannya di kotak komentar yaa

Karena berbagi itu indah, bagikan artikel ini untuk saling berbagi informasi.
Salam inovasi, Salam implementasi.
~☺~

Klik tombol Kirim Pesan WA jika ada pertanyaan

Posting Komentar untuk "DESAIN WEB PROFILE"

TUTORIAL MEMBUAT WEB GRATIS

Panduan membuat web gratis dan sigkat tanpa perlu perlangganan hosting.
Salam Inovasi Salam Implementasi

Ditulis oleh : Wisnurat