Nama : Matius Agustinus
Kelas : 12.2A.37
NIM : 12184094
Tugas UAS Web Programing Membuat Web Responsive Sederhana
Tugas UAS bikin Web Responsive (Kelompok) dikirim ke Blog masing-masing
Dengan Angota Kelompok : 1. Matius Agustinus
2. M. Farid Hamid
3. Suandi Mamora
4. Nia Dwi Damayanti
5. Fikri Indrawan
Hello semuanya, kembali lagi di blog saya, kali ini saya akan memberikan tugas uas membuat web responsive sederhana tentang online shop gaming, tentunya dengan cara mudah, seperti biasa dengan menggunakan script html dan menggunakan css dengan sedikit script js (JavaScript adalah script yang membuat website lebih terkesan mewah dan profesional), tanpa basi-basi lagi langsung aja ikutin tutorialnya :
PERSIAPAN
Jadi sebelum masuk ke codingan, disarankan untuk mendownload terlebih dahulu bootsrap dan fontawesomenya (jika ingin mendownload bisa liat dibawah halaman blog ini)
BUAT SCRIPT INDEX
untuk dijadikan halaman utama website
note : ini cuman 3 screenshot (lengkapnya bisa didownload dihalaman bawah blog ini)
BUAT SCRIPT CSS
BUAT SCRIPT JS (JAVASCRIPT)
DAN INI SALAH SATU SCRIPT HTML DI FOLDER KATEPRO (kategori produk) YAITU MG (monitor gaming)
YANG INI ADALAH SALAH SATU SCRIPT HTML DI FOLDER PAGES YAITU HUBUNGI KAMI
DISATUKAN DALAM SATU FILE
note : index.html, style.css dan script.js diletakan diluar saja tidak usah dibuat folder lagi seperti pages dan katepro
2 FILE INI DISATUKAN DI FOLDER PAGES
DAN YANG INI DISATUKAN DI FOLDER KATEPRO (kategori produk)
DAN INI FILE-FILE IMAGE/GAMBAR DISATUKAN DI SATU FOLDER
DAN INI GAMBAR-GAMBAR DARI PRODUK WEBSITE KAMI
DISATUKAN DI FOLDER IMG/PRODUK
DAN INI DISATUKAN DI FOLDER SLIDE,
TENTUNYA MASIH DIDALAM FOLDER IMG
DAN INI DIBAGI-BAGI BEBERAPA FOLDER LAGI
UNTUK GAMBAR MASING-MASING KATEGORI PRODUK
DAN INI SALAH SATU DARI FOLDER KATEGORI PRODUK KAMI
YAITU DARI KATEGORI MONITOR GAMING, MASIH TETAP SATU FOLDER DI IMG
INI ADALAH TAMPILAN UTAMA WEBSITE KAMI
DAN INI TAMPILAN SALAH SATU KATEGORI PRODUK
INI ADALAH TAMPILAN DETAIL PRODUK KETIKA DIKLIK SALAH SATU PRODUKNYA
DAN INI ADALAH HALAMAN TENTANG KAMI
DAN INI TAMPILAN LOGINNYA
DAN YANG TERAKHIR INI TAMPILAN FOOTERNYA
Download Lengkap Folder Web Responsive (Tugas UAS) :
Download Boostrap 4.3.1 :
Download Fontawesome :
Dan sekian dulu pembelajaran HTML + CSS + JS ini atau lebih tepatnya pembelajaran tentang cara membuat Website Responsive sederhana,
Kita akan lanjut dilain kesempatan untuk membahas pembelajaran HTML + CSS + JS (tentang web) yang lainnya.
Tidak ada komentar:
Posting Komentar