Dokumentasi Proses Pembuatan Website

Postingan berikut menjelaskan dokumentasi proses pembuatan website yang berisi beberapa konten tentang curriculum vitae. Website di-hosting menggunakan salah satu web hosting provider yang menyediakan layanan hosting gratis.

Link Website CV: ramadhanarif.000webhostapp.com

Prosedur Pembuatan Website Curriculum Vitae

1. Daftar Hostinger.co.id

Hostinger.co.id adalah salah satu layanan hosting yang menyediakan hosting website secara gratis dengan fitur terbatas.

2. Belajar kursus HTML melalui SoloLearn

Setelah melalui beberapa rangkaian latihan dan praktik, di bagian HTML Basics, terdapat Blog Project: Putting It All Together.

Disini, pelajaran, latihan, dan praktik yang telah dipelajari sebelumnya digabung menjadi satu dan menghasilkan blog yang sederhana dan bagus.

Contoh kode HTML juga disediakan agar dapat dipelajari dan dikembangkan lebih lanjut.

3. Pelajari contoh code HTML Blog Project: Putting It All Together dari SoloLearn yang kemudian dapat dimodifikasi dan dikembangkan sesuai dengan kebutuhan dan keinginan. Untuk editor, dapat digunakan Code Playground dari SoloLearn atau Visual Studio Code. Isi konten yang diinginkan, tambahkan data Curriculum Vitae, Skills, Media, ataupun Contact. Dapat juga digunakan tabel agar terlihat rapi.

4. Masuk 000webhost.com, pilih File Manager untuk mengupload website yang telah dibuat sebelumnya.

5. Masuk ke folder public_html, upload file source code index.html dan stylesheet.css agar website yang telah dibuat dapat diakses melalui internet.

5. Cek dengan membuka halaman website yang telah di-host.

Berikut ini adalah lampiran kode HTML dan CSSnya.

HTML

CSS

Sekian post tentang dokumentasi proses pembuatan website ini. Semoga bermanfaat.

Comments

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...

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...

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 ...

Ramadhan Arif Hardijansyah

Search This Blog