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

Website Catalog Product

 Postingan berikut menjelaskan dokumentasi proses pembuatan website catalog. Website di-hosting menggunakan github pages yang dapat meng-host  static webpages . Link Website Catalog Product:  https://dani-ramadhan7.github.io/catalog_product/index.html# Cascading Style Sheets adalah bahasa style sheet yang digunakan untuk menggambarkan presentasi dokumen yang ditulis dalam bahasa markup seperti HTML. CSS adalah teknologi landasan World Wide Web, di samping HTML dan JavaScript.  CSS (n.d.). Wikipedia. Retrieved September 28, 2021.  Prosedur Pembuatan Website Catalog Product 1. Ikuti langkah-langkah pada modul pembelajaran yang sudah tersedia. Coba untuk menulis ulang contoh kode pada modul pembelajaran atau langsung memilih bagian-bagian kode yang diinginkan untuk digunakan. 2. Buat file html baru, buat page html dengan acuan modul pembelajaran. Lakukan modifikasi dan penambahan. 3. Untuk desain, dapat meniru juga file css pada modul pembelajaran. Tambahkan bagian...
1 comment
Read more