Buat Web Makin Mudah Saja

Cara membuat web merupakan hal yang ingin saya ketahui sejak lama. Salah satu mimpi saya yaitu memiliki web sendiri yang berisikan informasi yang dapat saya bagikan ke seluruh dunia. Saya yang mendalami kuliah studi Ilmu komputer merasa sangat tertarik dalam membuat web. Namun karena kesibukan kuliah yang lebih banyak kepada hal yang berbasis desktop atau offline menjadikan saya belum terfokus dalam mempelajari web. Menginjak semester 5 pada perkuliahan sistem informasi, kami mendapat tugas membuat web e-commerce/ Toko online. Betapa mudahnya kami membuat website tersebut karena instalasi toko online telah tersedia secara online.

Kami memilih instalasi Prestashop untuk tugas. Ada beberapa syarat dalam tugas tersebut yaitu semua link harus disesuaikan dan aktif. Serta pada copyright atau footer web harus ada nama-nama kelompok, kalau tidak ada, maka tidak mendapat nilai. Klik disini kalau mau lihat website toko online kami.

 

Kami juga diajarkan membuat web sendiri pada perkuliahan. Saat artikel ini buat diperkuliahan telah diajarkan tentang HTML, CSS dan Javascript. Memang butuh kesabaran dalam memahami pembelajar web tersebut. Namun ada cara yang lebih instan dalam membuat web sendiri yaitu dengan mengedit template web saja. Template web yang tinggal edit dan yang sering digunakan adalah template Bootstrap.

Dalam template Bootsrap ada beberapa folder dan file seperti folder CSS, Font, Java script dan beberapa file Html terutama file index.html yang merupakan file utama web. Saya menggunakan template gratis Bootsrap advanced-admin Tips mengedit template Bootstrap adalah sebagai berikut. 

1. Download text editor notepad++ dan Instal

2. Ekstrak template

3. Buka file index.html file yang ingin diedit menggunakan web browser.

4. Buka juga menggunakan notepad++

5. Pada web browser arah kan cursor ke arah komponen yang ingin di edit atau hapus disini contohnya icon klik kanan -> pilih inspect elemen

 

6. Arahkan cursor pada kode pastikan elemen sesuai dengan kode.

 

7. Klik kanan pada kode edit html

 

8. Kopi kode html tersebut.

 

9. Buka file pada notepad++ tekan CTRL+F lalu pastekan kode tadi.

 

10. Hapus kode tersebut lalu simpan. Lalu refresh file index pada web browser. Maka hasilnya
     

 

11. Lakukan langkah yang sama untuk komponen yang sama. Hasil edit saya adalah sebagai berikut.

 

12. Setelah template selesai diedit. Maka langkah selanjutnya adalah menguploadnya semua file tersebut ke hosting agar dapat    diakses secara online. Caranya semua file template tadi di jadikan file zip lalu upload ke file manager hosting    

 

13. Ini template Bootstrap yang telah saya edit menjadi web online. Klik disini