SURAT KETERANGAN Hasil Uji Program Tugas Akhir. Dengan Hasil : SUKSES / GAGAL
|
|
|
- Vera Hermanto
- 6 tahun lalu
- Tontonan:
Transkripsi
1 KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATARA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan Telp. (061) , , Fax. (061) Medan SURAT KETERANGAN Hasil Uji Program Tugas Akhir Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma 3 Teknik Informatika : Nama : Ogiana NIM : Program Studi : D3 Teknik Informatika Judul Tugas Akhir :Perancangan Website Ogiana s House Menggunakan PHP Dan MYSQL Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal 10 Maret 2014 Dengan Hasil : SUKSES / GAGAL Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan. Medan, Maret 2014 Dosen Pembimbing Program Studi D3 Teknik Informatika Drs. Marihat Situmorang, M.Kom NIP
2 KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATARA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan Telp. (061) , , Fax. (061) Medan KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : Ogiana Nomor Induk Mahasiswa : Judul Tugas Akhir : Perancangan Website Ogiana s House Menggunakan PHP Dan MYSQL Dosen Pembimbing : Drs. Marihat Situmorang, M.Kom Tanggal Mulai Bimbingan : September 2013 Tanggal Selesai Bimbingan : Maret 2014 No. 1. Tanggal Asistensi Bimbingan Pembahasan Pada Asistensi Mengenai Pada Bab Paraf Dosen Pembimbing Keterangan * Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai. Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua, Pembimbing, Prof. Dr. Tulus, M.Si., P.hD Drs. Marihat Situmorang, M.Kom NIP NIP
3
4 Home.php <html> <head> <title>ogiana's House</title> <style type="text/css">.wrapperutama{ float: center; background-color: transparent; height: 1070px; margin: 0px 0px 0px 160px;.wrapper1{ float: justify; background: url('header copy.jpg'); height: 120px; margin: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapper-menu{ background: url('menu.jpg'); height: 30px; margin: 0px 0px 0px 0px; list-style: none;.wrapper-menu ul { list-style: none; font-weight: bold;
5 margin:0px; padding: 0px; #utama li a:hover { color: brown; #utama,#sub-menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; #utama a { width: auto; height: 40px; text-decoration: none; display: block; color: black; padding: 0px 0px 0px 70px; margin-right: 0px; margin-left: 10px; font-family: freestyle script; font-size: 1.7em; font-weight: bold; #sub-menu { background: url('menu.jpg'); margin: 0px 0px 0px 70px; padding: 0px 0px 0px 0px; #sub-menu a { font: myriad; width: 190px;
6 height:30px; text-decoration: none; display: block; color: black; padding: 0px 0px 0px 0px; #sub-menu li { width: 190px;.wrapper-menu li { position: relative; padding:1px;.wrapper-menu li ul { position: absolute; display: none; top:40px; padding: 0px; margin: 0px; #sub-menu li a:hover { background: url('');.wrapper-menu li:hover ul, li:hover ul { background: url(''); width:190px;
7 display: block;.wrapperbawah{ height: 900px; margin: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapper2{ background: url('coverr.jpg'); height: 400px; margin: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapper2 table{ background-color: grey; width: 675px; margin: 0px 0px 0px 320px.wrapper2 td{ height: 370px; border-top: solid;.social{
8 float: right; width: 350px; height: 100px; background: transparent; margin:270px 20px 0px 0px;.wrapper3{ height: 400px; margin:0px 0px 0px 0px; -moz-box-shadow:0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapper4{ background: url('copyright.jpg'); height: 80px; border-top: solid; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; th{ font-family: calibri; font-size: 2em;.gallery { margin: 0px 0px 0px 40px;
9 padding-top: 30px;.gallery a { display: inline-block; height: 135px; position: relative; width: 180px; /* CSS3 Prevent selections */ -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; user-select: none;.gallery a img { border: 8px solid #fff; border-bottom: 20px solid #fff; cursor: pointer; display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;
10 /* CSS3 transition rules */ -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease; -moz-box-shadow: 2px 2px 4px #444; -webkit-box-shadow: 2px 2px 4px #444; -o-box-shadow: 2px 2px 4px #444; box-shadow: 2px 2px 4px #444;.gallery a:nth-child(1) img { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);.gallery a:nth-child(2) img { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);.gallery a:nth-child(3) img { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);.gallery a:nth-child(4) img { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);
11 .gallery a:nth-child(5) img { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);.gallery a:focus img { cursor: default; height: 250%; left: -150px; top: -100px; position: absolute; width: 250%; z-index: 25; /* CSS3 transition rules */ -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; transition: all 1.0s ease; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); </style> </head> <body> <div class="wrapperutama"><div class="wrapper1"></div><div class="wrapper-menu">
12 <ul id="utama"> <li><a href="#">home</a></li> <li><a href="collection.php">colection</a> <ul id="sub-menu"> <li><a href="collectionshow.php">kebaya</a></li> Adat</a></li> <li><a href="collectionadat.php">pakaian </ul></li> <li><a href="dance.php">traditional Dance</a></li> <li><a href="order.php">how To Order</a></li> <li><a href="contact.php">contact Us</a></li> </ul></div> <div class="wrapperbawah"> <div class="wrapper2"><div class="social"> <a href="#"><img src="facebook.png" width="115px;" height="100px;"></a><a href="#"><img src="twittter.png" width="115px;" height="100px;"></a><a href="#"><img src="insta.png" width="115px;" height="100px;" padding="10px;"></a></div></div> <div class="wrapper3"> <div class="gallery"> <a tabindex="1"><img src="o1.jpg"></a> <a tabindex="2"><img src="o2.jpg"></a> <a tabindex="3"><img src="o3.jpg"></a> <a tabindex="4"><img src="o4.jpg"></a> <a tabindex="5"><img src="o5.jpg"></a> </div></div> </body> </div> </div> <div class="wrapper4"></div>
13 </html> Collection.php <html> <head> <title></title> <style type="text/css">.wrapperutama{ float: center; background-color: transparent; height: 1070px; margin: 0px 0px 0px 160px;.wrapper1{ float: justify; background: url('header copy.jpg'); height: 120px; margin: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapper-menu{ background: url('menu.jpg'); height: 30px; margin: 0px 0px 0px 0px; list-style: none;
14 .wrapper-menu ul { list-style: none; font-weight: bold; margin:0px; padding: 0px; #utama li a:hover { color: brown; #utama,#sub-menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; #utama a { width: auto; height: 40px; text-decoration: none; display: block; color: black; padding: 0px 0px 0px 70px; margin-right: 0px; margin-left: 10px; font-family: freestyle script; font-size: 1.7em; font-weight: bold;
15 #sub-menu { background: url('menu.jpg'); margin: -7px 0px 0px 70px; padding: 0px 0px 0px 0px; #sub-menu a { font: myriad; width: 190px; height: auto; text-decoration: none; display: block; color: black; padding: 10px 0px 10px 0px; border-bottom: 1px solid white; #sub-menu li { width: 190px;.wrapper-menu li { position: relative; padding:1px;.wrapper-menu li ul { position: absolute;
16 display: none; top: 45px; padding: 0px; margin: 0px; #sub-menu li a:hover { background: url('');.wrapper-menu li:hover ul, li:hover ul { background: url(''); width: 210px; display: block;.wrapperbawah{ height: 900px; margin: 5px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapperb1{ width: 250px; height: 900px; margin: 0px 0px 0px 0px; background: url('kanan.jpg'); -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;
17 .wrapperb2{ float: right; width: 250px; height: 900px; background: url('kanan.jpg'); -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; th{ width: 300px; background: url('menu2.jpg'); padding: 0px;.th1{ width: 150px; height: 30px; text-align: center; background: none; font-family: calibri; font-weight: none; a{ color: black; text-decoration: none;.gambar{ width: 150px; height: 150px;
18 background: white; </style> </head> <body> <div class="wrapperutama"> <div class="wrapper1"> </div> <div class="wrapper-menu"> <ul id="utama"> <li><a href="home.php">home</a></li> <li><a href="collection.php">colection</a> <ul id="sub-menu"> <li><a href="collectionshow.php">kebaya</a></li> Adat</a></li> <li><a href="collectionadat.php">pakaian </ul></li> <li><a href="dance.php">traditional Dance</a></li> <li><a href="order.php">how To Order</a></li> <li><a href="contact.php">contact Us</a></li> </ul></div> <div class="wrapperbawah"> <div class="wrapperb1"> <table> Kebaya</a></th></tr> Adat</a></th></tr> Tradisional</a></th></tr> <tr><th><a href="collectionshow.php">baju <tr><th><a href="collectionadat.php">pakaian <tr><th><a href="dance.php">tari
19 <tr><th><a href="#">tata Rias Wajah & Rambut</a></th></tr></table></div> <div class="wrapperb2"> <table><tr><th style="background:transparent;font-family:freestyle script;font-size:1.8em;">find Us On:</th></tr> <tr><th style="background:transparent;"><img src="facebook.png" style="width:150px;height:150px;"></th></tr> <tr><th style="background:transparent;"><img src="twittter.png" style="width:150px;height:150px;"></th></tr> </table> <table><tr><th style="background:transparent;font-family:freestyle script;fontsize:1.8em;">payment:</th></tr> <tr><th style="background:transparent;"><img src="bri.jpg" style="width:240px;height:75px;"></th></tr> <tr><th style="background:transparent;"><img src="bni.jpg" style="width:240px;height:75px;"></th></tr> </table> Us</a></div> <a href="contactus.php"> Contact <table> <?php mysql_connect("localhost","root",""); mysql_select_db("ogiana"); $per_page=5; $page_query=mysql_query("select count(*) from collection");
20 $pages=ceil(mysql_result($page_query, 0) / $per_page); : 1; $page=(isset($_get['page']))? (int)$_get['page'] $start=($page - 1) * $per_page; from collection $per_page"); $query=mysql_query("select * LIMIT $start, while($query_row=mysql_fetch_assoc($ query)){ echo" class='th1'>$query_row[gambar]</th> class='th1'>$query_row[nama]</th> class='th1'>$query_row[harga]</th> <tr><th <th <th "; $pages){ if($pages >= 1 && $page <= for($x=1; $x<=$pages; $x++){ echo ($x == $page)? '<a href="?page='.$x.'">'.$x.'</a> ' : '<a href="?page='.$x.'">'.$x.'</a> ';?> </table></div> </div>
21 </body> </html> Collectionshow.php <html> <head> <title></title> <style type="text/css">.wrapperutama{ float: center; background-color: transparent; height: 1070px; margin: 0px 0px 0px 160px;.wrapper1{ float: justify; background: url('header copy.jpg'); height: 120px; margin: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapper-menu{ background: url('menu.jpg'); height: 30px; margin: 0px 0px 0px 0px; list-style: none;
22 .wrapper-menu ul { list-style: none; font-weight: bold; margin:0px; padding: 0px; #utama li a:hover { color: brown; #utama,#sub-menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; #utama a { width: auto; height: 40px; text-decoration: none; display: block; color: black; padding: 0px 0px 0px 70px; margin-right: 0px; margin-left: 10px;
23 font-family: freestyle script; font-size: 1.7em; font-weight: bold; #sub-menu { background: url('menu.jpg'); margin: -7px 0px 0px 70px; padding: 0px 0px 0px 0px; #sub-menu a { font: myriad; width: 190px; height: auto; text-decoration: none; display: block; color: black; padding: 10px 0px 10px 0px; border-bottom: 1px solid white; #sub-menu li { width: 190px;.wrapper-menu li { position: relative;
24 padding:1px;.wrapper-menu li ul { position: absolute; display: none; top: 45px; padding: 0px; margin: 0px; #sub-menu li a:hover { background: url('');.wrapper-menu li:hover ul, li:hover ul { background: url(''); width: 210px; display: block;.wrapperbawah{ height: 900px; margin: 5px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapperb1{
25 width: 250px; height: 900px; margin: 0px 0px 0px 0px; background: url('kanan.jpg'); -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapperb2{ float: right; width: 250px; height: 900px; background: url('kanan.jpg'); -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; th{ width: 300px; background: url('menu2.jpg'); padding: 0px;.th1{ width: 150px; height: 30px; text-align: center; background: none; a{ color: black; text-decoration: none;
26 .gambar{ width: 150px; height: 150px; background: white;.wrapper4{ background: url('copyright.jpg'); height: 80px; border-top: solid; -moz-box-shadow: -10px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; </style> </head> <body> <div class="wrapperutama"> <div class="wrapper1"> </div> <div class="wrapper-menu"> <ul id="utama"> <li><a href="home.php">home</a></li> <li><a href="collection.php">colection</a> <ul id="sub-menu"> <li><a href="collectionshow.php">kebaya</a></li> Adat</a></li> <li><a href="collectionadat.php">pakaian
27 </ul></li> <li><a href="dance.php">traditional Dance</a></li> <li><a href="order.php">how To Order</a></li> <li><a href="contact.php">contact Us</a></li> </ul></div> <div class="wrapperbawah"> <div class="wrapperb1"> <table> Kebaya</a></th></tr> Adat</a></th></tr> Tradisional</a></th></tr> <tr><th><a href="collectionshow.php">baju <tr><th><a href="collectionadat.php">pakaian <tr><th><a href="dance.php">tari <tr><th><a href="#">tata Rias Wajah & Rambut</a></th></tr></table></div> <div class="wrapperb2"> <table><tr><th style="background:transparent;font-family:freestyle script;font-size:1.8em;">find Us On:</th></tr> <tr><th style="background:transparent;"><img src="facebook.png" style="width:150px;height:150px;"></th></tr> <tr><th style="background:transparent;"><img src="twittter.png" style="width:150px;height:150px;"></th></tr> </table> <table><tr><th style="background:transparent;font-family:freestyle script;fontsize:1.8em;">payment:</th></tr> <tr><th style="background:transparent;"><img src="bri.jpg" style="width:240px;height:75px;"></th></tr>
28 <tr><th style="background:transparent;"><img src="bni.jpg" style="width:240px;height:75px;"></th></tr> </table> Us</a></div> <a href="contactus.php"> Contact <table> <?php mysql_connect("localhost","root",""); mysql_select_db("ogiana"); $per_page=5; $page_query=mysql_query("select count(*) from collection"); $pages=ceil(mysql_result($page_query, 0) / $per_page); (int)$_get['page'] : 1; $page=(isset($_get['page']))? $start=($page - 1) * $per_page; $query=mysql_query("select * from collection where tipe='kebaya' LIMIT $start, $per_page"); while($query_row=mysql_fetch_assoc($query)){ echo" class='th1'>$query_row[gambar]</th> class='th1'>$query_row[nama]</th> class='th1'>$query_row[harga]</th></tr> <tr><th <th <th
29 "; $pages){ if($pages >= 1 && $page <= for($x=1; $x<=$pages; $x++){ echo ($x == $page)? '<a href="?page='.$x.'">'.$x.'</a> ' : '<a href="?page='.$x.'">'.$x.'</a> ';?> class="wrapper4"></div> </table></div><div </div> </body> </html>
30 Colectionadat.php <html> <head> <title></title> <style type="text/css">.wrapperutama{ float: center; background-color: transparent; height: 1070px; margin: 0px 0px 0px 160px;.wrapper1{ float: justify; background: url('header copy.jpg'); height: 120px; margin: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapper-menu{ background: url('menu.jpg'); height: 30px; margin: 0px 0px 0px 0px; list-style: none;.wrapper-menu ul {
31 list-style: none; font-weight: bold; margin:0px; padding: 0px; #utama li a:hover { color: brown; #utama,#sub-menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; #utama a { width: auto; height: 40px; text-decoration: none; display: block; color: black; padding: 0px 0px 0px 70px; margin-right: 0px; margin-left: 10px; font-family: freestyle script; font-size: 1.7em;
32 font-weight: bold; #sub-menu { background: url('menu.jpg'); margin: -7px 0px 0px 70px; padding: 0px 0px 0px 0px; #sub-menu a { font: myriad; width: 190px; height: auto; text-decoration: none; display: block; color: black; padding: 10px 0px 10px 0px; border-bottom: 1px solid white; #sub-menu li { width: 190px;
33 .wrapper-menu li { position: relative; padding:1px;.wrapper-menu li ul { position: absolute; display: none; top: 45px; padding: 0px; margin: 0px; #sub-menu li a:hover { background: url('');.wrapper-menu li:hover ul, li:hover ul { background: url(''); width: 210px; display: block;.wrapperbawah{ height: 900px; margin: 5px 0px 0px 0px;
34 -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapperb1{ width: 250px; height: 900px; margin: 0px 0px 0px 0px; background: grey; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapperb2{ float: right; width: 250px; height: 900px; background: grey; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; th{ width: 300px; background: url('menu2.jpg'); padding: 0px;.th1{ width: 150px; height: 30px; text-align: center;
35 background: none; a{ color: black; text-decoration: none;.gambar{ width: 150px; height: 150px; background: white;.wrapper4{ background: url('copyright.jpg'); height: 80px; border-top: solid; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; </style> </head> <body> <div class="wrapperutama"> <div class="wrapper1"> </div> <div class="wrapper-menu"> <ul id="utama"> <li><a href="home.php">home</a></li>
36 <li><a href="collection.php">colection</a> <ul id="sub-menu"> <li><a href="collectionshow.php?tipe=kebaya">kebaya</a></li> Adat</a></li> <li><a href="collectionshow.php?tipe=adat">pakaian </ul></li> <li><a href="dance.php">traditional Dance</a></li> <li><a href="order.php">how To Order</a></li> <li><a href="contact.php">contact Us</a></li> </ul></div> <div class="wrapperbawah"> <div class="wrapperb1"> <table> Kebaya</a></th></tr> Adat</a></th></tr> Tradisional</a></th></tr> <tr><th><a href="collectionshow.php">baju <tr><th><a href="collectionadat.php">pakaian <tr><th><a href="dance.php">tari <tr><th><a href="#">tata Rias Wajah & Rambut</a></th></tr></table></div> <div class="wrapperb2"> <table><tr><th style="background:transparent;font-family:freestyle script;font-size:1.8em;">find Us On:</th></tr> <tr><th style="background:transparent;"><img src="facebook.png" style="width:150px;height:150px;"></th></tr> <tr><th style="background:transparent;"><img src="twittter.png" style="width:150px;height:150px;"></th></tr> </table>
37 <table><tr><th style="background:transparent;font-family:freestyle script;fontsize:1.8em;">payment:</th></tr> <tr><th style="background:transparent;"><img src="bri.jpg" style="width:240px;height:75px;"></th></tr> <tr><th style="background:transparent;"><img src="bni.jpg" style="width:240px;height:75px;"></th></tr> </table> Us</a></div> <a href="contactus.php"> Contact <table> <?php mysql_connect("localhost","root",""); mysql_select_db("ogiana"); $per_page=5; $page_query=mysql_query("select count(*) from collection"); $pages=ceil(mysql_result($page_query, 0) / $per_page); (int)$_get['page'] : 1; $page=(isset($_get['page']))? $start=($page - 1) * $per_page; $query=mysql_query("select * from collection where tipe='adat' LIMIT $start, $per_page"); while($query_row=mysql_fetch_assoc($query)){ echo" class='th1'>$query_row[gambar]</th> <tr><th
38 class='th1'>$query_row[nama]</th> class='th1'>$query_row[harga]</th></tr> <th <th "; $pages){ if($pages >= 1 && $page <= for($x=1; $x<=$pages; $x++){ echo ($x == $page)? '<a href="?page='.$x.'">'.$x.'</a> ' : '<a href="?page='.$x.'">'.$x.'</a> ';?> class="wrapper4"></div> </table></div><div </div> </body> </html> Dance.php <html> <head> <title></title> <style type="text/css">.wrapperutama{ float: center; background-color: transparent;
39 height: 1070px; margin: 0px 0px 0px 160px;.wrapper1{ float: justify; background: url('header copy.jpg'); height: 120px; margin: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapper-menu{ background: url('menu.jpg'); height: 30px; margin: 0px 0px 0px 0px; list-style: none;.wrapper-menu ul { list-style: none; font-weight: bold; margin:0px; padding: 0px; #utama li a:hover { color: brown;
40 #utama,#sub-menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; #utama a { width: auto; height: 40px; text-decoration: none; display: block; color: black; padding: 0px 0px 0px 70px; margin-right: 0px; margin-left: 10px; font-family: freestyle script; font-size: 1.7em; font-weight: bold; #sub-menu { background: url('menu.jpg'); margin: -7px 0px 0px 70px; padding: 0px 0px 0px 0px; #sub-menu a { font: myriad; width: 190px;
41 height: auto; text-decoration: none; display: block; color: black; padding: 10px 0px 10px 0px; border-bottom: 1px solid white; #sub-menu li { width: 190px;.wrapper-menu li { position: relative; padding:1px;.wrapper-menu li ul { position: absolute; display: none; top: 45px; padding: 0px; margin: 0px;
42 #sub-menu li a:hover { background: url('');.wrapper-menu li:hover ul, li:hover ul { background: url(''); width: 210px; display: block;.wrapperbawah{ height: 900px; margin: 10px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapperb1{ width: 750px; height: 900px; background: url('traditional.jpg');.wrapperb2{ float: right;
43 width: 250px; height: 900px; background: url('kanan.jpg'); -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; th{ width: 300px; background: white; padding: 7px; a{ color: black; text-decoration: none;.wrapper4{ background: url('copyright.jpg'); height: 80px; border-top: solid; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; </style> </head> <body> <div class="wrapperutama"> <div class="wrapper1">
44 </div> <div class="wrapper-menu"> <ul id="utama"> <li><a href="home.php">home</a></li> <li><a href="collection.php">colection</a> <ul id="sub-menu"> <li><a href="collectionshow.php">kebaya</a></li> Adat</a></li> <li><a href="collectionadat.php">pakaian </ul></li> <li><a href="dance.php">traditional Dance</a></li> <li><a href="order.php">how To Order</a></li> <li><a href="contact.php">contact Us</a></li> </ul></div> <div class="wrapperbawah"> <div class="wrapperb1"></div> <div class="wrapperb2"> <table><tr><th style="background:transparent;font-family:freestyle script;font-size:1.8em;">find Us On:</th></tr> <tr><th style="background:transparent;"><img src="facebook.png" style="width:150px;height:150px;"></th></tr> <tr><th style="background:transparent;"><img src="twittter.png" style="width:150px;height:150px;"></th></tr> </table> <table><tr><th style="background:transparent;font-family:freestyle script;fontsize:1.8em;">payment:</th></tr> <tr><th style="background:transparent;"><img src="bri.jpg" style="width:240px;height:75px;"></th></tr>
45 <tr><th style="background:transparent;"><img src="bni.jpg" style="width:240px;height:75px;"></th></tr> </table> Us</a></div> <a href="contact.php"> Contact <table> <tr><th></th> <th></th> <th></th> <th></th></tr> class="wrapper4"></div></div> </table></div><div </body> </html> </div>
46 Order.php <html> <head> <title></title> <style type="text/css">.wrapperutama{ float: center; background-color: transparent; height: 1070px; margin: 0px 0px 0px 160px;.wrapper1{ float: justify; background: url('header copy.jpg');; height: 120px; margin: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapper-menu{ background: url('menu.jpg'); height: 30px; margin: 0px 0px 0px 0px; list-style: none;
47 .wrapper-menu ul { list-style: none; font-weight: bold; margin:0px; padding: 0px; #utama li a:hover { color: brown; #utama,#sub-menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; #utama a { width: auto; height: 40px; text-decoration: none; display: block; color: black; padding: 0px 0px 0px 70px; margin-right: 0px; margin-left: 10px;
48 font-family: freestyle script; font-size: 1.7em; font-weight: bold; #sub-menu { background: url('menu.jpg'); margin: -7px 0px 0px 70px; padding: 0px 0px 0px 0px; #sub-menu a { font: myriad; width: 190px; height: auto; text-decoration: none; display: block; color: black; padding: 10px 0px 10px 0px; border-bottom: 1px solid white; #sub-menu li { width: 190px;
49 .wrapper-menu li { position: relative; padding:1px;.wrapper-menu li ul { position: absolute; display: none; top: 45px; padding: 0px; margin: 0px; #sub-menu li a:hover { background: url('');.wrapper-menu li:hover ul, li:hover ul { background: url(''); width: 210px; display: block;
50 .wrapperbawah{ height: 900px; background: url('order1.jpg'); margin: 10px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapperb2{ float: right; width: 250px; height: 900px; background: url('kanan.jpg'); margin: -214px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; th{ width: 300px; background: white; padding: 7px; a{ color: black; text-decoration: none;.wrapper4{
51 background: url('copyright.jpg'); height: 80px; border-top: solid; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; </style> </head> <body> <div class="wrapperutama"> <div class="wrapper1"> </div> <div class="wrapper-menu"> <ul id="utama"> <li><a href="home.php">home</a></li> <li><a href="collection.php">colection</a> <ul id="sub-menu"> <li><a href="collectionshow.php">kebaya</a></li> Adat</a></li> <li><a href="collectionadat.php">pakaian </ul></li> <li><a href="dance.php">traditional Dance</a></li> <li><a href="order.php">how To Order</a></li> <li><a href="contact.php">contact Us</a></li> </ul></div> <div class="wrapperbawah"> <div><form action="orderphp.php" method="post"> <table>
52 <tr> <td>nama:</td> name="nama"></td> <td><input type="text" </tr> <tr><td>alamat:</td> name="alamat"></td> <td><input type="text" </tr> <tr><td>no HP:</td> name="handphone"></td> <td><input type="text" </tr> <tr> <td>order:</td> name="orderan" cols="40" rows="4" ></textarea></td> <td><textarea </tr> <tr> type="submit" name="submit" value"proses"></td> <td><input </tr> <div class="wrapperb2"> </form></table></div> <table><tr><th style="background:transparent;font-family:freestyle script;font-size:1.8em;">find Us On:</th></tr> <tr><th style="background:transparent;"><img src="facebook.png" style="width:150px;height:150px;"></th></tr> <tr><th style="background:transparent;"><img src="twittter.png" style="width:150px;height:150px;"></th></tr>
53 </table> <table><tr><th style="background:transparent;font-family:freestyle script;fontsize:1.8em;">payment:</th></tr> <tr><th style="background:transparent;"><img src="bri.jpg" style="width:240px;height:75px;"></th></tr> <tr><th style="background:transparent;"><img src="bni.jpg" style="width:240px;height:75px;"></th></tr> </table> Us</a></div> <a href="contactus.php">contact <table> <tr><th></th> <th></th> <th></th> <th></th></tr> class="wrapper4"></div></div> </table></div><div </div> </body></html> Orderphp.php <?php mysql_connect("localhost","root",""); mysql_select_db("ogiana"); $nama = $_POST['Nama']; $alamat = $_POST['Alamat']; $handphone = $_POST['Handphone']; $orderan = $_POST['Orderan'];
54 mysql_query("insert into showorder values('$nama','$alamat','$handphone','$orderan')"); header('location:order.php');?> Contact.php <html> <head> <title></title> <style type="text/css">.wrapperutama{ float: center; background-color: transparent;
55 height: 1070px; margin: 0px 0px 0px 160px;.wrapper1{ float: justify; background: url('header copy.jpg'); height: 120px; margin: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapper-menu{ background: url('menu.jpg'); height: 30px; margin: 0px 0px 0px 0px; list-style: none;.wrapper-menu ul { list-style: none; font-weight: bold; margin:0px; padding: 0px; #utama li a:hover { color: brown;
56 #utama,#sub-menu ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; #utama a { width: auto; height: 40px; text-decoration: none; display: block; color: black; padding: 0px 0px 0px 70px; margin-right: 0px; margin-left: 10px; font-family: freestyle script; font-size: 1.7em; font-weight: bold; #sub-menu { background: url('menu.jpg'); margin: -7px 0px 0px 70px; padding: 0px 0px 0px 0px;
57 #sub-menu a { font: myriad; width: 190px; height: auto; text-decoration: none; display: block; color: black; padding: 10px 0px 10px 0px; border-bottom: 1px solid white; #sub-menu li { width: 190px;.wrapper-menu li { position: relative; padding:1px;.wrapper-menu li ul {
58 position: absolute; display: none; top: 45px; padding: 0px; margin: 0px; #sub-menu li a:hover { background: url('');.wrapper-menu li:hover ul, li:hover ul { background: url(''); width: 210px; display: block;.wrapperbawah{ height: 900px; margin: 10px 0px 0px 0px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;.wrapperb1{ width: 750px;
59 height: 900px; background: url('contact.jpg');.wrapperb2{ float: right; width: 250px; height: 900px; background: url('kanan.jpg'); -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; th{ width: 300px; background: white; padding: 7px; a{ color: black; text-decoration: none;.wrapper4{ background: url('copyright.jpg'); height: 80px; border-top: solid; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;
60 </style> </head> <body> <div class="wrapperutama"> <div class="wrapper1"> </div> <div class="wrapper-menu"> <ul id="utama"> <li><a href="home.php">home</a></li> <li><a href="collection.php">colection</a> <ul id="sub-menu"> <li><a href="collectionshow.php">kebaya</a></li> Adat</a></li> <li><a href="collectionadat.php">pakaian </ul></li> <li><a href="dance.php">traditional Dance</a></li> <li><a href="order.php">how To Order</a></li> <li><a href="contact.php">contact Us</a></li> </ul></div> <div class="wrapperbawah"> <div class="wrapperbawah"> <div class="wrapperb1"></div> <div class="wrapperb2"> <table> <tr><th style="background:transparent;font-family:freestyle script;font-size:1.8em;">find Us On:</th></tr> <tr><th style="background:transparent;"><img src="facebook.png" style="width:150px;height:150px;"></th></tr>
61 <tr><th style="background:transparent;"><img src="twittter.png" style="width:150px;height:150px;"></th></tr> </table> <table> <tr><th style="background:transparent;font-family:freestyle script;fontsize:1.8em;">payment:</th></tr> <tr><th style="background:transparent;"><img src="bri.jpg" style="width:240px;height:75px;"></th></tr> <tr><th style="background:transparent;"><img src="bni.jpg" style="width:240px;height:75px;"></th></tr> </table> <a href="contactus.php" style="fontfamily:freestyle script;font-size:1.8em;"> Contact Us</a></div> <table> <tr><th></th> <th></th> <th></th> <th></th></tr> class="wrapper4"></div> </table></div></div><div </body> </html> </div>
62 Admin.php <html> <head><title></title> <style type="text/css">.wrapper{ float: center; width: 100%; height:100%;.wrapper1{ float: center; height: 120px; background: url('header copy.jpg'); background-repeat: no-repeat; margin: 0px 0px 0px 160px;.container{ height: 400px; margin: 10px 0px 0px 160px; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222; </style> </head> <body> <?php session_start(); if(isset($_session['username'])){
63 mysql_connect("localhost","root",""); mysql_select_db("ogiana");?> <div class="wrapper"> <div class="wrapper1"><div style="width:50px;height:20px;float:right;margin:94px 10px 0px 0px"> <a href="logout.php"><b style="color:black;">logout</b></a></div></div> <div class="container"> <div style="width:400px;height:;auto;margin:0px 0px 0px 50px;"> <form action="adminphp.php" method="post"> Catalogue:</b> <table><b style="font-size:1.5em">input <tr><td>gambar</td><td><input type="text" name="gambar"></td><td>img src="namagambar" class="gambar"</td></tr> name="nama"></td></tr> name="harga"></td></tr> name="tipe"></td></tr> value="proses"></td></tr> <tr><td>nama</td><td><input type="text" <tr><td>harga</td><td><input type="text" <tr><td>tipe</td><td><input type="text" <tr><td><input type="submit" name="submit" </form> </table> </div> <div style="padding:30px;"> <span><a href="showorder.php">show Order List</a></span> </div> </div> </div>
64 <?php else{?><div style="width:400px;height:100px;border:solid;margin:0px 0px 0px 450px">Anda tidak boleh mengakses halaman ini. silahkan<br><a href="formlogin.php">login</a> untuk masuk ke halaman admin<?php?></div> </body> </html> Adminphp.php <?php mysql_connect("localhost","root",""); mysql_select_db("ogiana"); $gambar = $_POST['gambar']; $nama = $_POST['nama']; $harga = $_POST['harga']; $tipe = $_POST['tipe']; mysql_query("insert into collection values('$gambar','$nama','$harga','$tipe')"); header('location:admin.php');?> Formlogin.php <html> <head><title></title> </head> <body> <div style="width:400px;height:200px;background:;margin:0px 0px 0px 450px;border:double;"> <form action="login.php" method="post">
65 <table><i style="font-family:arial;">silahkan Login untuk masuk ke halaman admin Ogiana's House</i> <tr><td><b><i>username</i></b></td> <td><input type="text" name="admin"></td></tr> <tr><td><b><i>password</i></b></td><td><input type="password" name="pass"></td></tr> value"proses"></td></tr> <tr><td><input type="submit" name="submit" </table></div> </body> </html> Login.php <?php session_start(); mysql_connect("localhost","root",""); mysql_select_db("ogiana"); $username =$_POST['Admin']; $password =$_POST['pass']; $query=mysql_query("select * from admin where username='$username' and password='$password'"); $cek=mysql_num_rows($query); if($cek){ $_SESSION['username']=$username; header('location:admin.php');?><?php else{?>anda gagal login. silahkan <a href="formlogin.php">login kembali</a><?php echo mysql_error();?>
66 Showorder.php <html> <head><title></title> <style type="text/css"> th{ border:solid; font-family: arial; font-size: 1.5em; td{ border:double;.wrapper{ height: 120px; background: url('header copy.jpg'); margin:0px 0px 0px 160px;.container{ width: 950px; height: auto; margin: 0px 0px 0px 180px; background: whitesmoke;.order{ width:200px; </style> </head>
67 <body> <div class="wrapper"><a href="admin.php">back</a> <div style="width:50px;height:20px;float:right;margin:94px 10px 0px 0px"> <a href="logout.php"><b style="color:black;">logout</b></a></div></div> <?php <div class="container"><table> mysql_connect("localhost","root",""); mysql_select_db("ogiana"); echo" <tr><b style='font-size:2em;'><i>ordered List</b></i> <th>no</th> <th>nama</th> <th>alamat</th> <th>no. HP</th> <th class='order'>order</th></tr>"; $no = 1; $query=mysql_query("select * from showorder"); while($data=mysql_fetch_array($query)){ echo" <tr><td>$no</td> <td>$data[nama]</td> <td>$data[alamat]</td> <td>$data[hp]</td> <td>$data[order]</td></tr> ";
68 $no++;?></table></div> </body> </html> Logout.php <?php session_start(); session_destroy(); header('location:formlogin.php');?>
69
Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna
Dalam tutorial cara membuat form login dengan PHP dan MySQL, kita akan belajar membuat halaman login untuk website dengan menggunakan PHP Session. Tutorial ini merupakan tutorial tingkat dasar, sederhana
TUTORIAL APLIKASI WEB Dengan PHP dan MySQL
TUTORIAL APLIKASI WEB Dengan PHP dan MySQL Tutorial Aplikasi Web Dengan PHP dan MySQL A. DASAR TEORI PHP merpakan bahasa pemrograman yang sangat popular dalam pengembangan website dewasa ini, pada dasarnya,
6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
CSS. inheritance (pewarisan)
{CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css
BAB V IMPLEMENTASI SISTEM
BAB V IMPLEMENTASI SISTEM Pada bab ini merupakan tahapan penerjemahan kebutuhan pembuatan software ke dalam representasi perangkat lunak sebeleum penulisan kode program dimulai sesuai dengan hasil analisis
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
DEPARTEMEN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) JL. BIOTEKNOLOGI NO. 1 KAMPUS USU Telp. (061) 82144290 MEDAN 20155 KARTU BIMBINGAN TUGAS
Pemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml
PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti
TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik
TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik www.ilmuwebsite.com Bagian 18. Lebih Dalam Bekerja dengan CSS 1 Bagian
Cara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah
TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 7. Membuat Data Pagination Menggunakan
DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN
DASAR-DASAR CSS DASAR-DASAR CSS 2015 A. PENGENALAN CSS merupakan kependekan dari Cascading Style Sheet yaitu suatu skrip yang digunakan untuk mempercantik tampilan HTML atau mengatur bagaimana elemen HTML
Analisa Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya.
TUGAS CSS LAYAOUT PRAKTIKUM 6 1. Percobaan 1 Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya. 2. Percobaan2 Position: relative;
Membuat Captcha Image menggunakan Codeigniter 2x
Membuat Captcha Image menggunakan Codeigniter 2x Oleh: Yoga C. Pranata Hai semua, disini saya akan menerangkan tentang bagaimana membuat captcha menggunakan Codeigniter. Sebelum memulainya, kalian pasti
LAMPIRAN LISTING PROGRAM WEBSITE
LAMPIRAN LISTING PROGRAM WEBSITE 1. Halaman Home (index.php) $judul_hal=home; function isi() include("koneksi.php");
Modul Pembuatan Aplikasi Login dengan PHP dan MySQL
Modul Pembuatan Aplikasi Login dengan PHP dan MySQL For Community College By ri32 Kata Pengantar Modul ini dibuat untuk menjadi panduan dalam membuat sebuat aplikasi web dengan fitur login. Aplikasi login
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
Nama Mahasiswa KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nomor Stambuk : 102406076 : REZKI ICHAN PRATAMA SARAGIH Judul Tugas Akhir : Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada
MEMBUAT WEBSITE SEDERHANA DENGAN HTML 5
MEMBUAT WEBSITE SEDERHANA DENGAN HTML 5 NELI WIDI ASTUTI Neliwidiastuti97@gmail.com Abstrak Pada kesempatan ini saya akan mencoba menjelaskan tentang membuat website sederhana dengan HTML 5 dan CSS 3,
BAB III CASCADING STYLE SHEET
BAB III CASCADING STYLE SHEET A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan
Nama : Dwi Untari. Nim : A TUGAS SEMESTERAN 1. HOME 2. MATERI
Nama : Dwi Untari Nim : A410090202 TUGAS SEMESTERAN 1. HOME 2. MATERI 3. SILABUS DAN RPP 4. GALERY 5. LATIHAN SOAL 6. BERITA 7. LINK SKRIP 1. Membuat frame
XHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04B CSS : Layout dan Posisi
CSS Cascading Style Sheet
CSS Cascading Style Sheet Pengenalan CSS CSS adalah singkatan dari Cascading Style Sheets CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style
[Review]: Mobile Website
![[Review]: Mobile Website](/thumbs/73/69428887.jpg "[Review]: Mobile Website")
[Review]: Mobile Website Oleh: titan Perkembangan teknologi smartphone yang semakin pesat, berpengaruh juga pada dunia website, setelah beberapa waktu yang lalu boomingnya standar baru dari html yaitu
A. LATAR BELAKANG ATAU BACKGROUND
A. LATAR BELAKANG ATAU BACKGROUND Latar belakang background dalam CSS dibedakan menjadi 2: 1. Latar Belakang Dengan Menggunakan Warna: Warna background memiliki dua nilai: Transparent : membuat wearna
Membuat Toko Buku dengan PHP - MySQL
Membuat Toko Buku dengan PHP - MySQL Iman Amalludin iman.llusion@gmail.com :: http://blog.imanllusion.hostzi.com Abstrak PHP. Apa itu? PHP (Hypertext Preprocessor) adalah bahasa skrip yang dapat ditanamkan
BAB IV CASCADING STYLE SHEET (CSS)
BAB IV CASCADING STYLE SHEET (CSS) A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk
CSS dan Tata Letak Pemrograman Internet (TKE ) Program Studi Teknik Elektro, Unsoed
CSS dan Tata Letak Pemrograman Internet (TKE 074082) Program Studi Teknik Elektro, Unsoed Iwan Setiawan Tahun Ajaran 2011/2012 a, a:visited { text-decoration:none; } a:hover { text-decoration:underline;
Image Slider 3D. Oleh: Anthonius
Image Slider 3D Oleh: Anthonius Kali ini saya akan berbagi cara membuat image slider dengan tampilan 3D. Cara ini sangat efisien karena hanya menggunakan sedikit script. Untuk CSS nya agan bisa copy langsung
PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSAL
PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSAL Nama : Yudhi Prasongko NPM : 58410729 Jurusan : Teknik Informatika Pembimbing : Sularno, SKom, MM LATAR BELAKANG 1. Informasi mengenai produk perlengkapan
Author : Minarni, S.Kom.,MM
S Cascading Style Sheets Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit Kalimantan Tengah Internet Multimedia Keuntungan Menggunakan CSS Mempermudah dan mempersingkat pembuatan dan pemeliharaan
MODUL 11 MEMBUAT LOGIN USER
MODUL 11 MEMBUAT LOGIN USER Halaman web adalah suatu halaman rumah di dalam dunia maya, di sini kita dapat menampilkan tentang segala inspirasi, imajinasi, mimpi maupun uneg-uneg sekalipun. Ibarat sebuah
LEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :
LEMBAR KERJA PRAKTIKUM Nim : 13-1401-164 Hari / Tgl TTD Asisten Nama Kelas : Muh. Idrus : DK-13 Mata kuliah : Pemrograman Web I Materi : JavaScript - JavaScript Alert yang ditampilkan browser saat membuka
BAB VI DESAIN WEB RESPONSIF
BAB VI DESAIN WEB RESPONSIF A. KOMPETENSI DASAR Memahami konsep dasar desain halaman web responsif Mampu menerapkan konsep desain web responsif ke dalam aplikasi Mampu menghasilkan desain aplikasi web
MODUL III CASCADING STYLE SHEET
MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami struktur dasar dokumen HTML. Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi. B. PETUNJUK
MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR
MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR PENDAHULUAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman Web dalam perkuliahan sebelumnya, kini tiba saatnya untuk membuat halaman web Anda tampil
A. LATAR BELAKANG ATAU BACKGROUND
A. LATAR BELAKANG ATAU BACKGROUND Latar belakang background dalam CSS dibedakan menjadi 2: 1. Latar Belakang Dengan Menggunakan Warna: Warna background memiliki dua nilai: Transparent : membuat wearna
PERANCANGAN WEBSITE OGIANA'S HOUSE MENGGUNAKAN PHP DAN MYSQL
PERANCANGAN WEBSITE OGIANA'S HOUSE MENGGUNAKAN PHP DAN MYSQL TUGAS AKHIR OGIANA 112406030 PROGRAM STUDI D-III TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS
Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2]
![Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2]](/thumbs/59/43255808.jpg "Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2]")
Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 2] Oleh: d-newbie pada tutorial sebelumnya kita sudah membuat 2 modal, yaitu modal "Masuk" dan modal "Daftar" dan pada tahap ini
CSS Cascading Style Sheet
CSS Cascading Style Sheet Pemrograman Web 1 Genap 2011-2012 CSS Lanjut CSS Dimension Berfungsi untuk mengatur panjang dan lebar dari sebuah elemen HTML. contoh: height:100px; width:200px; Nilai/ value:
TUGAS AKHIR PEGEMBANGAN APLIKASI PENJUALAN PADA TOKO NAYLA MENGUNAKAN BAHASA PEMROGRAMAN PHP
TUGAS AKHIR PEGEMBANGAN APLIKASI PENJUALAN PADA TOKO NAYLA MENGUNAKAN BAHASA PEMROGRAMAN PHP Skripsi Untuk memenuhi sebagian persyaratan mencapai derajat Sarjana S-1 Disusun Oleh: ATHARIQ BESTEN NORRIS
DAFTAR ISI DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuannya...
DAFTAR ISI COVER DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN... 3 1.1 Latar Belakang... 3 1.2 Rumusan Masalah... 3 1.3 Tujuannya... 3 BAB II PEMBAHASAN... 4 2.1 Pengertian CSS... 4 2.2 Format
SMH2D3 Web Programming. 4 BAB IV WEB DESIGN CSS3. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3
4 BAB IV WEB DESIGN CSS3 41 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Penggunaan CSS3 untuk Design dan Layout Web Kompetensi Utama 1 Mengetahui penggunaan script HTML5 dan CSS3 2 Penggunaan
Triswansyah Yuliano
Mendesain Menu dengan CSS Triswansyah Yuliano triswansyah_yuliano@yahoo.com http://triswan.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Percobaan 1 : Mengatur Width Dan Height Hasil :
Percobaan 1 : Mengatur Width Dan Height Analisa : Terlihat di atas kalau width dan height dari tag dan berbeda sesuai value yang telah diinputkan yang bias dibedakan dengan background-color
Halaman Utama. Tampilan Menu. Universitas Sumatera Utara
Halaman Utama Tampilan Menu Tampilan Galeri Tampilan Admin Listing Program Halaman Utama
BAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database :
BAB III IMPLEMENTASI 3.1 Program Penghubung Database Program penghubung database tersebut disimpan dengan nama konek.php. Berikut merupakan kode program penghubung Database :
?> <html> <head> <link href="data/styles.css" rel="stylesheet" type="text/css"> <title>sumber Ilmu Online Bookstore</title> </head>
Listing Program 1. Index.php session_start(); include_once "data/koneksi.php"; sumber Ilmu Online Bookstore
KAJIAN 3 Web Responsive
KAJIAN 3 Web Responsive Modul 10 Pengantar Web Responsive Modul 11 Perancangan Web Responsive 73 KAJIAN 3 Web Responsive MODUL 10 Pengantar Web Responsive 10.1. TUJUAN Mengetahui dan memahami dasar perancangan
Membuat Login Dengan PHP dan MYSQL
Membuat Login Dengan PHP dan MYSQL Ramdhan Indra Bangun dadhan.rpl@gmail.com :: Abstrak Aplikasi login User dalam suatu situs dinamis menggunakan php sudah hamper menjadi kebutuhan wajib. Tanpa adanya
Membangun website dinamis berbasis PHP-mySQL (3)
Membangun website dinamis berbasis PHP-mySQL (3) Agus Subardjo multigraphica@yahoo.com http://multigraphica.com Lisensi Dokumen: Copyright 2011-2015 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com
Teks dan Background SERIF SANS-SERIF MONOSPACE
Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori
Pemrograman Web Sisi Client Pertemuan 3 PI
Pemrograman Web Sisi Client Pertemuan 3 PI Oleh : Hasanuddin, S.T. Program Studi Teknik Informatika Fakultas Teknologi Industri Universitas Ahmad Dahlan Yogyakarta Topik Pendahuluan HTML CSS JavaScript
Publish: 7 Juni 2012 Author & Copyright: Johan Status: FREE tutorial
Kumpulan Tutorial dan belajar ilmu website mulai dari hosting dan coding seperti belajar HTML, CSS, Javascript, Javascript, JQuery, ASP.Net hingga SEO dan Desain web dengan Dreamweaver dan Photoshop untuk
LEMBAR KERJA PRAKTIKUM
LEMBAR KERJA PRAKTIKUM Nim : 13-1401-164 Hari / Tgl TTD Asisten Nama Kelas : Muh. Idrus : DK-13 Mata kuliah : Pemrograman Web I Materi : CSS External - Tampilan halaman CSS External/index.html :
Membuat Duplikasi Form dengan Jquery (Dynamic Form)
Membuat Duplikasi Form dengan Jquery (Dynamic Form) Oleh: Dimas Agung Noviyanto Membuat dynamic field mungkin bukan hal baru bagi seorang web programmer, field inputan yang dapat ditambah maupun di hapus
TUTORIAL RUBY ON RAILS
TUTORIAL RUBY ON RAILS TEKNIK INFORMATIKA-UNIV.NASIONAL Oleh: Slamet nurhadi 083112706450100 UNIVERSITAS NASIONAL DAFTAR ISI: 1. MEMBUAT PROYEK BARU DENGAN SETINGAN DATABASE MySQL 2. MEMBUAT HALAMAN WEB
7 Cara Mempercantik Tampilan Blog
7 Cara Mempercantik Tampilan Blog Primo Riveral primo@raharja.info Abstrak Memiliki blog dengan tampilan keren dan enak dilihat tentu pasti menjadi kembanggaan tersendiri untuk seorang yang menggemari
MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 6 CSS3 Tujuan: Mahasiswa mengenal komponen CSS 3 sebagai pelengkap element HTML dalam membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha
CSS (Cascade Style Sheet)
CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa
Latihan Aplikasi Pertamaku
Latihan Aplikasi Pertamaku Alhamdulillahirobbil 'alamin, akhirnya aku bisa menyelesaikan Latihan Aplikasiku yang pertama. Aplikasi latihanku ini berfungsi untuk pengentrian data, pengeditan data dan pencarian
L A M P I R A N. Universitas Sumatera Utara
L A M P I R A N KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No. 1 Kampus USU Padang Bulan, Medan 20155 Telp. (061) 8211050,
DAFTAR PUSTAKA. Fathansyah. (2007). Basis Data. Informatika : Bandung.
DAFTAR PUSTAKA Fathansyah. (2007). Basis Data. Informatika : Bandung. Pressman, Roger S. (2012). Rekayasa Perangkat Lunak Buku Dua, Pendekatan Praktisi (Edisi 7). Andi : Yogyakarta. Saputra, Agus. (2012).
MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04A Cascading Style Sheets
Create Read Update Delete using PHP MySql
2016 Create Read Update Delete using PHP MySql CRUD TABEL ALUMNI DWI SETIYA NINGSIH // 210 315 70 25 [COMPANY NAME] [Company address] SS Program Gambar 1.1 Tampilan index.php Gambar 2.1 Tampilan edit.php
{CSS} Cascading Style Sheet
{CSS} Cascading Style Sheet mekanisme sederhana yang mengatur gaya / style (cth: warna, ukuran, posisi, dll) pada halaman web. http://www.w3.org/style/css sebelum CSS sebelum CSS sebelum CSS sebelum
MEMBUAT MASTER BERITA Teknik Informatika Sopingi, M.Kom
MEMBUAT MASTER BERITA Teknik Informatika Sopingi, M.Kom 1. Buatlah File index.php File ini digunakan untuk menampilkan form dan datagrid tabel berita Memanggil koneksi manage BERITA
SISTEM INFORMASI IKATAN MAHASISWA KRISTEN D3 TEKNIK FORMATIKA BERBASIS WEB TUGAS AKHIR OBI CHANDRA A.N ARUAN
SISTEM INFORMASI IKATAN MAHASISWA KRISTEN D3 TEKNIK FORMATIKA BERBASIS WEB TUGAS AKHIR OBI CHANDRA A.N ARUAN 132406084 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN
Daftar isi. West PoinT edu
Daftar isi 1.font-weight...2 2.Font-style...2 3.Font-family...2 4.font-size...2 5.color...3 6.text-align...3 7.vertical-align...3 8.text-decoration...4 9.text-transform...4 10.text-shadow...4 11.word-spacing...5
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA
KARTU BIMBINGAN TUGAS AKHIR MAHASISWA Nama Mahasiswa : Daniel Pardamean Nomor Induk Mahasiswa : 132406039 Judul Tugas Akhir : Perancangan Website Olahraga Sepakbola Nasional Menggunakan PHP dan MYQSL Dosen
MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 6 CSS For Layout Tujuan: Mahasiswa mengenal komponen-komponen CSS yang dapat digunakan untuk mengatur tata letak element HTML dalam membangun website
2011 Ahmad Amarullah
1 Silabus Mata Kuliah Program Studi : Sistem Informasi Kode Mata Kuliah : Nama Mata Kuliah : Komputer Aplikasi IT ( XHTML & CSS ) Jumlah SKS : 2 SKS Semester : 1 Deskripsi Mata Kuliah : Mata kuliah ini
MODUL 3 STYLE SHEET RINGKASAN
MODUL 3 STYLE SHEET RINGKASAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman web, kini tiba saatnya untuk membuat halaman web Anda tampil lebih meyakinkan. Untuk keperluan tersebut, Anda
Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.
Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com HTML Lanjut Page 2 List Digunakan untuk membuat daftar, terdiriatas: Ordered List (Numbering) Unordered List (Bullet) Definition List Ordered Lists (OL)
TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik
TUTORIAL HTML CSS Langkah Tepat menjadi Web Designer Handal, menguasai HTML & CSS, jalan membuat halaman website cantik dan menarik www.ilmuwebsite.com Bagian 19. Membuat Halaman Website Minimalis 1 Bagian
Tutorial Lengkap Memahami CSS Display
Tutorial Lengkap Memahami CSS Display Oleh: Christian Rosandhy Dalam dunia CSS, property Display adalah salah satu property terpenting yang menentukan hasil akhir sebuah website. Kali ini kita akan banyak
Membuat Form login dengan Php dan Mysql
Membuat Form login dengan Php dan Mysql 13 Hey,,,selamat malam semuanya,,kali ini ane mau membagikan bagaimana cara membuat Form login dengan php dan mysql... Yah kya gtulah kurang lebih intronya,,langsung
BAB X AKSES DAN MANIPULASI DATA
BAB X AKSES DAN MANIPULASI DATA A. TUJUAN Memahami konsep dasar akses dan manipulasi data. Mampu mengintegrasikan aplikasi PHP dengan database MySQL. Mampu menghasilkan aplikasi web database untuk pengolahan
CSS Lanjut Pertemuan - 5
CSS Lanjut Pertemuan - 5 Semester Ganjil 2009/2010 CSS Lanjut Berfungsi untuk mengatur panjang dan lebar dari sebuah elemen HTML. contoh: height:100px; width:200px; Nilai/ value: auto Nilai / Value ukuran
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM. Program dalam judul Sistem Informasi Geografis Obyek
BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM 4.1 Spesifikasi Program Program dalam judul Sistem Informasi Geografis Obyek Pariwisata Alam di Kabupaten Merauke yang berbasis web ini adalah sebagai berikut.
BAB V DESAIN WEB CSS
BAB V DESAIN WEB CSS A. KOMPETENSI DASAR Memahami konsep dan strategi desain web yang rapi berbasis HTML dan CSS/CSS3. Mampu mengoptimalkan fitur-fitur CSS dalam desain web. Mampu memanfaatkan pendekatan
LAPORAN RESMI. Boxes
LAPORAN RESMI Boxes Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI
LISTING PROGRAM. 1. Home.php. <?php session_start(); $pengguna = $_SESSION["pengguna"];
![LISTING PROGRAM. 1. Home.php. <?php session_start(); $pengguna = $_SESSION[pengguna];](/thumbs/61/45881041.jpg "LISTING PROGRAM. 1. Home.php. <?php session_start(); $pengguna = $_SESSION[pengguna];")
1 LISTING PROGRAM 1. Home.php session_start(); $pengguna = $_SESSION["pengguna"]; if($pengguna==""){ header("location: login.php"); else{ include"modul/head.php"
LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE
LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE 1. Script banner.php
Materi 9 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya
Materi 9 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya nizar.radliya@yahoo.com Nama Mahasiswa NIM Kelas Kompetensi Dasar Memahami perkembangan HTML5.
STRUKTUR ORGANISASI BADAN PUSAT STATISTIK (BPS) KEPALA WAKIL KEPALA
L A M P I R A N STRUKTUR ORGANISASI BADAN PUSAT STATISTIK (BPS) KEPALA WAKIL KEPALA DEPUTI ADMINISTRASI DEPUTI Perencanaan dan Analisis DEPUTI Produksi dan Kependudukan DEPUTI Distribusi dan Neraca Nasional
MODUL III CASCADING STYLE SHEET
MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami jenis dan struktur dasar dokumen CSS. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan halaman
TUGAS BOXES. 1. Percobaan 1
TUGAS BOXES 1. Percobaan 1 Analisa : Pada percobaan 1, style pada elemen div ditetapkan width dan heightnya 400px dan 300px dengan background color pink, dan pada elemen p, width dan height ditetapkan
BAB 6 CSS 6.1. CSS SYNTAX. Syntax CSS memiliki dua bagian utama yaitu, selector dan deklasi.
BAB 6 CSS 6.1. CSS SYNTAX Syntax CSS memiliki dua bagian utama yaitu, selector dan deklasi. Selector berupa tag HTML dan pendeklarasian Class dan Id. Selector berfungsi untuk menentukan bagian mana pada
Membuat Button Dengan CSS
Membuat Button Dengan CSS Dari sekian banyak pertanyaan yang muncul dari para pemula di CSS adalah pertanyaan bagaimana sih membuat tombol dengan CSS?, hmmm bagi saya ini adalah pertanyaan yang simple
Listing Program. Halaman Home(index.php) <?php require_once'config.php';?>
Listing Program Halaman Home(index.php)
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur
Panduan Lengkapp HTML dan CSS bagian 2 Wahyu Setiyono
Panduan HTML dan CSS bagian 2 A. Apa itu CSS CSS (Cascading Style Sheets) merupakan kode pemrograman untuk membuat tampilan pada HTML. Selain menggunakan HTML para programer website sering menggunakan
Lampiran 1. Flowchart perancangan sistem
Lampiran 1. Flowchart perancangan sistem Mulai Identifikasi Data Desain Program Desain Basis Data Input Data Desain Layout Programming Diagnosa Program idak Benar idak a Uji ampilan Data Benar idak a Dokumentasi
CSS Eksternal. Instruktur: Arif Nurwidyantoro
CSS Eksternal Instruktur: Arif Nurwidyantoro Definisi CSS, selain diletakkan dalam file yang sama dengan file HTML, dapat juga diletakkan pada file terpisah. Pernyataan untuk menyambungkan file HTML dengan
CSS. Cascading Style Sheet. Spesifikasi lengkap di :
CSS Cascading Style Sheet Spesifikasi lengkap di : http://www.w3..org/tr/css2 Mengubah Text Mengubah Warna Mengubah Posisi Mengubah Ukuran Bagaimana cara menempatkan CSS? Ada 3 cara yaitu : Inline ( pada
MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 3 HTML Layout Tujuan: Mahasiswa mengenal konsep-konsep dan komponen layout dasar untuk membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha
PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).
PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.
CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM
CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM CSS Cascading Style Sheet Bahasa yang digunakan untuk mengatur tampilan dan format dari dokumen markup (HTML) CSS didesain untuk memisahkan antara dokumen yang mendeskripsikan