Membuat Situs Berita menggunakan HTML dan CSS

 Membuat Situs Berita

    Situs berita internasional memiliki banyak sekali bentuk tampilan. Akan tetapi, situs-situs tersebut memiliki beberapa kesamaan, seperti adanya header, footer, content, dan navbar. Pada penugasan kali ini kami ditugaskan untuk membuat situs berita yang memiliki fitur-fitur tersebut. Berikut situs berita yang saya buat, dengan menggunakan HTML dan CSS beserta source codenya.

HEADER SECTION


FOOTER SECTION



TRENDING TOPIC CONTENT SECTION




NORMAL CONTENT SECTION



Dan di bawah ini adalah source code dari HTML dan CSS situs tersebut

HTML


CSS



Dan berikut ini merupakan link repositori dan referensi untuk situs berita di atas.

Komentar

Posting Komentar

Postingan populer dari blog ini

Programming in Java : Mengubah Ekspresi Infix menjadi Postfix

Gambar
  Apa itu Ekspresi Infix dan Postfix Ekspresi Infix merupakan ekspresi yang digunakan jika operator (tanda +, -, *, /, ^) berada ditengah-tengah operand/variabel yang ingin dihitung. Ekspresi Infix merupakan ekspresi yang paling sering kita gunakan sehari-hari. Contoh ekspresi infix, yaitu : a+b*c/d (a^b)*c-d     Berbeda dengan ekspresi infix, ekspresi postfix menuliskan operator setelah operand yang dimaksud telah dituliskan, misalnya kita akan menambahkan 'a' dengan 'b', kemudian kita mengalikan 'e' dengan 'd' baru mengurangi hasil setelahnya. Contoh berikut akan menunjukkan perbedaan ekspresi infix dan postfix.          Ekspresi Infix      : a+b-(e*d)     Ekspresi Postfix  : ab+ed*- Program untuk mengubah ekspresi Infix menjadi Postfix Untuk mengubah ekspresi infix menjadi postfix dapat digunakan queue dan stack. Berikut merupakan class dari queue dan stack. Queue Class Stack Class Pada program ini...
Baca selengkapnya

Implementasi Stack di Java

Gambar
 STACK     Stack merupakan salah satu cara pengaturan data dalam topik struktur data. Stack (tumpukan) dapat diibaratkan sebagai sebuah tumpukan buku. Sebuah tumpukan buku hanya dapat ditambah bukunya dari atas dan hanya buku yang berada di paling atas yang dapat diambil jika tidak ingin merusak tumpukan buku tersebut. Hal ini sama seperti konsep stack, yaitu LIFO (Last In First Out) dimana buku terakhir masuk merupakan buku pertama keluar. Berikut merupakan contoh method-method dari stack     Beberapa method digunakan untuk mengakses stack. Method-method tersebut adalah : Push, untuk menambahkan data pada stack, Pop, untuk menghapus data teratas pada stack, Top, untuk melihat data teratas pada stack, Clear, untuk menghapus/ mengosongkan stack, Size, untuk mengetahui banyak data pada stack.     Dengan menggunakan method-method yang sudah ada, stack dapat diimplementasikan dalam berbagai ...
Baca selengkapnya

Membuat Website Pencari Kode Pos Indonesia

Gambar
  Pencarian Kode Pos Pada latihan kali ini, kami ditugaskan untuk membuat website yang dapat mencari kode pos sebuah lokasi sesuai yang diinginkan oleh user. Pada penugasan ini, saya menggunakan HTML, CSS, dan VanillaJs. Untuk database kode pos di Indonesia saya menggunakan file .json yang saya dapatkan dari  https://github.com/pentagonal/Indonesia-Postal-Code . Kemudian untuk melakukan fetch  dari .json tersebut. Saya menggunakan Ajax yang tersedia dalam library jQuery. Setelah itu, data yang sudah saya dapatkan saya atur sedemikian rupa hingga menjadi website yang dapat digunakan secara utuh. Berikut gambar-gambar yang saya tangkap sebagai bentuk dokumentasinya. TAMPILAN AWAL TAMPILAN PENCARIAN DITEMUKAN TAMPILAN PENCARIAN GAGAL Website di atas dapat diakses pada link berikut. https://anggito02.github.io/cari-kodepos/ REFERENSI Youtube Web Programming UNPAS http://fajarbaskoro.blogspot.com/2022/09/java-script-membuat-pencarian-kode-pos.html https://github.com/pentagonal...
Baca selengkapnya