Membuat Tampilan Website Resto Online Sederhana

Musa Irfan | Syahnara | Tatia 

Website dalam dunia bisnis  merupakan sebuah platform digital yang digunakan untuk memperkenalkan, mempromosikan, dan menjual produk atau jasa secara online. Dengan adanya website, bisnis dapat menjangkau audiens lebih luas, memberikan informasi detail tentang produk atau layanan, serta meningkatkan kredibilitas. Website juga dapat menjadi tempat interaksi dengan pelanggan melalui fitur seperti kontak, layanan pelanggan, atau transaksi online, sehingga mendukung efisiensi operasional dan pemasaran bisnis secara lebih efektif.

Nah, pada kesempatan kali ini, yuk kita belajar membuat tampilan website resto online.

1. Buka Visual Code Studio dan buat folder yang berisikan file dengan format index.html


\

   2. Selanjutnya pada bagian index.html isikan format HTML5 seperti biasanya dan buat judul sesuai dengan nama resto




     3. Buat <style> untuk menampilkan desain garis lurus horizontal pada laman web




   



    4. Lalu pada bagian <body> berikan desain style warna background dengan warna biru. Dan untuk bagian <h1> berikan style marquee agar tulisan dapat bergerak, lalu font Curlz MT agar tulisan menjadi lebih menarik. Dan elemen<div> untuk menampilkan desain garis yang telah dibuat




5. Buat ukuran margin dengan <style> untuk bagian tag<p> atau paragraph. Ini bertujuan agar jarak antarteks tidak terlalu jauh.








6. Masuk pada bagian isi, berikan heading 3 dengan style yang sama seperti sebelumnya, dan tuliskan isi konten menggunakan bantuan tag<p>. untuk bagian footer, gunakan heading 2 agar ukuran teks jadi lebih besar gunakan style yang sama dengan heading sebelumnya. Masuk pada bagian isi, berikan heading 3 dengan style yang sama seperti sebelumnya, dan tuliskan isi konten menggunakan bantuan tag<p>. untuk bagian footer, gunakan heading 2 agar ukuran teks jadi lebih besar gunakan style yang sama dengan heading sebelumnya.












7. Untuk tahap akhir, jangan lupa untuk memberikan tag penutup bagian Body dan HTML

Nah, jika sudah selesai, kalian bisa menjalankan program tadi dengan bantuan browser ataupun chrome. Jika berhasil maka tampilan web akan memunculkan output seperti di bawah ini.




Komentar

Postingan populer dari blog ini

Membuat Form Input Biodata