Tugas 2 PWEB : Membuat News Page

 Tugas 2 - Pemrograman Web A

Nama    : Syaiful Bahri Dirgantara
NRP      : 5025201203
Kelas     : Pemrograman Web A
Tahun    : 2022/2023


Membuat News Page Menggunakan HTML dan CSS

Tugas kedua untuk Pemrograman Web kali ini adalah membuat page berita menggunakan bahasa HTML dan CSS. Disini digunakan HTML sebagai kerangka dan CSS sebagai tampilan. Saya menggunakan referensi dari modul yang ada di blog Bapak Fajar Baskoro. Berikut saya lampirkan hasilnya :
 





Link Portofolio : https://syaifulbd.github.io/Tugas-2---PWEB
Link Repository : https://github.com/syaifulbd/Tugas-2---PWEB

Source Code HTML :


Source Code CSS :


Sekian, Terima kasih.

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas 7 - View Model & State in Compose

Gambar
  Tugas 7 - View Model & State in Compose Nama     : Syaiful Bahri Dirgantara Kelas     : PPB F Pendahuluan Pada pertemuan kali ini dijelaskan mengenai penggunaan dari ViewModel dan State dalam Kotlin menggunakan compose. Kali ini diimplementasikan ke dalam sebuah game scramble world. Fungsi penggunaan ViewModel dan State dalam compose ini adalah supaya ketika terjadi suatu perubahan seperti saat berpindah dari portrait ke landscape aplikasi tidak mulai dari awal lagi. Tampilan implementasi Tampilan aplikasi sebelum mendapatkan kata yang benar skor masih 0 Tampilan aplikasi setelah mendapatkan kata yang benar maka skor bertambah menjadi 20 Tampilan saat aplikasi dipindah ke landscape skor tetap Source Code :  1. MainActivity.kt package com.example.unscramble import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.activity.enableEdgeToEdge import androidx.compose.foundation.layout.fi...
Baca selengkapnya

Tugas 6 - Image Scroll

Gambar
 Tugas 6 - Image Scroll Nama     : Syaiful Bahri Dirgantara Kelas     : PPB F Pendahuluan Pada pertemuan ini dijelaskan bagaimana membuat image scroll menggunakan material design. Digunakan Card untuk membuat image scroll ini. Dalam pembelajarannya juga disertakan referensi video dari You Tube. Berikut hasil implementasi saya. Sebelum scrolling : Setelah scrolling : Source Code : 1. MainActivity.kt package com.example.affirmations import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.Image import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.padding import androidx.compose.foundation.lazy.LazyColumn import androidx.compose.foundation.lazy.items import androidx.compose.material3....
Baca selengkapnya

Tugas 4 - Komponen Button

Gambar
   Tugas 4 - Komponen Button Nama     : Syaiful Bahri Dirgantara Kelas     : PPB F Pendahuluan Pertemuan ini menjelaskan bagaimana menambahkan komponen button untuk aplikasi Andorid. Penambahan komponen button ini diimplementasikan dengan membuat aplikasi dice roller. Berikut merupakan implementasinya. Source Code :  package com.example.diceroller import android.os.Bundle import androidx.activity.ComponentActivity import androidx.activity.compose.setContent import androidx.compose.foundation.Image import androidx.compose.foundation.layout.Column import androidx.compose.foundation.layout.Spacer import androidx.compose.foundation.layout.fillMaxSize import androidx.compose.foundation.layout.height import androidx.compose.foundation.layout.wrapContentSize import androidx.compose.material3.Button import androidx.compose.material3.MaterialTheme import androidx.compose.material3.Surface import androidx.compose.material3.Text import androidx.compose.runtime. C...
Baca selengkapnya