Biodata Dede With PHP... ~ Angga Gemilang Blog

Assalamualaikum wr, wb

Nah, tidak seperti biasanya. sekarang kita memasuki cara membuat web dinamis, berbeda dengan sebelumnya yang selalu kita pelajari tentang pembuatan web statis. nah sebagai permulaan, saya disuruh guru unutk mebuat sebuah web biodata dengan mengunakan PHP. bisa dilihat, check it out ...

Biodata with PHP
Penjelasannya...

Saya akan menunjukan cara - cara versi saya unutk membuat sebuah web biodata dengan menggunakan tiga langkah, pertama membuat tampilan secara sederhananya dengan menggunkaan HTM, kedua kita bisa menggunakan CSS untuk styling file html tadi, lalu ketiga kita bisa menambahkan variabel - variabel dengan isi yang penting kdalam file PHP tadi

CSS (index.css)

body
  {
   background: #a7c5bd;
   overflow-y: hidden;
  }
  .container
  {
   position: absolute;
   top: 50%;
   background: #53917E;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 55%;
   border-radius: 10px;
   letter-spacing: 2px;
   border-top: 20px solid #447768; 
   height: 60%;
   color: #fff;
   box-shadow: 0 10px 20px rgba(0,0,0,.5);
  }
  .profile img
  {
   position: absolute;
   top: 75%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   width: 18%; 
   height: 40%;
   background: #fFF;
  }
  h1
  {
   text-transform: uppercase;
   text-align: center; 
   margin-top: 50px;

  }
  hr
  {
   width: 20%;
   border-top:solid #000;
   margin-top: -10px;
  }

HTML dan PHP (biodata.php)

<!DOCTYPE html>
<html>
<head>
<title>Created by angga gemilang</title>
</head>
<body>
 <h1>Biodata</h1>
 <hr>
 <div class="container">
  <?php  
   
   $nama = "Angga Gemilang";
   $ttl = "24 Agustus 2002";
   $sekolah = "SMKN 4 Bandung";
   $kelas = "XI RPL 1";
   $alamat = "Jalan Ciguruwik Babakan Sukamulya RT 02 RW 13 No. 53";
   $hobi = "Ngoding";
   $cita_cita = "programmer";
   $anak = "3";
   $smp = "SMPN 1 CIleunyi";
   $pljrn = "matematika";
   $jurusan = "RPL";

   echo "<p style='color: #000; text-align: justify; padding: 10px 30px; font-family: arial; font-weight: bold;'>Halo, nama saya $nama saya lahir pada tanggal $ttl, untuk saat ini saya bersekolah di $sekolah kelas $kelas. rumah saya beralamat di $alamat. Saya Merupakan Anak ke $anak, dengan bersekolahnya saya di $sekolah, saya berharap memiliki masa depan yang cerah. juga dibarengi dengan doa. saya selalu berdoa agar cita - cita saya dari agar segeranya terkabul menjadi $cita_cita. For your information duli sebeleum saya lulus ke smk, saya sekolah di $smp, hingga ketika UN alhamdulillah saya bisa mendapatkan nem yang lumayan baik, mencapai 31. dari SMP sudah saya niatkan setelah lulus saya ingin lanjutkan ke smk jurusan komputer, namun pada saat itu saat tidak tahu apa - apa tentang seluk beluk trntang ilmu perkomputeran, hingga pada akhirnya saya melakukan observasi ke smk 4, smk 13, dan smk 2. di smk 13 itu saya banyak bertanya tentang jurusan komputer, saya mendapatkan banyak ilmu disana, namun karena usia jurusan Komputer disana terbilang baru, terutama RPL yang belum meluluskan satupun muridnya, karena memang pada saat itu baru berusia 2 tahu. yang pada akhirnya saya memilih smk 4 sebagai sekolah tujuan saya berikutnya. dengan lokasi yang luamayan jauh, namun akomodasi yang mudah, banyaknya kendaraan. berbeda dengan smk 2 yang tidak ada angkutan umum yang lewat. di smp sendiri pelajaran yang paling saya benci adalah $pljrn, tadinya saya kira di smk $jurusan tidak akan adanya matematika, taunya masih ke matematika - matematika juga.  </p>";
  ?>
 </div>
 <div class="profile">
  <img src="gambar dede.png">
 </div>
 <body>
<html>

Hasil Dari Pengerjaan Biodata with PHP :

Mungkin sekian saja yang dapat kami sampaikan pada kesempatan kali ini dalam post yang berjudul Biodata Dede With PHP karena postingan juga sudah sangat panjang, pinggang kami juga kayaknya sudah encok, mata udah sangat lelah melihat codingan yang begitu panjang dan acak-acakan. saya cukupkan saja.

Wassalamualaikum wr, wb

Angga Gemilang Blog

Minggu, 07 Oktober 2018

Biodata Dede With PHP...

Assalamualaikum wr, wb

CSS (index.css)

HTML dan PHP (biodata.php)

0 komentar:

Posting Komentar

Follow Me

Clock

Calendar

Popular Posts

Blog Archive

About Me

Sent Quick Message

Translate

Translator's Flag

SMK Negeri 4 Bandung

Pesan Dari Admin

About