Cara Bikin Portofolio Online Cepat Pakai Google Sites (Anak SMK Wajib Tahu!)

Apa itu Google Sites?

Google Sites adalah sebuah platform pembuatan website yang menjadi bagian dari platform kolaborasi Google Workspace. Google Sites menyediakan sebuah website builder yang dapat kamu gunakan untuk menyusun sebuah situs sederhana, dalam hal ini kita akan manfaatkan Google Sites menjadi Portofolio Digitalmu!

Coba buka link Google Sites berikut:
https://sites.google.com/view/portofolioalikanurfadila/halaman-muka

apa reaksi pertamamu pertamakali lihat portofolio tersebut? keren ga sih?
jika ada reaksi ketertarikan darimu, yap kamu juga bakal bisa lebih keren untuk membuat portofolio digitalmu lebih keren lagi!

Yuk, coba disimak dan ikuti langkah-langkah berikut secara perlahan ya!

1. Persiapan Buat Google Sites alias Ngonsep

yang perlu kamu persiapkan adalah konsep terlebih dahulu bagaimana kamu akan membuat portofolio yang menarik untuk para pembacanya. Begini cara ngonsepnya..

Tulis dibuku catatanmu terlebih dahulu:

• Nama Google Site yang pas untuk mu, pada link diatas Googlesitenya diberi judul "Portofolio Alika Nurfadila", gak salah juga ko kalau kamu mau adopsi hal yang sama dengan contoh Googlesite diatas beri aja judul "Portofolio (Nama Kamu)", kenapa sama? kan memang kita akan membuat Portofolio, atau ada judul lain yang lebih menarik? misal "Galery (Nama Kamu)"; "My Digital Curriculum Vitae"; "Arsip Projek (Nama Kamu)"; "(Nama Kamu) | Blog dan Karya"; "Catatan (Nama Kamu)" dst. banyak banget kan opsinya?

• Siapkan branding kamu secara profesional seperti halnya Alika membuat catatan kecil dalam bahasa inggris tentang rasa terimakasihnya kepada  setiap orang yang telah berkunjung ke halaman Googlesitenya, dilanjutkan dengan menjelaskan profil singkat kamu, ini ditujukan agar kamu dan para pembaca memiliki bounding satu sama lain. Coba Tulis ya dibuku catatanmu, lebih keren dari yang Alika punya! 

• Siapkan dulu aja foto terbaik kamu, sebelum nanti kamu upload ke Googlesitenya, ditandai dulu aja, jangan dulu di upload, ingatttt.. kita sedang ngonsep dulu yaa.. ^^

• Sekarang coba pikirkan "Menu" apa saja yang ingin kamu buat di google site kamu, sementara itu Alika punya "Menu"; Halaman Muka; Aktivitas di Sekolah; Ekstrakurikuler; PKL; Contact Me; Tugas; Praktikum Informatika; dan Menu Search, FYI Googlesite ini kan untuk ditujukan sebagai branding portofolio kamu, sehingga semua hal keren yang kamu sudah lakukan dan akan kamu lakukan selama sekolah bisa dilihat oleh dunia jadi pilihan Menu nya harus bisa memperlihatkan value kamu banget ya!. Coba Tulis ya dibuku catatanmu rencana menu yang mungkin kamu akan buat, beserta fungsinya! lihat-lihat lagi punya nya Alika ga masalah sih ... 

Nahhhh itu baru bagian persiapan..

kita lanjut yaa ke bagian pembuatan Google Sitenya!

=====================================================

Cara Membuat Website di Google Sites

Google Sites adalah sebuah website builder dengan tampilan yang sangat sederhana dan intuitif. Jadi, kamu pasti dapat menggunakannya dengan mudah. Berikut ini adalah cara untuk membuat website di Google Sites dengan mudah:

1. Akses Google Sites

Langkah pertama yang perlu kamu lakukan tentu saja mengakses halaman Google Sites. Kamu akan diharuskan untuk menggunakan akun Google untuk menggunakan tool ini dan menyimpan website yang kamu buat. Akun yang digunakan adalah akun Google yang kemarin-kemarin sudah kamu buat khusus untuk belajar itu yaa..

2. Buat Website Baru

Setelah berhasil login ke halaman Dashboard, kamu akan disambut dengan beberapa pilihan template di bagian atas halaman. Kamu dapat memilih salah satu dari template tersebut untuk mempercepat proses pembuatan website.

Selain menggunakan template, kamu juga dapat membuat website dari nol dengan memilih opsi ‘Start a new site‘ yang ada di bagian kiri atas halaman (dengan tanpa + besar).

3. Tentukan Judul Website dan Halaman

Setelah membuat website baru, kamu perlu mengisi judul website dan halaman utama agar lebih mudah untuk diingat. Kamu dapat mengubah judul website di bagian kiri atas halaman. Sedangkan judul halaman utama dapat diubah dengan meng-klik pada tulisan ‘Your page title‘. Nah bagian ini kamu isi dengan konsep yang sudah kamu tulis dibuku catatan mu ya! tentukan apa judul yang tepat untuk Googlesite mu!

diisi sesuai konsep yaa..

4. Atur Desain Website

Setelah mengatur judul website dan halaman utama, kamu dapat mulai bermain-main dengan desain atau tampilan website kamu. Untuk melakukan hal tersebut, kamu perlu mengenali berbagai fitur yang ditawarkan oleh editor Google Sites.

Mengenali Editor Google Sites

Dalam interface Google Sites, kamu dapat menemukan tiga set menu editor yang berada di bagian tengah, atas, dan samping.

ini mah di ulik aja ya satu-satu fungsinya biar kerasa untuk apa fitur-fitrunya

Mari kita bahas setiap menu yang berada pada masing-masing bagian di atas.

Editor Tengah

Fitur Menu Title Bar

Editor bagian tengah ini berfungsi untuk mengelola semua elemen yang akan tampil di website secara langsung.

Setelah kamu menambahkan berbagai elemen, kamu dapat mengubah posisi dan melakukan perubahan seperti mengubah font, mengganti warna latar, mengatur paragraf, dan sebagainya melalui editor ini.

Editor Atas

Di bagian atas layar, terdapat beberapa tombol yang berfungsi untuk melakukan tindakan yang tidak berkaitan langsung dengan desain website.

Fitur Editor Atas

Berikut adalah fungsi dari tombol-tombol tersebut (dari kiri ke kanan):

• Undo: Membatalkan perubahan yang telah dilakukan satu langkah ke belakang.
• Redo: Mengembalikan perubahan yang telah dilakukan satu langkah ke depan.
• Preview: Membuka pratinjau website yang sedang dibuat.
• Copy Link: Menyalin tautan ke website (jika sudah di-publish)
• Share with Others: Menunjukkan website dengan orang lain atau berbagi akses kepemilikan website untuk berkolaborasi.
• Settings: Membuka beberapa pengaturan website, termasuk menghubungkannya ke Google Analytics.
• More: Menampilkan fungsi tambahan seperti melihat riwayat perubahan atau menduplikasi website.
• Publish: Tombol untuk mempublikasikan website sehingga dapat diakses oleh siapa saja.

Editor Samping

Di bagian samping kanan halaman, kamu dapat menemukan menu bagian yang berisi berbagai macam fungsi. Ketiga menu tersebut adalah:

• Insert
• Pages
• Themes

Mari kita bahas satu per satu, mulai dari fungsi yang berada di bawah menu Insert:

Isi Menu Insert

Pada kelompok paling atas, kamu dapat melihat empat tombol berwarna. Berikut ini adalah fungsi keempat tombol tersebut:

• Text box: Membuat sebuah area yang dapat diisi dengan teks.
• Images: Menyematkan gambar ke website dengan cara mengunggah dari komputer atau memilih dari stok yang tersedia.
• Embed: Mencantumkan elemen web dari halaman lain dengan menggunakan URL atau HTML embed code.
• Drive: Mencantumkan file dari Google Drive ke website yang sedang dibuat.

Menu Layout

Di bawah sub-menu berjudul ‘Layout,’ kamu dapat melihat beberapa pilihan tata letak elemen di dalam website yang sedang kamu buat. Kamu dapat memilih layout tersebut untuk menyusun kelompok elemen.

Kamu dapat menyusun beberapa layout sekaligus dalam satu halaman untuk meningkatkan estetika website, seperti contoh di bawah ini:

Bagian paling bawah dari menu Insert adalah daftar berisi berbagai elemen tambahan dengan berbagai macam fungsi.

Menu Editor Insert

Kamu dapat menggunakan elemen-elemen ini untuk meningkatkan fungsionalitas website dengan divider, kalender, YouTube, dan lain-lain.

Menu Pages

Di sebelah kanan tab Insert, kamu dapat melihat tab dengan judul Pages. Tab Pages ini berfungsi untuk:

• Membuat halaman baru
• Mengelola halaman yang ada di website
• Memunculkan/menyembunyikan halaman dari Navigation bar

Editor Menu Pages

Tab terakhir di menu bagian kanan adalah Themes. Seperti namanya, tab ini berisi berbagai pilihan tema yang dapat kamu gunakan dari Google Sites. Tapi, kamu juga dapat membuat tema sendiri dengan logo, gambar, font, dan skema warna yang dapat kamu atur sesuka hati.