TUGAS 1 - WEBSITE

 

Website Biodata

Pada postingan kali ini, saya akan menjelaskan sebuah website yang pertama kali saya buat, dalam pembuatan website ini menggunakan HTML,CSS, dan Bootstrap. jadi yang pertama kali saya lakukan adalah melihat banyak contoh-contoh website yang nantinya akan saya jadikan sebagai sebuah referensi. Oleh karena itu langsung saja masuk ke proses pembuatan websitenya.

Berikut adalah halaman depan dari website yang saya buat.

Langkah pertama yang saya lakukan adalah membuat sketsa atau bentuk kasar seperti apa website yang akan saya buat, pada kasus ini saya membuat sketsanya pada sebuah kertas terlebih dahulu. Setelah dirasa memuaskan, saya langsung mencobanya ke dalam bentuk digital. Saya menggunakan aplikasi bernama Adobe Xd.

Langkah kedua, yaitu masuk ke dalam bagian codingnya. disini saya mengerjakan menggunakan Visual Studio Code. yang pertama saya kerjakan adalah membuat halaman depannya terlebih dahulu seperti pada gambar diatas. 

Pada halaman depan, yang pertama yaitu membuat bagian Navbarnya, disini saya membuat navbar nya menggunakan salah satu library framework CSS yaitu menggunakan Bootstrap, berikut adalah source codenya:

Selanjutnya, pada bagian tulisan dan gambar, disini saya juga menggunakan Bootstrap yaitu dengan menggunakan Layout Columns, yang mana dengan menggunakan layout tersebut kita bisa langsung menyatukan 2 object menjadi 1, berikut adalah source codenya:

Selanjutnya pada gambar diatas, kita bisa melihat disana saya menambahkan waves, dan juga button scrolldown untuk memperindah websitenya

Lalu, masuk ke halaman ke 2, yang mana pada halaman ke 2 ini saya letakkan profil yang mana di profil juga terdapat button yang akan mengarahkan ke page bio

Selanjutnya masuk ke bagian akhir pada halaman 1, yaitu footer, disini pada foooter saya memberikan contact atau media sosial yang bisa diakses

Selanjutnya pada page ke 2, yaitu berisi biodata, yang mana disini source codenya kurang lebih hampir sama dengan page ke 1 dan juga menambahkan footer. berikut adalah source codenya:

Setelah selesai membuat menggunakan HTML, disini selanjutnya saya menggunakan CSS untuk merapikan dan membuat enak dilihat. karena SC dari CSS nya lumayan banyak, berikut adalah sebagian CSS yang digunakan :

Setelah semua sudah selesai dibuat yaitu dalam bentuk html dan CSS, selanjutnya yang saya lakukan adalah membeli hosting dan domain, agar website ini dapat di publikasikan. saya membeli paket domain+hosting di Domainesia. sehingga setelah selesai membeli, langsung saja source code dan file-file dimasukkan ke dalam file manager pada Website kita

Sekian yang bisa saya jelaskan dalam proses saya membuat websitenya, apabila ingin melihat websitenya bisa mengunjungi http://migellamp.my.id/

Terima Kasih.

Nama : Migel Aulia Mandiri Putra

NRP  : 05111940000194

Kelas : PWEB-A