Selasa, 08 September 2020

tugas projek tema curiculum vitae/daftar riwayat hidup

Tugas projek tema:curiculum vitae/daftar riwayat hidup


Baik teman²,kali ini saya akan memaparkan tugas projek saya yang sudah saya kerjakan untuk menuhi salah satu tugas PBO(pemrograman berorientasi objek).

Berikut coding yang sudah saya buat:

<html>
<head>
<title>daftar riwayat hidup</title>
<body>
<h3><hr>curiculum vitae/daftar riwayat hidup<hr></h3>
<p>phone number:085524598342</p><p>email contacts:dseptiannurrizki@gmail.com</p>


<center><img src="septian1.jpg" width="200px" height="200px" border="5">

<p><h4>PERSONAL DETAILS</h4></p>

              <p>name:  David Septian nurrizki</p>
            <p>adress:  Bandung,pasirkoja</p>
 <p>Cell phone number:  085524598342</p>
             <p>email:  dseptiannurrizki@gmail.com</p>
      <p>date of birth: Bandung,13 September 2002</p>
      <p>natioanllity:  indonesia</p>
            <p>gender:  laki-laki</p>
            <p>religion:islam</p>
               
     <p><h4>EDUCATION DETAILS</h4></p>
     
     
     <p>2008-2016 SDN 2 Ciledug </p>
     <p>2016-2018 SMPN 2 lembang</p>
     <p>2018-2021 SMK 4 lppm RI padalarang</p>
     
     <p><h4>JOBS EXPERIENCES</h4></p>
     
     
     <table Border="3">
     <tr>
     <td>JOBS</td>
     <td>SERTIFICATE</td>
     <td>EXPERIENCE</td>
     </tr>
     
     <tr>
     <td>game engine</td>
     <td>yes</td>
     <td>yes</td>
     </tr>
     
     <tr>
     <td>design animator</td>
     <td>yes</td>
     <td>yes</td>
     </tr>
     
     <tr>
     <td>programmer</td>
     <td>yes</td>
     <td>yes</td>
     </tr>
     </table>
     
     <p><h4>SKILL</h4></p>
     
     <p>desain animasi</p>
     <p>desain web</p>
     <p>web program</p>
     
     <p><h4>PERSONALITY</h4></p>
     
     <p>memilki attitude yang baik,disiplin,pekerja keras 
        selalu bersemangat mencintai pekerjaan</p>
        
        <marquee behavior="alternate"> <li><a href="https://www.blogger.com/blogger.g?blogID=4781922702206095366#allposts/src=sidebar">halaman blog saya</a></li></marquee>
        <marquee behavior="alternate"> <li><a href="https://www.facebook.com/david.septiannurrizki.7">profil Facebook saya</a></li></marquee>
        
        
        </body>
        </head>
        </html>
       


Hasil gambar dari coding di atas :


catatan:maaf jika gambar screenshot saya tidak full screen,karena saya mengerjakan coding menggunakan hp,jadi mohon maaf apabila hasilnya seperti yang dilihat di atas.

Hasil tampilan halaman web dari coding di atas:






catatan:begitu juga dengan tampilan halaman web saya mohon maaf jika teks halaman blog saya,dan halaman profil Facebook saya tidak sejajar(karena saya menggunakan teks berjalan(Marquee)pada codingnya)

Sekian laporan hasil tugas yang saya kerjakan maaf jika masih ada kesalahan,kekurangan juga banyak catatan yang saya sisipkan di antara tugas yang saya buat. Itu semata mata untuk memperjelas bila anda yang melihat tidak mengerti.
Sekian laporan hasil saya untuk memenuhi salah satu tugas PBO. 
di Tidak ada komentar:

Kamis, 03 September 2020

belajar membuat halaman web dengan menggunakan bahasa hmtl dan css

Belajar membuat halaman web menggunakan bahasa HTML dan CSS

Berikut adalah contoh coding nya:

<html>

<head>

<title>landingpage</title>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

<h1><marquee>selamat datang di kelompok kami</marquee></h1>

<br>

<p>ini adalah pengalaman pertama kami membangun halaman website dengan HTML dan CSS</p>

<h2>covid 19 semoga cepat berakhir</h2>

<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT8ICbzCAQH3WMgx3Vv8btRDQVlIG_19qyOrg&usqp=CAU">

<h5>selamat datang di kelompok kami</h5>

<div class="david">

    <ul>

        <li class="a1">HTML</li>

        <li class="b2">PHP</li>

        <li class="c3">JAVA</li>

    </ul>

</body>

</html>

Selanjutnya kita akan buat tulisan dan halaman web menjadi berwarna

<style>

h1 {

    /*(komen)memberi sebuah penjelasan mengenai tag atau elemen agar

    memberi kemudahan dalam mengidentifikasi kesalahan*/

    color: black;

    font-size: 50px; 

    background-color:#bfff00; 

}

p {

    color:black;

    font-size: 25px; 

    font-family: georgia;

    box-shadow: 6px 5px 4px rgba(0,0,0,0.8); padding: 1px; border:0 px;

    background:aqua;

    width:1050px;

}

h2 {

    color:white;

    box-shadow: 6px 5px 4px rgba(0,0,0,0.8); padding: 1px; border:0 px;

    background:yellow;

    width: 350px;

}

img {

     width: 200px;

     height: 140px;

}

h5 {

    color: white;

    font-size:40px; 

    background-color:yellow;

    width: 750px; 

}

.a1{

    color: red;

}

.b2{

    color: black;

}

.c3{

    color: blue;

}

</style>


Ini adalah hasil dari coding di atas yang saya kerjakan lewat w3school.com


 sekian laporan tugas yang sudah saya buat jika masih banyak kesalahannya mohon di mengerti karena saya masih belajar

di Tidak ada komentar:
Langganan: Postingan (Atom)

tugas projek tema curiculum vitae/daftar riwayat hidup

Tugas projek tema:curiculum vitae/daftar riwayat hidup Baik teman²,kali ini saya akan memaparkan tugas projek saya yang sudah saya kerjakan ...