Tugas PWeb : Laman Berita


Kali ini saya membuat laman berita menggunakan HTML dan CSS. sumber berita saya ambil dari detik.com dan kompas.com Berikut tampilannya


berikut juga saya sertakan source kode dari HTML dan CSS Source Code HTML
 
Source Code CSS
 


Nama : Yusran Hadi
NRP : 05111740000105
kelas : Pemrograman Web

Komentar

Posting Komentar

Postingan populer dari blog ini

Code Igniter

Gambar
Nama : Yusran Hadi NRP   : 05111740000105 Kelas  : Pweb C Cara Menggunakan Bootstrap pada CodeIgniter Langkah-langkah yang harus dilakukan untuk menggunakan bootstrap (template SB Admin) pada Codeigniter: Konfigurasi Codeigniter; Download SB Admin; Ekstrak SB Admin; Copy file assets yang dibutuhkan; Membuat Template : Buat kode php bernama overview.php yang akan menjadi template untuk halaman home admin. Membuat partial template; Menggunakan partial pada template   Berikut adalah hasil tampilan dari template SB Admin : Tutorial lengkap dapat dilihat Disini Teknik Membuat Template Admin yang Efektif Setelah melakukan tutorial sebelumnya, masih terdapat kekurangan yang perlu diperbaiki. Template masih terdapat dalam satu file saja. Hal ini tentu bermasalah karena kita akan menghabiskan banyak waktu dan tenaga untuk mengubah semua file template yang kita buat satu per satu hanya karena ada perubahan seperti perubahan link pada navbar. Sala...
Baca selengkapnya

Tugas Bootstrap

Gambar
Nama   :   Yusran Hadi NRP     :   05111740000105 Kleas   :   Pweb C Lanjutan dari tugas Pweb Ajax. dapat dilihat Disini . Beberapa code yang diubah diantaranya. index.php list-siswa.php form-daftar.php form-edit.php beberapa contoh tampilan tampilan awal formulir daftar list pendaftar formulir edit
Baca selengkapnya

Tugas 1 - Pemrograman Web Kelas C 2018

Gambar
Nama      :   Yusran Hadi NRP        :   05111740000105 Kelas       :  Pemrograman Web C Membuat CV berbasis HTML dan CSS. Saya juga menggunakan JavaScript untuk membuat beberapa fitur. Berikut saya Source Code dari CV saya. 1. Source Code HTML <!DOCTYPE html> <html lang="en"> <head>     <title>Yusran Hadi</title>     <link rel="stylesheet" href="desain.css"/>     <style>         ul {             list-style-type: none;             margin: 0;             padding: 0;             overflow: hidden;             background-color: #333;             position: -webkit-sticky;             position: sticky; ...
Baca selengkapnya