Skip to main content

Tugas 2: Membuat Profil Diri dengan HTML

By

Tugas 2: Membuat Profil Diri dengan HTML

Nama: Aulia Eka Putri Aryani
NRP: 05111940000044
Kelas: PWEB-B

Pembahasan

Pada pertemuan kedua kelas PWEB, saya diminta untuk membuat Profil Diri dengan menerapkan HTML yang telah dipelajari sebelumnya. Sama seperti tugas sebelumnya, saya memanfaatkan Github Pages untuk meng-host halaman web ini, dimana default domain yang digunakan adalah github.io. Adapun konten dari webite profil diri yang saya buat adalah sebagai berikut.

1. Data diri
2. Riwayat Pendidikan
3. Informasi kontak

Berikut adalah tampilan website profil diri yang telah saya buat. Untuk lebih jelasnya bisa diakses di sini.

preview website

Pada pengerjaan tugas ini, saya memanfaatkan beberapa tag HTML beserta atribut nya. Seperti yang kita ketahui, elemen HTML dapat dibagi menjadi 2, yaitu head dan body. Pada bagian head, saya menggunakan tag <meta> untuk mendefinisikan informasi-informasi di luar HTML, tag <title> untuk memberikan judul dokumen, dan tag <style> untuk mendefinisikan style yang digunakan pada dokumen. 

Sedangkan, untuk bagian body, saya membaginya lagi menjadi 3 bagian dengan menggunakan tag <header>, <main>, dan <footer>. Pada <header>, saya menuliskan logo website dengan memanfaatkan tag <nav>. Kemudian, pada bagian <main>, saya isi dengan judul website menggunakan tag <h1>, garis dengan tag <hr>, dan 3 konten tabel dengan menggunakan tag <table>. Di dalam <table> terdapat tag <tr> untuk membuat baris tabel, yang mana didalamnya diisi oleh beberapa tag <th> (header cell) dan <td> (default cell). Untuk menggabungkan beberapa cell menjadi satu, saya memanfaatkan atribut collspan dan rowspan pada <th> atau <td>. Selanjutnya, untuk bagian <footer>, saya isi dengan garis sebagai pembatas dan copy right dengan menggunakan simbol &#169;. Untuk menengahkan setiap konten pada suatu elemen, saya menggunakan tag <center> atau atribut align dengan value center.

Untuk source code lengkapnya dapat dilihat di bawah ini atau dapat dilihat di sini.

Labels:

Comments

Post a Comment

Popular posts from this blog

Tugas 8: Implementasi PHP dan MySQL (CRUD)

By
 Tugas 8: Implementasi PHP dan MySQL (CRUD) Nama: Aulia Eka Putri Aryani NRP: 05111940000044 KELAS: PWEB-B Pembahasan Pada tugas kali ini, saya diminta untuk membuat website pendaftara n siswa yang mengimplementasikan proses CRUD (Create, Read, Update, dan Delete) dengan memanfaatkan PHP dan MySQL yang telah dipelajari sebelumnya. Dalam pengerjaan website ini, saya menggunakan HTML, CSS dan Bootstrap, serta PHP dan MySQL melalui phpmyadmin. Berbeda dengan pengerjaan-pengerjaan sebelumnya, hosting yang digunakan untuk pembuatan website ini adalah 000webhost. Alasan perpindahan dari Github Pages ke 000webhost ialah karena  Github Pages sudah tidak memadai sebagai tempat hosting dynamic website yang memerlukan post, get, dan database yang dapat terhubung ke website. Adapun tampilan dari website pendaftaran siswa yang saya buat dapat dilihat pada link berikut atau gambar di bawah ini. Tampilan ...
Post a Comment
Read more

Tugas 5: Membuat Formulir Validasi dengan JavaScript

By
Tugas 5: Membuat Formulir Validasi dengan JavaScript Nama: Aulia Eka Putri Aryani NRP: 05111940000044 Kelas: PWEB-B Pembahasan Pada pertemuan PWEB minggu lalu, saya diminta untuk membuat website pendaftaran kuliah tatap muka yang merupakan formulir validasi yang tidak dapat di- submit hingga seluruh datanya terisi. Untuk membuat website ini, saya mengimplementasikan HTML, CSS, dan JavaScript yang telah dipelajari sebelumnya serta memanfaatkan Github Pages untuk meng-host halaman website ini. Adapun isi dari formulir yang saya buat adalah sebagai berikut. Fakultas Departemen Nama NRP Email Kota Penyintas Dosis Vaksin Jenis Vaksin Ketersediaan Tatap Muka Seperti yang diminta oleh dosen saya, saya tidak mengizinkan user untuk melakukan submit formulir jika terdapat data yang belum terisi dan mengeluarkan alert apabila terdapat data yang kosong. Selain mengeluarkan alert, saya juga memberikan focus pad...
Post a Comment
Read more

Tugas 4: Membuat Website Katalog Produk dengan CSS

By
Tugas 4: Membuat Website Katalog Produk dengan CSS Nama: Aulia Eka Putri Aryani NRP: 05111940000044 Kelas: PWEB-B Pembahasan Pada pertemuan PWEB terakhir kali, saya diminta untuk membuat website yang berisi katalog produk dengan menggunakan CSS yang telah dipelajari.  Sama seperti tugas-tugas sebelumnya, saya memanfaatkan Github Pages untuk meng- host  halaman web ini, dimana  default  domain yang digunakan adalah github.io.  Berikut adalah tampilan dari website yang telah saya buat. Untuk lebih lengkapnya dapat dilihat pada link berikut . Tampilan Website Konten website yang saya buat adalah beranda dari website. Saya membagi beranda menjadi 3 div utama, yaitu div yang berperan sebagai header, main, dan footer. Pada div header saya meletakkan logo, kolom pencarian, akun,  wishlist ,  bag , serta navigasi yang yang terdir...
Post a Comment
Read more