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 Registrasi Kuliah Tatap Muka

  Postingan berikut menjelaskan dokumentasi proses pembuatan website registrasi kuliah tatap muka. Website di-hosting menggunakan github pages yang dapat meng-host  static webpages . Link Website Catalog Product:  https://dani-ramadhan7.github.io/registrasi/index.html Langkah-Langkah Pembuatan Website Registrasi Kuliah Tatap Muka 1. Ikuti langkah-langkah pada website pembelajaran. Salah satu website yang cukup bagus untuk dipelajari adalah  belajarphp.net/tutorial-validasi-form-menggunakan-html-dan-javascript/ . 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. HTML JavaScript 3. Untuk desain, digunakan file css sebagaimana yang digunakan pada website, yakni menggunakan  https://stackpath.boo...
Post a Comment
Read more

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