Senin, 05 Desember 2016

MEMBUAT TEMPLATE SEDERHANA

DATA BIODATA SAYA
NAMA
:
SUDARMAN MARIYONO
NIM
:
1504411212
SEMESTER/KELAS
:
III/F
TTL
:
SALUBUA 18 MARET 1996
Dosen
:
Syafriadi, S.Kom, M,Kom

Berikut ini saya akan melampirkan langkah-langkah membuat template pada HTML . dalam hal ini berkaitan dengan tugas kuliah saya yang mana isi dari template tersebut adalah biodata pribadi.


Berikut ini saya lampirkan screenshoot kumpulan data rangkaian HTML saya:

Step yang pertama , saya menginput skrip untuk mengisi Heading seperti nama kampus, fakultas, prodi , kemudian ada juga Logo (format PNG) dan foto (format JPG)

<html>
<head>
</head>
<body div style="padding:2px;background-image:url('dd.jpg');
background-repead:repead;background-position:center;">
<table border="0"width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><center><img src="h6.png" width="60%"></td>
<td width="70%"><center>
<font face="hangbord DSG">
<br><font color="RED">
<b>PROGRAM STUDI TEKNIK INFORMATIKA<br>
   FAKULTAS TEKNIK KOMPUTER<br>UNIVERSITAS COKROAMINOTO PALOPO<br>
   TUGAS MATA KULIAH PEMROGRAMAN HTML<br><b><font face="jurassic">
   <marquee direction="right scrollamount="20" width="30% height="30%"> 
darmansudarman03@gmail.com </td>
<td><center><img src="h6.png" width="60%"></td></center>
</tr>
</table>
<hr align="center" size="2 pixel" width="1320centimeter" noshade color="BLUE">
</marquee>
</body>
</html>

Hasilnya:

Saya juga menambahkan, membuat, serta merubah font dan mengganti warna font. Mengatur jarak, dam membuat running text .

 <html>
<head>
<title>SUDARMAN MARIYONO</title>
</head>
<body bgcolor="BLACK">
<marquee>------------------------->Halaman Web Sederhana ini Merupakan <b>"Tugas html"</b>... Mata Kuliah <b>"Pemrograman HTML"</b><----------------------------- </marquee>
<table width="520" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="pink" bgcolor="BLUE">
  <tr bgcolor="RED">
    <th colspan="3" height="65">
    <p>DATA BIODATA SAYA</p>
    </th>
  </tr>
  <tr>
    <td width="153"><b>NAMA</b></td>
    <td width="23"><div align="center" >:</div></td>
    <td width="326"> SUDARMAN MARIYONO </td>
  </tr>
  <tr>
    <td><b>NIM</b></td>
    <td><div align="center" >:</div></td>
    <td> 1504411193</td>
  </tr>
  <tr>
    <td><b>SEMESTER/KELAS</b></td>
    <td><div align="center" >:</div></td>
    <td>  III/F</td>
  </tr>
  <tr>
    <td><b>TTL</b></td>
    <td><div align="center" >:</div></td>
    <td> SALUBUA 18 MARET 1996</td>
  </tr>
  <tr>
  <td><b>Dosen</b></td>
  <td><div align="center" >:</div></td>
  <td>Syafriadi, S.Kom, M,Kom
</table>
</body>
</html>

Hasilnya :

Cara memanggil :
<html>
<head>
<title> dasar pembuatan frame</title>
</head>
<frameset border="0" rows="30%,20%">
<frame src="D1.html">
<frame src="BIODATA.html">
</frameset>
</frameset>
</html>

Hasilnya :

Itu dia tadi cara sederhana membuat template. Semoga bermafaat bagi pembaca . adapun kekurangannya saya memohon maaaf, karena masih dalam proses pembelajaran . JIka kurang jelas silahkan tanyakan di e-mail saya : darmansudarman03@gmail.com