Wajib Tahu! Cara Membuat Website Dreamweaver untuk Pemula

Kamu ingin membuat website sendiri? Mari ketahui bagaimana cara membuat website dengan menggunakan Adobe Dreamweaver!

Kenanga Admin

Posted: Wednesday, Dec 14, 2022

Wajib Tahu! Cara Membuat Website Dreamweaver untuk Pemula cover

Menggunakan Adobe Dreamweaver adalah solusi yang tepat jika kamu ingin membuat sebuah website.

Tetapi, apakah kamu sudah mengerti bagaimana langkah-langkahnya untuk membuat website dengan menggunakan Dreamweaver?

Kali ini, MyEduSolve akan menjelaskan kepada kamu cara mudah untuk membuat website pakai Dreamweaver untuk pemula.

Langsung saja simak penjelasannya berikut ini.

Cara Membuat Website dengan Dreamweaver

Untuk bisa memulai membuat website, pastikan kamu sudah punya software Dreamweaver sesuai dengan spesifikasi PC atau laptop kamu.

Berikut adalah langkah-langkahnya:

Membuat Site Baru

Image Credit: Hostinger

Langkah pertama yang bisa kamu lakukan adalah dengan membuka software Dreamweaver, kemudian pilih Site → New Site pada dashboard.

Saat jendela baru muncul, kamu bisa menamai website dan menyimpannya dalam satu folder agar mempermudah kamu untuk mengelola berbagai file.

Kemudian, jika kamu ingin menyimpan file foto ke site, pilih Advanced Settings → Local Info untuk melakukannya.

Baca juga: Harus Tahu! Berikut Fungsi Adobe Dreamweaver untuk Pemula

Membuat File Homepage

Image Credit: Hostinger

Jika sudah, kamu bisa membuat file homepage dengan membuka File → New lalu klik New Document dan pilih HTML sebagai tipe dokumen.

Kamu akan melihat lembaran kerja berwarna putih yang nantinya akan menjadi tempat membuat website.

Mulai Membuat Header

Image Credit: Hostinger

Pada langkah ini, kamu dapat membuat header di website yang biasanya berisikan logo dan nama site.

Klik di lembar kerja putih Dreamweaver dengan elemen <body> pada editor dan klik Insert pada kanan atas panel, kemudian kamu bisa pilih elemen Header.

Untuk mengubah header agar lebih SEO friendly, kamu bisa ganti header dengan heading tag <H1>...</H1>.

Menambah Navigasi Home

Image Credit: Hostinger

Setelah selesai membuat header, langkah berikutnya adalah dengan membuat navigasi home.

Masuk ke panel Insert dan cari elemen Navigation, nantinya jendela baru akan muncul lalu tulis navigation di bagian ID.

Setelah selesai melakukan ini, kamu sekarang bisa menambah isi deskripsi dan konten website.

Mulai Membuat File CSS

Image Credit: Hostinger

Klik Header yang ditandai dengan warna biru, bersamaan dengan label dan tanda plus.

Jika sudah, klik tanda plus dan ketikkan #header yang nantinya akan memberikan ID pada elemen tersebut.

Kemudian, di menu selanjutnya pilih source Create a New CSS File dan pada jendela baru yang muncul, ketikkan style.css dan klik Save.

Mengubah Font Judul

Image Credit: Hostinger

Langkah terakhir, pastikan selector berada di #header H1.

Kemudian, klik Properties → Show Set untuk mengaktifkan opsi Layout, Text, Border, Background, and More.

Jika sudah, kamu pilih opsi Text dan arahkan ke font-family lalu klik Default Font.

Pada langkah ini kamu bisa mengatur letak posisi judul ke tengah juga agar website jadi lebih bagus.

Baca juga: Punya Skill Desain Grafis? Ketahui Apa itu Adobe Certified Professional

Demikian penjelasannya, MESFriend! Kamu ingin makin jago dalam menggunakan Adobe Dreamweaver? Segera ikut dan daftar sertifikasi Adobe dari MyEduSolve!

Mulai dari harga 1 Jutaan, kamu bisa mendapatkan sertifikasi Adobe Certified Professional yang telah diakui secara internasional, lho!

Jadi tunggu apa lagi? Mari tingkatkan skill Adobe Dreamweaver kamu, yuk!