Kamu ingin membuat website sendiri? Mari ketahui bagaimana cara membuat website dengan menggunakan Adobe Dreamweaver!
Posted: Wednesday, Dec 14, 2022
Share:
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!
Posted: Wednesday, Dec 14, 2022
Updated: Saturday, Sep 07, 2024
3,799
Literasi Digital
Pengertian Project Management dan Tahapan Pengerjaannya
Posted: 3 years ago
8 Min Read
Pengembangan Skill
Cara Menguasai Rumus Excel Vlookup dengan Cepat dan Ringkas
Posted: a year ago
12 Min Read
What topics are you interested in learning more about? We want to hear from you! Share with us your feedback and article suggestions for our blog.