Skip to main content

Tugas 2: Membuat Profil Diri dengan HTML

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.

Comments

Popular posts from this blog

Tugas 4: Membuat Website Katalog Produk dengan CSS

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

Tugas 3: Analisis Kegagalan RE Process melalui Film Dokumenter Downfall

Tugas 3: Analisis Kegagalan RE Process melalui Film Dokumenter Downfall Nama: Aulia Eka Putri Aryani NRP: 05111940000044 Kelas: RK-D Pembahasan MCAS (Maneuvering Characteristics Augmentation System) MCAS (Maneuvering Characteristics Aug mentation System) merupakan sistem baru yang dikembangkan oleh Boeing Company melalui Pesawat Boeing 737 Max. MCAS didesain untuk menurunkan hidung pesawat  secara otomatis   ketika  sudut serang ( angle-of-attack ) terlalu besar.  Ia memanfaatkan motor Speed Trim untuk memutar stabilisator horizontal ( h orizontal stabilizer )  setiap kali angle-of-attack yang  terlalu besar terdeteksi.  Hal ini dilakukan untuk mencegah pesawat berada dalam kondisi  stall – kondisi dimana koefisien angkat yang dihasilkan oleh foil (sayap dalam pesawat)  berkurang atau hilangnya  karena  angle-of-attack  yang terlalu besar . Namun, apabila senso...

Tugas 9: Requirement Modelling Language Loket.com

Tugas 9: Requirement Modelling Language Loket.com Nama: Aulia Eka Putri Aryani NRP: 05111940000044 Kelas: RK-D Pembahasan Loket.com adalah platform yang memiliki Ticketing Management Service (TMS) teknologi unggul dalam mendukung seluruh penyelenggaraan event, mulai dari distribusi dan manajemen tiket hingga penyediaan laporan analisa event di akhir acara.  Beberapa teknologi yang tersedia untuk memfasillitasi penyelenggara event dalam setiap tahap persiapan adalah sebagai berikut. Distributor tiket terlengkap untuk melakukan penjualan tiket penyelenggara event. Sistem pembayaran yang beragam dan aman sehingga memberikan kemudahan kepada calon pembeli. Gate management yang aman dan nyaman untuk akses saat event berlangsung sehingga event dengan jumlah penonton yang besar dapat ditangani dengan mudah. Sistem analisis data yang lengkap dan komprehensif setelah acara berlangsung untuk memudahkan penyelenggaraan event dalam menentukan strategi event selanjutnya. Business Objective Mode...