Jumat, 12 Juli 2019

Cara Membuat Web Responsive Sederhana

Tutorial Membuat Web Responsive Sederhana Dengan Sangat Mudah

Nama : Matius Agustinus
Kelas : 12.2A.37
NIM  : 12184094
Tugas 5 Web Programing Membuat Web Responsive Sederhana

Hello semuanya, kembali lagi di blog saya, kali ini saya akan memberikan tutrorial membuat web responsive sederhana, tentunya dengan cara yang sangat mudah, seperti biasa dengan menggunakan script html dengan sedikit menggunakan css, tanpa basi-basi lagi langsung aja ikutin tutorialnya :

SCRIPT INPUT

Ini script input indexnya




SCRIPT OUTPUT

Ini script output dari daftar buku


Ini script output dari sistem login dan untuk input data loginnya


Dan ini adalah script dari css-nya (css adalah script untuk membuat website lebih bergaya dan rapih)









PENGGABUNGAN FILE



Ini gambar yang saya pakai untuk websitenya, kalian bisa menggantinya dengan gambar/foto yang kalian inginkan, setelah dipilih fotonya langsung satukan difile website kalian seperti foto diatas.



TAMPILAN INPUT

Ini tampilan input dalam mode layar laptop/komputer


Dan ini tampilan input mode layar tablet/tab


Dan ini adalah tampilan input di mode layar hp/gadget



TAMPILAN OUTPUT

Ini tampilan output untuk sistem login yang paling sederhana


Dan ini tampilan output dari daftar buku


Dan sekian dulu pembelajaran HTML + CSS ini atau lebih tepatnya pembelajaran tentang cara membuat website responsive sederhana, 
Kita akan lanjut dilain kesempatan untuk membahas pembelajaran HTML + CSS yang lainnya.

Tidak ada komentar:

Posting Komentar