Langsung ke konten utama

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

Komentar

Posting Komentar

Postingan populer dari blog ini

TUGAS 3 - Website Catalog

  Website Catalog Pada postingan kali ini, saya akan menjelaskan contoh website yang saya buat, yaitu website catalog dimana dalam pembuatan website ini menggunakan HTML dan CSS.  Berikut adalah bentuk atau tampilan dari websitenya : Berikut adalah Source code HTML dan CSS nya HTML: CSS : Sekian Penjelasan dari saya, Terima Kasih Nama : Migel Aulia Mandiri Putra NRP   : 05111940000194 Kelas : PWEB-A
Posting Komentar
Baca selengkapnya

TUGAS 3 - Grouping Object dan Auction Program

 GROUPING OBJECT Java Collections adalah framework yang menyediakan sebuah tempat untuk menyimpan dan memanipulasi sekumpulan objek. Adapun kegiatan yang dapat dilakukan pada sebuah data seperti pencarian, pengurutan, memasukkan, menghapus dapat dilakukan oleh Java Collections. Java Collection secara  sederhana merupakan sebuah objek. Kerangka kerja Java Collection menyediakan dalam bentuk interfaces(Set, List, Queue, Deque dll) dan untuk class (ArrayList, Vector, LingkedList, PriorityQueue, HashSet, LinkedHashSet, TreeSet dll).  ArrayList ArrayList merupakan implementasi dari interface List. Berikut ini contoh kode program collection ArrayList. Berikut contoh kode Collection ArrayList Iterasi Elemen Dengan For-Each Loop ArrayList dan Class Data Menggabungkan ArrayList Penggunaan RemoveAll pada ArrayList Penggunaan RetainAll pada ArrayList Linked List Hash Set Linked Hash Set Hash Map Hash Table AUCTION PROGRAM      Pada bagian ini, saya akan membuat sebuah...
Posting Komentar
Baca selengkapnya

Final Project PBO A

FINAL PROJECT - GAME SOKOBAN Tampilan awal dari game Sokoban Pada kesempatan kali ini, kami akan menjelaskan proses atau langkah- langkah dalam pembuatan game ini, game ini memiliki nama Sokoban, game ini dibuat oleh Ikhlasul Amal Rivel - 05111940000145 Migel Aulia Mandiri Putra - 05111940000194      Sokoban sendiri merupkan game lama, yang biasanya terdapat pada hp-hp nokia. Game sokoban sendiri memiliki cara bermain yaitu terdapat sebuah karakter yang mana karakter ini memiliki tugas atau misi  untuk memasukkan atau meletakkan box dengan cara didorong ke tempat yg sudah ditandai, tidak hanya itu dalam game sokoban ini juga terdapat rintangan rintangan yang akan membuat game ini lebih susah, sehingga game ini sangat dibutuhkan kejelian dan pemikiran yang cukup rumit.       Pada game ini  kami membuatnya menjadi 3 level, selain itu dalam pembuatan game ini dibutuhkan Class sebanyak 9, dalam pembuatan game Sokoban ini kami mengerjakannya mengg...
Posting Komentar
Baca selengkapnya