Senin, 22 September 2014

TUTORIAL MEMBUAT TABEL TOKO ONLINE

TUTORIAL MEMBUAT TABEL ONLINE SHOP

Sebelumnya ...

Assalamu’alaikum wr.wb.

Disini saya akan membahas tentang tutorial cara membuat tabel , kolom dan garis . Dan gabungan kolom dengan garis . dan toko online .

Cara membuat baju Online :

Pertama kita ketik seperti dibawah ini untuk membuat halaman utama :

Kita buat index dulu , dan setelah jadi kita beri nama index.jpg

<html>

<head>
<title>Membuat Tabel</title>
</head>

<body>
<table width="1024"border="1"align="center">
<tr>
<td colspan="3"><img src="header.jpg"></td>
</tr>
<tr height="400">

<td width="150"bgcolor="83c5f8"><font size="+1" face="Brush Script Std">Menu</font><br>

        <a href="index.html">Beranda</a><br>
        <a href="profil.html">Profil Kami</a><br>
        <a href="produk.html">Produk Kami</a><br>
        <a href="kontak.html">Hubungi Kami</a><br>

</td>
 



Setelah itu membuat profil dan diberi nama profil.jpg

<html>
<head>
<hr>
 
        <tittle> <center> <b><font face="Xerography"> <font size="6" color="red"> PROFIL SAYA </font size="5" color="red"> <br>
<hr>
        <p align="center"><img src="DSC0377911.jpg"/></p><br>
        <body background="DSC03767.jpg"> <br> 
 
</head> 
<body background="DSC03767.jpg">
<p> <font face="Xerography"><font size="5" color="red"> Nama saya Lia Nur Hidayah<br>
Kelas XII Multimedia 2 <br>
No 17</font size="5" color="red"> <br> </p>
 
<p> <font face="Tekton Pro" color="black"> Alamat rumah saya di Dosaran RT19/05 , Kalikebo , Trucuk , klaten<br>
Hobi saya mengaji dan membaca :) Aku orangnya usil tapi baik sama ramah kok , hehe :D<br>
mungkin perkenalan cukup sekian. Thanks... <br>
<hr>
</head>
</html>
Dan hasilnya :
 








Kemudian cara membuat membuat tabel yang berisikan gambar , harga dan Qualitas kita ketik syntak Html produk dan diberi nama produk.jpg dibawah ini :

<td width="699"bgcolor="4d90db">&<table border = "1">
<tr><th> gambar</th><th>harga dan kualitas</th></tr>
<tr>
<td><img src="a.jpg"></td>
<td>
Harga   :       Rp. 215.000<br>
Ready  babydoll denim kancing hidup @63 copy<br>
</td>
</tr>
 
<tr>
<td><img src="b.jpg"></td>
<td>
Harga   :       Rp. 215.000<br>
READY  lips girl mat twiscone good qualyty @69 copy<br>
</td>
</tr>
 
<tr>
<td><img src="c.jpg"></td>
<td>
Harga   :       Rp. 175.000 <br>
Ready 038-maxi-bhn-sifon-seruti-ada-furing-free belt@-110rb copy<br>
</td>
</tr>
 
<tr>
<td><img src="d.jpg"></td>
<td>
Harga   :       Rp. 75.000 <br>
READY 1069@69<br>
buatan dari italia dengan merk ternama <br>
</td>
</tr>
 
<tr>
<td><img src="e.jpg"></td>
<td>
Harga   :       Rp. 75.000 <br>
READY blazer +iner @75 copy444<br>
buatan dari italia dengan merk ternama <br>
</td>
</tr>
 
<tr>
<td><img src="f.jpg"></td>
<td>
Harga   :       Rp. 69.000 <br>
READY choco cathrine @69 copy<br>
</td>
</tr>
 
<tr>
<td><img src="g.jpg"></td>
<td>
Harga   :       Rp. 98.000 <br>
Ready Cia2 59 rb bahan katun RAYON LD 98cm<br>
kancing variasi+tali serut copy<br>
</td>
</tr>
 
<tr>
<td><img src="h.jpg"></td>
<td>
Harga   :       Rp. 55.000 <br>
Ready Flazz 55rb bahan spandek fit to L+ ready copy<br>
</td>
</tr>
 
<tr>
<td><img src="i.jpg"></td>
<td>
Harga   :       Rp. 85.000 <br>
Ready maxi coklat tua katun rayon @85 copybr>
</td>
</tr>
 
<tr>
<td><img src="j.jpg"></td>
<td>
Harga   :       Rp. 110.000 <br>
Ready maxi ysl mat spandek halus +cardi +pasmina<br>
 @110 (good quality +pasmina )<br>
</td>
</tr>
 
<tr>
<td><img src="j.jpg"></td>
<td>
Harga   :       Rp.89.000 <br>
Ready stelan 3pcs@89 spandek pe bgs all djamin pasmina sifoon<br>
</td>
</tr>
 
<tr>
<td><img src="k.jpg"></td>
<td>
Harga   :       Rp.87.000 <br>
ReadyRed asyah @87rb blus+celana+maxi bahan spandek halus copy<br>
</td>
</tr>
 
<tr>
<td><img src="l.jpg"></td>
<td>
Harga   :       Rp. 87.000 <br>
ReadyRed asyah @87rb blus+celana+maxi bahan spandek halus<br>
buatan dari italia dengan merk ternama <br>
</td>
</tr>
 
<tr>
<td><img src="m.jpg"></td>
<td>
Harga   :       Rp.67.000 <br>
READY  HEMS LOLI @67 RB MATT TWISTCONE LD 100cm<br>
</td>
</tr>
 
<tr>
<td><img src="n.jpg"></td>
<td>
Harga   :       Rp. 69.000 <br>
Ready ! hem v stripe victoria@69 <br>
matt katun rayon import asli salur<br>
</td>
</tr>
 
<tr>
<td><img src="o.jpg"></td>
<td>
Harga   :       Rp.69.000 <br>
ready blouse lolita @69<br>
</td>
</tr>
 
<tr>
<td><img src="p.jpg"></td>
<td>
Harga   :       Rp. 69.000 <br>
Ready hem kotak xl @69<br>
</td>
</tr>
 
<tr>
<td><img src="q.jpg"></td>
<td>
Harga   :       Rp.68.000 <br>
Ready hem month @68 mat twiscone<br>
</td>
</tr>
 
<tr>
<td><img src="s1.jpg"></td>
<td>
Harga   :       Rp. 140.000 <br>
Ready overal hijab@140 mat jersey +pasmina<br>
</td>
</tr>
 
<tr>
<td><img src="s.jpg"></td>
<td>
Harga   :       Rp.135.000 <br>
Ready maxy jersey bagus high quality<br>
</td>
</tr>
 
<tr>
<td><img src="t.jpg"></td>
<td>
Harga   :       Rp. 69.000 <br>
Ready ! hem v stripe victoria@69<br>
matt katun rayon import asli salur copy<br>
</td>
</tr>
 
<tr>
<td><img src="u.jpg"></td>
<td>
Harga   :       Rp.77.000 <br>
Ready 1064@77 draperry dres matt jersey fit to XL copy<br>
</td>
</tr>
 
<tr>
<td><img src="v.jpg"></td>
<td>
Harga   :       Rp. 69.000 <br>
ready blouse lolita @69 copy<br>
</td>
</tr>
 
<tr>
<td><img src="w.jpg"></td>
<td>
Harga   :       Rp.59.000 <br>
Ready spandek rayon superr @59 copy<br>
</td>
</tr>
 
<tr>
<td><img src="x.jpg"></td>
<td>
Harga   :       Rp. 135.000<br>
READY!!! Maxi spandek @135 maxi +bleser +pasmina copy<br>
</td>
</tr>;</td>
<td width="163"bgcolor="fa308f">&nbsp;</td>
</tr>
 
 
 
<tr><td colspan="3"><center>Copyright 2014</center></td></tr>
</table>
</body>
</html>
 
</body>
</html>


(Keterangan di <td><img src:”ini diketik nama baju.jpg”></td>

Dan Hasilnya seperti ini :
























Setelah itu kita buat hubungi kami.jpg :
<html>
<head>
<title>Membuat Tabel</title>
</head>
 
<body>
<table width="1024"border="1"align="center">
<tr>
<td colspan="3"><img src="header.jpg"></td>
</tr>
<tr height="400">
 
<td width="150"bgcolor="#7f5bdc"><font size="+1" face="Brush Script Std">Menu</font><br>
 
        <table>
        <tr height="50">
        <td>
        <a href="index.html">Beranda</a><br>
        <a href="profil.html">Profil Kami</a><br>
        <a href="produk.html">Produk Kami</a><br>
        <a href="kontak.html">Hubungi Kami</a><br>
        </td>
        </tr>
 
        <tr height="350"><td><tr><td>
        </table>
 
</td>
 
<td width="699"bgcolor="#7c05f6">&nbsp;<table>
        <tr height="50">
        <td>
        Anda dapat menghubungi kami melalui<br>
        Boutiq Liia Olshop<br>
        telp: 085 729 510 354<br>
        facebook: Liia<br>
        e-mail:Lianurhidayah17@yahoo.com</br>
        blog : http://lianurhidayah17.blogspot.com<br>
        </td>
        </tr>
 
        <tr height="350"><td><tr><td>
        </table>
 
</td>
<td width="163"bgcolor="#ac73e7">&nbsp;</td>
</tr>
<tr><td colspan="3"><center>Copyright 2014</center></td></tr>
</table>
</body>
</html>
Dan hasilnya sebagai berikut :











Dan sebaiknya sebelum memasukkan gambar lebih baiknya kita samakan ukurannya di Adobe Photoshop biar hasilnya rapi dan rapi .
Sekian , dan Terima Kasih J
Semoga bermanfaat...
Wassalamualaikum wr.wb 


Tidak ada komentar:

Posting Komentar

Membentuk Karier Sejak Dini

Banyak orang beranggapan kalau kita berhasil masuk UI, masa depan sudah terjamin dan pasti gampang diterima kerja di mana pun. Namun, t...