Langsung ke konten utama

Tugas 6 Pemrograman Web A

News Website Using Bootstrap

Nama   : Jonathan Leonardo Hasiholan Simanjuntak
NRP     : 05111940000150
Kelas    : Pemrograman Web A 2021

Pada pertemuan ketujuh kelas PWEB A, kami diberikan tugas untuk mengembangkan sebuah website redaksi berita dengan memanfaatkan penggunaan Bootstrap. Setelah website berhasil di susun secara lokal, website yang kita susun tersebut juga akan di hosting-kan. Pada tugas ini, hosting website dilakukan menggunakan Github Pages. Websitenya sendiri dapat diakses lewat link ini.

Berikut adalah tampilan dari hasil websitenya :
  1. Tampilan Halaman Utama Website



  2. Tampilan Halaman Contact Us


  3. Tampilan Pop Up Login Form


 

Source Code

Untuk source code dari webnya, terdapat empat file source code yang saya gunakan untuk menyusun website tersebut. Dua diantaranya adalah index.html dan contact.html. Pada halaman index.html terdapat list berita yang tersusun kedalam 2 buah image carousel, serta diterapkan juga form login yang dapat diakses dengan mengklik tombol login. Pada halaman contact.html, berisikan form yang dapat digunakan untuk menghubungi admin website dan juga form login yang sudah dijelaskan sebelumnya. Lebih lengkapnya, list file source code yang saya gunakan adalah :
  1. index.html
  2. contact.html
  3. style.css
  4. main.js

Sekian pengerjaan tugas yang telah saya lakukan. Mohon maaf apabila terdapat kesalahan atau kekurangan pada pekerjaan saya. Terima kasih atas perhatiannya.
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 5 Pemrograman Web A

Form Validasi Vaksinasi Mahasiswa Nama     : Jonathan Leonardo Hasiholan Simanjuntak NRP       : 05111940000150 Kelas      : Pemrograman Web A 2021 Pada pertemuan keenam kelas PWEB A, kami diberikan tugas untuk mengembangkan sebuah website form validasi vaksinasi mahasiswa dengan memanfaatkan penggunaan Javascript. Disini, kami diminta untuk memvalidasi data - data yang dimasukkan pada form yang telah kami buat, baik itu kelengkapan ataupun format dari datanya. Setelah website berhasil di susun secara lokal, website yang kita susun tersebut juga akan di  hosting -kan. Pada tugas ini,  hosting  website dilakukan menggunakan Github Pages. Websitenya sendiri, dapat diakses lewat link  ini . Berikut adalah tampilan hasil websitenya :  Tampilan Isian Form Validasi Vaksinasi Mahasiswa Tampilan Isian Form Sukses Disimpan Source Code Untuk source code dari webnya, masing - masing halaman tampilan source code HT...
Posting Komentar
Baca selengkapnya

Tugas 7 Pemrograman Web A

Implementasi jQuery Sederhana  Nama     : Jonathan Leonardo Hasiholan Simanjuntak NRP       : 05111940000150 Kelas      : Pemrograman Web A 2021 Pada pertemuan kesepulu kelas PWEB A, kami diberikan tugas untuk mengimplemetasikan jQuery dalam program yang sederhana. Terdapat dua contoh yang perlu kami buat, yang pertama adalah membuat query baru pada sebuah drop down list berdasarkan input yang user masukkan. Kemudian, untuk contoh yang kedua, kami diminta untuk membuat sebuah animasi (Color Animation) dengan mengimplementasikan jQuery UI. Setelah kedua  contoh berhasil di susun secara lokal, contoh - contoh tersebut kemudian perlu di hosting - kan.  Program pertama, Membuat Query Baru pada Sebuah Drop Down List Berdasarkan Input yang User Masukkan , dapat diakses di link  ini . Sedangkan untuk yang kedua, Implementasi jQuery UI untuk Membuat Sebuah Animasi , dapat diakses di link  ini . Berikut ada...
Posting Komentar
Baca selengkapnya

ETS PWEB A 2021

EVALUASI TENGAH SEMESTER PWEB A 2021  Nama : Jonathan Leonardo Hasiholan Simanjuntak NRP : 05111940000150 No 1 & 2 : No 3 : (Edited on 17 November 2021 0:57 WIB) Buatlah halaman web, menggunakan desain yang ditunjukkan. Jawab : Jawaban dapat diakses lewat link  ini . Tampilan Halaman Website beserta codenya : Halaman Utama (index.html) Source Code : index.html style.css Halaman Login (login.html) Source Code : login.html login.css Halaman About Us (about.html) Source Code : about.html about.css Halaman FAQ (faq.html) Source Code : faq.html faq.css          Video Demo :         
Posting Komentar
Baca selengkapnya