Selamat datang! Apakah kamu pernah merasa kesulitan saat membuat layout pada HTML? Jangan khawatir, karena pada artikel ini kamu akan diberikan tutorial cara membuat layout pada HTML dengan mudah dan cepat.
Cara Membuat Layout Pada HTML
Pertama, kita perlu mengetahui konsep dasar dari HTML. HTML atau HyperText Markup Language adalah bahasa pemrograman yang digunakan untuk membuat halaman web. Dalam HTML, layout dapat dibuat dengan menggunakan tag-tag umum seperti div, span, dan lain-lain. Namun, saat ini sudah banyak framework atau template yang dapat digunakan untuk lebih mempermudah pembuatan layout pada HTML.
Gambar 1 – Cara membuat Layout pada HTML
Jika kamu ingin membuat layout dengan menggunakan tag-tag umum seperti div, maka kamu bisa mengikuti langkah-langkah berikut:
- Buatlah struktur dasar HTML dengan menggunakan tag html, head, dan body.
- Tentukan elemen atau bagian yang akan diberikan layout.
- Tambahkan tag div pada elemen atau bagian tersebut.
- Tentukan properti layout yang ingin digunakan pada tag div tersebut.
Contoh:
Contoh Layout HTML
Kamu juga bisa menggunakan template atau framework yang lebih kompleks seperti Bootstrap atau Foundation. Kedua template tersebut sangat populer dan bisa kamu gunakan untuk membuat layout dengan cepat dan mudah.
Gambar 2 – Mengkombinasikan Excel Dengan AutoCad untuk Membuat Text Dalam LayOut
Tutorial cara membuat layout pada HTML sebenarnya cukup mudah dan sederhana seperti di atas. Namun, jika kamu ingin melakukan hal yang lebih spesifik seperti membuat layout pada AutoCad, maka kamu bisa ikuti langkah-langkah berikut:
- Buka program AutoCad pada perangkat kamu.
- Buatlah lembar kerja atau workspace baru pada AutoCad.
- Tentukan skala dan ukuran kertas pada workspace tersebut. Biasanya, ukuran kertas yang digunakan pada AutoCad adalah A4 atau lebih besar.
- Tentukan elemen atau bagian yang akan diberikan layout.
- Tentukan posisi dan ukuran dari elemen tersebut.
- Buatlah system text pada AutoCad untuk elemen tersebut.
- Tentukan jenis font, ukuran font, warna font dan bagian mana dari elemen yang akan diberikan text.
- Simpan layout tersebut dan kamu selesai membuat layout pada AutoCad.
Sangat mudah, bukan? Namun, jika kamu ingin mempercepat proses pembuatan layout pada AutoCad, kamu bisa mengkombinasikan AutoCad dengan Excel. Caranya adalah:
- Buatlah chart atau tabel pada Excel yang berisi data yang ingin kamu masukkan pada elemen atau bagian di AutoCad.
- Copy paste chart tersebut ke dalam AutoCad.
- Akan muncul opsi paste, pilihlah pastespecial lalu pilih link.
- Masukkan chart tersebut ke dalam elemen atau bagian yang sudah ditentukan pada AutoCad.
- Simpan layout tersebut dan kamu selesai membuat layout pada AutoCad dengan Excel.
Gambar 3 – Cara Membuka Dan Melihat Beberapa Workbook Sekaligus Di Excel 2013
Selain membuat layout, ada juga hal lain yang perlu kamu ketahui saat menggunakan Excel. Beberapa di antaranya adalah:
FAQ – Frequently Asked Questions
1. Apa itu Excel?
Excel adalah salah satu program dari Microsoft Office yang digunakan untuk mengolah data dan informasi di dalam tabel. Excel biasanya digunakan untuk kegiatan perusahaan seperti menghitung gaji karyawan, menghitung laporan keuangan bisnis, dan lain-lain.
2. Bagaimana cara menyimpan workbook pada Excel?
Untuk menyimpan workbook pada Excel, kamu cukup klik pada tab File lalu pilih Save atau Save As jika kamu ingin memberi nama baru pada workbook tersebut. Kamu juga bisa menggunakan keyboard shortcut Ctrl + S untuk menyimpan workbook pada Excel.
Video Tutorial Membuat Layout Pada HTML
Berikut adalah video tutorial cara membuat layout pada HTML yang bisa kamu tonton:
Demikian artikel tentang cara membuat layout pada HTML dan beberapa tips tambahan saat menggunakan Excel. Semoga artikel ini dapat membantu kamu dalam membuat layout yang lebih keren dan profesional di halaman web maupun di AutoCad. Terima kasih telah membaca.