Skip to main content

Website Berita dengan Bootstrap

Postingan berikut menjelaskan dokumentasi proses pembuatan website berita dengan Bootstrap. Website di-hosting menggunakan github pages yang dapat meng-host static webpages.

Link Website Catalog Product: https://dani-ramadhan7.github.io/TrustedNewsID_Bootstrap/index.html

Langkah-Langkah Pembuatan Website Berita dengan Bootstrap

1. Cari sebuah template yang cukup bagus untuk membuat website berita. Salah satu website yang ditemukan adalah https://startbootstrap.com/.

2. Download file template tersebut. Lakukan modifikasi dan penambahan. Misalnya, tambahkan fitur login form yang masih belum tersedia.

File index.html


File about.html


File post.html

File contact.html

File login.html




3. Upload ke Github dan cek hasilnya dengan membuka https://dani-ramadhan7.github.io/TrustedNewsID_Bootstrap/index.html

Tampilan Home


Tampilan About

Tampilan Sample Post

Tampilan Contact

Tampilan Login



Sekian post tentang dokumentasi proses pembuatan website berita dengan Bootstrap ini. Semoga bermanfaat.

Comments

  1. Nice PostOctober 26, 2021 at 12:23 AM

    Nama: Ramadhan Arif H.
    NRP: 05111940000162
    Kelas: Pemrograman Web A
    Tahun: 2021
    Link Blog: Blog
    Link Website: Website

    ReplyDelete

Post a Comment

Popular posts from this blog

Website Pendaftaran Siswa Baru

Postingan berikut menjelaskan dokumentasi website Pendaftaran Siswa Baru. Website di-hosting di local PC menggunakan XAMPP serta menggunakan MySQL untuk menangani database dari para pendaftarnya. Halaman Utama Pendaftar dapat melakukan pendaftaran pada menu Daftar Baru atau melihat list pendaftar pada bagian Pendaftar. Formulir Pendaftaran Siswa Baru Disini, siswa dapat mengisikan formulir pendaftaran dan men-submit. Menu Pendaftar Menu Pendaftar isi menyajikan tabel yang berisi siswa yang telah mendaftar. Dapat dilakukan tindakan Edit atau Hapus pada setiap baris. Formulir Edit Siswa Formulir Edit Siswa menyajikan formulir untuk mengedit data siswa yang telah mendaftar. Setelah melakukan edit, dapat menekan tombol Simpan untuk menyimpan data siswa yang telah diperbarui. Source Code Untuk source code dari website Pendaftaran Siswa Baru ini adalah sebagai berikut. Link GitHub Gist:  https://gist.github.com/dani-ramadhan7/7838e42982a0488fc...
1 comment
Read more

ETS PWEB A

ETS PW 2021 - Memprogram User Interface Nama: Ramadhan Arif Hardijansyah NRP: 05111940000162 Kelas: PWeb - A Soal 1. Jelaskan istilah-istilah berikut, kemudian berikan contohnya. - HTML Element - HTML Tag - CSS Selector - Ajax 2. Apa yang dimaksud URI, URL, dan URN, berikan contoh dan ilustrasinya.  Jawaban https://drive.google.com/file/d/1WlfDY8QcrHAxIneStOm6P4yNDriptz0O/view?usp=sharing
Post a Comment
Read more

Java Biodata

Berikut ini adalah sebuah program untuk menampilkan biodata yang ditulis dalam bahasa pemrograman Java dan di- compile  menggunakan BlueJ. Biodata berisi data mahasiswa berupa nama, alamat, umur, jurusan, dan no. HP/WA mahasiswa. /** * Class Biodata menampung data mahasiswa, nama, alamat, umur, jurusan * * @author Ramadhan Arif Hardijansyah * @version 0.1 8 Oktober 2020 */ public class Biodata { public Biodata() { System.out.println("Data Mahasiswa "); System.out.println("======================"); System.out.println("Nama Mahasiswa : Ramadhan Arif Hardijansyah"); System.out.println("Alamat Mahasiswa : Jl. Bhaskara V no 5 Surabaya"); System.out.println("Umur Mahasiswa : 20 tahun"); System.out.println("Jurusan Mahasiswa : Informatika"); System.out.println("No. HP/WA Mahasiswa : 081358852890"); } } Dan berikut adalah class diagram serta hasil ter...
Post a Comment
Read more