Tugas Pertemuan 1 PWEB

Nama : Achmad Khosyi' Assajjad Ramandanta

NRP : 5025211007

Kelas : PWEB (A)

Tugas : Membuat CV sederhana menggunakan HTML


    Tugas kali ini adalah membuat CV sederhana hanya dengan menggunakan HTML. Berikut adalah tampilannya :


Source Code:

<!DOCTYPE html>
<html>
 
<head>
  <title>WEB</title>
</head>
 
<body style="margin: 0px; background-color: #272829;">
  <div id="head-line">
    <h2 id="judul" align="center" style="color: white">CURRICULUM VITAE</h2>
  </div>
  <div>
    <div id="bg_img">
      <div id="bg_clr">
        <table align="center" style="color: white; padding: 50px">
          <tr>
            <th colspan="4" id="name">
              ACHMAD KHOSYI' ASSAJJAD RAMANDANTA
            </th>
          </tr>
          <tr>
            <td colspan="4">
              <p id="quotes">Mahasiswa S1 Teknik Informatika ITS angkatan 21 yang sedang berada di semester 5 dan mengambil mata
                kuliah Pemrograman Web. Halaman ini merupakan tugas pertama dari mata kuliah Pemrograman Web yang akan menampilkan
                sedikit tentang profile saya dan skill-skill yang saya punya. Mindset saya saat ini adalah "Coba semua saja dulu selagi
                kegiatan tersebut memiliki makna positif"</p>
            </td>
          </tr>
          <tr>
            <td align="center" rowspan="8">
              <img src="foto.jpg" width="200" height="300">
            </td>
            <td id="font_bio">Nama Panggilan</td>
            <td>:</td>
            <td id="font_isi">Khosyi'</td>
          </tr>
          <tr>
            <td id="font_bio">Jenis Kelamin</td>
            <td>:</td>
            <td id="font_isi">Laki laki</td>
          </tr>
          <tr>
            <td id="font_bio">Tempat, Tanggal Lahir</td>
            <td>:</td>
            <td id="font_isi">Gresik, 24 September 2003</td>
          </tr>
          <tr>
            <td id="font_bio">Tempat Tinggal</td>
            <td>:</td>
            <td id="font_isi">JL. Merak II Blog G-26 GKA</td>
          </tr>
          <tr>
            <td id="font_bio">Agama</td>
            <td>:</td>
            <td id="font_isi">Islam</td>
          </tr>
          <tr>
            <td id="font_bio">Nomor HP</td>
            <td>:</td>
            <td id="font_isi">08113303924</td>
          </tr>
          <tr>
            <td id="font_bio">Email</td>
            <td>:</td>
            <td id="font_isi">ramandanta@gmail.com</td>
          </tr>
        </table>
      </div>
    </div>
  </div>
 
  <div>
    <div id="bg_img">
      <div id="bg_clr">
        <table align="center" style="color: white; padding: 20px">
          <tr>
            <th colspan="4" id="name">
              SKILLSET & TOOLSET
            </th>
          </tr>
          <tr>
            <td align="center" rowspan="8" style="padding-left: 65px;">
              <img src="fotovs.png" width="400" height="225">
            </td>
            <td id="font_bio">Nama Skill</td>
            <td>:</td>
            <td id="font_isi">Coding</td>
          </tr>
          <tr>
            <td id="font_bio">Tools</td>
            <td>:</td>
            <td id="font_isi">Miscrosoft Visual Studio, VS Code, ECLIPSE IDE</td>
          </tr>
          <tr>
            <td id="font_bio">Bahasa</td>
            <td>:</td>
            <td id="font_isi">C, C++, C#, Java, Python, HTML, CSS</td>
          </tr>
          <tr>
          </tr>
        </table>
      </div>
    </div>
  </div>
 
  <div>
    <div id="bg_img">
      <div id="bg_clr">
        <table align="center" style="color: white; padding: 20px">
          <tr>
            <td align="center" rowspan="8">
              <img src="fotofl.png" width="400" height="225">
            </td>
            <td id="font_bio">Nama Skill</td>
            <td>:</td>
            <td id="font_isi">Producing, Mixing, Mastering Lagu</td>
          </tr>
          <tr>
            <td id="font_bio">Tools</td>
            <td>:</td>
            <td id="font_isi">FL STUDIO 21</td>
          </tr>
          <tr>
            <td id="font_bio">Nama Panggung</td>
            <td>:</td>
            <td id="font_isi">Hikarei</td>
          </tr>
          <tr>
            <td id="font_bio">Pasar Musik</td>
            <td>:</td>
            <td id="font_isi">Spotify, Apple Music, YT Music</td>
          </tr>
        </table>
      </div>
    </div>
  </div>
 
</body>
 
</html>


Comments

Post a Comment

Popular posts from this blog

Evaluasi Tengah Semester

Image
 Achmad Khosyi' Assajjad Ramandanta 5025211007 PWEB (A) 1. Jelaskan fungsi html, css, javascript, bootstrap, dalam pembangunan aplikasi web. HTML (Hypertext Markup Language), CSS (Cascading Style Sheets), JavaScript dan Bootstrap adalah teknologi inti yang umum digunakan dalam pengembangan aplikasi web. Setiap teknologi mempunyai peran yang berbeda-beda dalam membuat aplikasi web: HTML (HyperText Markup Language): HTML adalah bahasa markup yang digunakan untuk membuat struktur dasar situs web. Ini adalah bagian mendasar dari setiap situs web dan digunakan untuk mengidentifikasi elemen seperti teks, gambar, tautan, dan  lainnya. HTML menyediakan struktur dasar halaman web dan digunakan untuk mengatur konten. CSS (Cascading Style Sheets): CSS adalah bahasa yang digunakan untuk mengatur tampilan dan gaya halaman web. Ini memungkinkan kita  mengontrol warna, ukuran, jenis font, tata letak, dan aspek estetika lainnya dari elemen HTML. Dengan CSS, kita dapat memisahkan formulir...
Read more

KUIS 1

Image
Achmad Khosyi' Assajjad Ramandanta 5025211007 PWEB (A) Tugas kali ini adalah QUIZ 1, dimana kita ditugaskan untuk membuat halaman web untuk company profile. Berikut berupakan foto tampilan halaman web yang saya kerjakan Source Code :  Github  
Read more

Final Project Pemrograman Web

Image
Achmad Khosyi' Assajjad Ramandanta 5025211007 Pemrograman Web (A) 0. Cari paper yang berhubungan dengan aktivitas pembuatan perangkat lunak/ aplikasi! 1. Buatlah deskribsi studi kasus pemrograman web (individu) Latar Belakang : Bimbingan belajar (bimbel) merupakan salah satu lembaga pendidikan non-formal yang menyediakan layanan pembelajaran tambahan bagi siswa. Bimbel hadir untuk membantu siswa dalam meningkatkan prestasi belajarnya, baik di sekolah maupun di perguruan tinggi. Dalam menjalankan operasionalnya, bimbel membutuhkan sebuah website yang dapat membantu dalam berbagai hal, seperti: - Pendaftaran peserta bimbel - Pengelolaan data murid bimbel - Pengelolaan data guru bimbel - Pengelolaan data materi bimbel - Pengelolaan data jadwal bimbel Tujuan Studi Kasus : Tujuan dari studi kasus ini adalah untuk membangun sebuah website bimbel  yang dapat memenuhi kebutuhan bimbel dalam operasionalnya. 2. Buatlah rancangan umum arsitektur atau fitur yang ada dalam aplikasi  (indiv...
Read more