Kode lengkap tutorial singkat ini
Jika kamu mengalami masalah mengikuti panduan di atas, kamu bisa menggunakan kode ini sebagai referensi:
Apa yang akan kita lakukan di panduan tutorial ini?
Kamu akan terjun langsung merasakan bagaimana membuat website dari dasar dengan HTML dan CSS. Tentu kita tidak akan menjadi ahli hanya dengan satu artikel.
Tapi tujuannya, agar kamu bisa merasakan langsung dan menghilangkan tanda tanya selama ini seputar pembuatan situs.
Ini adalah awal dari kamu nanti bisa membuat berbagai situs lain seperti, profil perusahaan, blog, toko online, aplikasi, sosial media dan masih banyak lagi!
Sudah siap? mari kita mulai!
Jangan ragu untuk bertanya
Jika Anda masih merasa bingung atau memiliki pertanyaan tentang software yang Anda pertimbangkan, jangan ragu untuk mencari bantuan. Anda bisa bertanya kepada komunitas pengguna di forum, grup media sosial, atau langsung menghubungi tim dukungan dari masing-masing software.
Berapa lama waktu yang dibutuhkan untuk membuat website ?
Sangat bervariasi. Jumlah waktu belajar orang berbeda-beda, karena itu tidak ada patokan waktu yang pasti.
Jangan terburu-buru, selama kamu tekun dan sabar, kamu akan bisa membuat website kamu sendiri. Jika mudah, maka skill ini tidak akan lagi spesial. Hanya orang-orang yang sabar belajar akan lolos dan bisa menguasai skill ini.
Mengubah warna tulisan website
Untuk mengubah warna tulisan website, kita bisa menggunakan kode berikut:
Nah letakkan kode di atas menggantikan ... di antara tag .
Lalu save text-editor kamu dan refresh browsernya. Kamu akan melihat tulisan h1 kamu menjadi merah , sesuai dengan color red yang kamu berikan.
Hubungkan Domain ke Google Sites
Setelah memiliki domain custom, kamu dapat menghubungkannya dengan Google Sites.
Kamu dapat menghubungkan custom domain melalui menu pengaturan.
Masukkan domain yang ingin kamu gunakan dengan Google Sites. Kemudian lanjutkan ke proses verifikasi kepemilkan domain.
Untuk verifikasi kepemilikan domain, kamu harus memilih nama registrar domain. Jika kamu tidak dapat menemukan nama penyedia hosting (seperti Dewaweb) pilih opsi Other di menu drop-down yang tersedia.
Berikut adalah langkah-langkah verifikasi kepemilikan domain.
Salin kode yang muncul di bagian verifikasi kepemilikan
Kunjungi portal web hosting/penyedia domain, lalu cari menu pengelolaan domain.
Buat TXT record baru di bawah domain yang kamu daftarkan melalui portal web hosting yang kamu gunakan.
Setelah TXT record berhasil dibuat, tekan tombol Verify yang ada di halaman Google Webmaster.
Setelah itu, kamu akan melihat dua baris kode untuk CNAME record seperti di bawah ini.
Kemudian kembali ke portal web hosting dan tambahkan CNAME record baru.
Masukkan kode dengan label CNAME Label/Host ke kolom Hostname.
Tunggu beberapa saat hingga domain berhasil tersambung, dan klik Verify untuk memverifikasi kepemilikan domain.
Nah, sekarang website Google Sites kamu sudah menggunakan domain kamu sendiri.
Manfaatkan Trial Gratis
Banyak software untuk membuat website menawarkan periode trial gratis yang memungkinkan Anda untuk menjelajahi fitur dan fungsionalitasnya tanpa biaya. Dengan memanfaatkan kesempatan ini, Anda bisa mengevaluasi seberapa baik software tersebut sebelum berlangganan.
Bagaimana latihan membuat website selanjutnya ?
Kamu bisa mulai membuat website yang kamu inginkan sendiri. Bisa mencari contoh desain dari situs yang kamu suka, atau melihat inspirasi di Dribble, Pinterest, atau Behance.
Jika kamu ingin sekedar latihan (tidak mendesign sendiri), gunakan situs ini:
Website kamu sudah jadi! Eh belum ya?
Kabar baiknya file tersebut adalah file website kamu! Meskipun tidak sempurna, itulah yang dibutuhkan untuk membuat website sendiri dari dasar.
Sekarang tugas kamu adalah mempelajari “tag-tag” lain dari HTML untuk membuat website yang lebih kompleks, seperti menampilkan gambar, video dan lainnya.
Tag-tag tersebut bisa dilihat di Referensi HTML atau juga video tutorial di sekolahkoding.com.
Kita tidak akan melihat semua tagnya, tapi akan saya beri beberapa contoh
Melihat hasil kode tersebut
Klik dua kali file index.html yang kamu buat tadi, maka akan otomatis membuka browser dan menampilkan hasilnya. Kamu akan melihat tulisan “Halo, Selamat Datang!” di sana.
Untuk mengubah konten yang ditampilkan, kamu bisa mengubah konten di antara tag