Materi Dasar | Membuat Input Desain Web 1


fsdfsdfds

Hi! Saya kembali di blog ini lagi! Semoga apa yang akan saya tulis bermanfaat bagi pembaca sekalian.

Dalam kesempatan kali ini saya akan memberikan tutorial bagaimana cara membuat desain atau tampilan website sederhana menggunakan input. Input adalah salah satu bahasa pemograman yakni untuk memasukkan suatu hal yang diminta. Namun di sini hanya bagaimana cara mendesain saja juga pengenalan bagian-bagian dasar dalam sebuat desain website.

Kita akan membuat dan merangkai kode-kode dalam desain website sehingga hasil akhirnya menjadi seperti di atas. Sebenarnya tampilan website di atas memiliki struktur dasar pembentuknya seperti ini.

fsdfw

Bagaimana cara pembuatannya? Silahkan lihat kode pada gambar di bawah ini.

msedfkkskelslaa

Jika dilihat bersama. Konten kode di atas mengandung tags, p, h1, input, dan lainnya. Perhatikan komponen-komponene penting ini karena saling berkaitan. Dapatkan kode di sini.

1. Tags untuk menunjukkan kepada alat browser tentang konten yang Anda pakai.

2. h1 atau yang dimaksud Heading 1 adalah untuk judul website yang akan Anda tulis sehingga menghasilkan tulisan yang besar. Penulisan judul harus berawalan denga kode h1 dan ditutup dengan /h1. Isi konten bisa diedit sesuka hati.

3. P yang berarti Post adalah untuk memuat tulisan apa yang ingin Anda tampilkan. Sama seperti penulisan judul yaitu dibuka dengan kode p dan ditutup dengan /p. Isi konten bisa diedit sesuka hati.

3. Input type untuk menyatakan data apa yang akan dimasukkan. Sedang placeholder adalah untuk memberitahu pengunjung data apa yang harus ia masukkan. Karena apapun data yang Anda inginkan dari pengunjung, selalu tambahkan input tag.

4. Pizza type adalah opsi wajib dalam pembuatan struktur dasar ini.

5. Input type = submit adalah untuk tombol pemasukan data.

Saya mengedit menggunakan website tumblr karena lebih mudah penggunaannya dan penampilan kode bisa berwarna-warni. Selamat mencoba!

 

Untuk materi dasar membuat input desain web 2 masih dalam proses. Terimakasih telah menunggu.

Iklan

Satu tanggapan untuk “Materi Dasar | Membuat Input Desain Web 1

Ingin berkomentar?

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s