Sederhana.co.id Semua Serba Sederhana
Hello Sobat Sederhana! Ketika kita ingin membuat website, tentu kita membutuhkan beberapa hal seperti pengetahuan tentang HTML, CSS, dan JavaScript. Namun, tidak perlu khawatir jika kita belum menguasai semua hal tersebut. Dalam artikel ini, kita akan membahas cara membuat web sederhana dengan Adobe Dreamweaver CC 2018 yang dapat membantu kita membuat website dengan mudah dan cepat.
Pengenalan Adobe Dreamweaver CC 2018
Sebelum kita mulai membuat website, kita perlu mengenal terlebih dahulu tentang Adobe Dreamweaver CC 2018. Adobe Dreamweaver CC 2018 adalah software pengembangan web yang sangat populer dan digunakan oleh banyak developer di seluruh dunia. Software ini memudahkan kita untuk membuat website dengan fitur drag-and-drop dan auto-complete yang mempermudah proses pembuatan website.
Dalam pembuatan website menggunakan Adobe Dreamweaver CC 2018, kita dapat menggunakan berbagai bahasa pemograman seperti HTML, CSS, dan JavaScript. Selain itu, terdapat juga fitur live view yang memungkinkan kita melihat hasil pembuatan website secara real-time.
Langkah-Langkah Membuat Web Sederhana dengan Adobe Dreamweaver CC 2018
1. Membuat New Document
Langkah pertama yang perlu dilakukan adalah membuat dokumen baru. Pilih File > New untuk membuat dokumen baru. Setelah itu, pilih HTML pada opsi Blank Page.
Layanan |
Harga |
|---|---|
Hosting 1 Bulan |
Rp 50.000 |
Hosting 1 Tahun |
Rp 500.000 |
Setelah itu, pilihlah jenis layout yang ingin digunakan. Ada beberapa jenis layout yang dapat dipilih seperti Fixed Width Layout atau Fluid Grid Layout.
2. Menambahkan Konten pada Website
Setelah membuat dokumen baru, sekarang saatnya untuk menambahkan konten pada website. Kita dapat menambahkan konten dengan menggunakan fitur drag-and-drop pada Adobe Dreamweaver CC 2018. Pilihlah elemen yang ingin ditambahkan seperti teks, gambar, atau video dan seret ke dokumen.
Kita juga dapat menambahkan konten menggunakan bahasa pemograman seperti HTML, CSS atau JavaScript. Misalnya, kita bisa menambahkan judul website menggunakan kode berikut:
<h1>Ini adalah judul website</h1>
3. Menambahkan Style pada Website
Setelah menambahkan konten pada website, saatnya untuk menambahkan style pada website. Hal ini dapat dilakukan dengan menggunakan CSS.
h1 {color: blue;font-size: 24px;}
Dalam contoh di atas, kita menambahkan style pada tag h1 dengan memberikan warna biru dan ukuran font 24px.
4. Melihat Hasil Website pada Live View
Setelah menambahkan konten dan style pada website, kita dapat melihat hasilnya secara real-time dengan menggunakan fitur live view pada Adobe Dreamweaver CC 2018. Tekan CTRL + ENTER untuk melihat hasil website yang kita buat.
5. Menyimpan Dokumen
Setelah selesai membuat website, jangan lupa untuk menyimpan dokumen kita. Pilih File > Save untuk menyimpan dokumen. Berikan nama pada dokumen dan pilihlah folder untuk menyimpan website.
FAQ
1. Apa itu Adobe Dreamweaver CC 2018?
Adobe Dreamweaver CC 2018 adalah software pengembangan web yang memudahkan kita untuk membuat website dengan drag-and-drop dan auto-complete.
2. Apa bahasa pemograman yang dapat digunakan pada Adobe Dreamweaver CC 2018?
Kita dapat menggunakan bahasa pemograman seperti HTML, CSS, dan JavaScript pada Adobe Dreamweaver CC 2018.
3. Bagaimana cara menambahkan konten pada website?
Kita dapat menambahkan konten pada website dengan menggunakan fitur drag-and-drop pada Adobe Dreamweaver CC 2018 atau dengan menggunakan bahasa pemograman seperti HTML, CSS atau JavaScript.
4. Apa yang dimaksud dengan style pada website?
Style pada website adalah tampilan visual dari website seperti warna, ukuran font, dan layout.
5. Bagaimana cara melihat hasil website yang telah dibuat?
Kita dapat melihat hasil website yang telah dibuat secara real-time dengan menggunakan fitur live view pada Adobe Dreamweaver CC 2018.
Kesimpulan
Membuat website tidak perlu sulit jika kita menggunakan Adobe Dreamweaver CC 2018. Dalam artikel ini, kita telah membahas cara membuat web sederhana dengan Adobe Dreamweaver CC 2018 mulai dari membuat dokumen baru hingga melihat hasil website secara real-time. Dengan menguasai Adobe Dreamweaver CC 2018, kita dapat membuat website dengan mudah dan cepat.
Semoga Bermanfaat dan sampai jumpa di artikel menarik lainnya!