Home > web 3D ws > Cara Membuat Kartu nama dengan PHP, CSS5 dan HTML

Cara Membuat Kartu nama dengan PHP, CSS5 dan HTML

Alhamdulilah, hari ini Selasa, 31 Agustus 2012 dapat tugas banyak dari dosen saya bapak sajarwo.hehe.Tapi tugas kali ini benar-benar buat semangat mengerjakannya. coz, tugas kali ini PHP🙂 . Ya PHP merupakan pemprograman kedua yang aku senangi selain PERL dan Java. kemudahan dalam pengaksesan variabel, interaksi ke database, merupakan alasan utama kenapa saya menyukai PHP. Dalam tutorial ini, saya akan membuat program kartunama seperti berikut tampilannya :

 

 

 

 

 

Berikut merupakan progrannya :


<html>
 <!-- M.OCTAVIANO PRATAMA -->
 <head>
 <style type="text/css">
 .head
 {
 margin-left:18em;
 margin-top:4em;
 margin-right:18em;
 padding-left:18pt;
 padding-top:10pt;
 background:orange;
 height:4em;
 border-radius:25px 25px 0px 0px;
 }
 #body
 {
 padding-left:18pt;
 padding-top:18pt;
 margin-left:18em;
 margin-right:18em;
 padding-left:18pt;
 background:skyblue;
 height:16em;
 border-radius:0px 0px 25px 25px;
 }
 </style>
 </head>
 <body>
 <div class="head">
 <?php
 echo "
 <table border='0'align='center'>
 <tr><td><h3>KARTU TANDA MAHASISWA</h3></td><td><img style='padding-left:8em'src='logo.png'width='70'height='70'/></td></tr>
 </table>"
 ?>
 </div>
 <div id="body">
 <?php
 echo "<form name='octav'>
 <table border='0' align='center'>
 <tr><td rowspan='10'><img src='tav.jpg' width='125'height='150'></td></tr>
 <tr><td><b>Nama</td><td><b>:</td><td><b>M.OCTAVIANO PRATAMA</td></tr>
 <tr><td><b>Alamat</td><td><b>:</td><td><b>Taman Kopo Asri No 33, RT 05/08</td></tr>
 <tr><td>Tempat Lahir</td><td>:</td><td>Palembang</td></tr>
 <tr><td>Tanggal Lahir</td><td>:</td><td>03 November 1991</td></tr>
 <tr><td>Tinggi</td><td>:</td><td>169Cm</td></tr>
 <tr><td>Pekerjaan</td><td>:</td><td>Pelajar</td></tr>
 <tr><td>Jurusan</td><td>:</td><td>Teknik Informatika kesehatan</td></tr>
 <tr><td>Situs</td><td>:</td><td>https://octavianopratama.wordpress.com</td></tr>
 <tr><td></td><td></td><td>http://tavgreen.com</td></tr>
 </form>
 "
 ?>
 </div>
 </body>
</html>

Categories: web 3D ws
  1. August 18, 2012 at 9:13 am

    asyik juga mas,🙂

  2. idilhaq
    October 4, 2013 at 12:24 am

    Mas, mau tanya. Program PHP di atas ini, kartu namanya bisa disave ke jpg ga? Atau dicetak gitu. Kaya’ website SNMPTN. Kita bisa save trus diprint. Mohon penjelasannya mas. Makasih🙂

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s