Listing Program. Halaman Home(index.php) <?php require_once'config.php';?>

Ukuran: px
Mulai penontonan dengan halaman:

Download "Listing Program. Halaman Home(index.php) <?php require_once'config.php';?>"

Transkripsi

1 Listing Program Halaman Home(index.php) <?php require_once'config.php';?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="reset.css" /> <link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="flexslider.css" /> <link rel="stylesheet" href="jquery/shadowbox/shadowbox.css"/> <script src="jquery/shadowbox/shadowbox.js"></script> <script src="jquery/jqueryflexider.min.js"></script> <script src="jquery/jquery.flexslider.js"></script> <script type="text/javascript" charset="utf-8"> $(window).load(function() $('.flexslider').flexslider( animation: "slide" ); Shadowbox.init(); ); </script> <title>bandung Toast Coffee Shop</title> </head> <body> <img src="img/headimage.jpg" alt="imagehead" title="image Head" /> <div id="content"> <div id="logo"> <ul id="navigasi"> <li><a href="about">about</a></li> <li><a href="news">news</a></li> <li><a href="product">product</a></li> <li><a class="active" href="index.php">home</a></li>

2 <?php $q='select * FROM tbl_home' ; $r=mysql_query($q); while($f=mysql_fetch_object($r))?> <div class="flexslider"> <ul class="slides"> <li><a href="<?php echo $f->image_satu;?>" rel="shadowbox['1']" title="image 1" > <img src="<?php echo $f->thumbnail_satu;?>"/></a></li> <li><a href="<?php echo $f->image_dua;?>" rel="shadowbox['1']" title="image 1" > <img src="<?php echo $f->thumbnail_dua;?>"/></a></li> <li><a href="<?php echo $f->image_tiga;?>" rel="shadowbox['1']" title="image 1" > <img src="<?php echo $f->thumbnail_tiga;?>"/></a></li> <li><a href="<?php echo $f->image_empat;?>" rel="shadowbox['1']" title="image 1" > <img src="<?php echo $f->thumbnail_empat;?>"/></a></li> <?php?> <div class="footer"> <ul id="navfooter"> <li><p>bandung Toast & Coffee Copywright All Right Reserverd</p></li> <li><a href="#">facebook</a></li> <li><a href="#">twitter</a></li> <li><a href="#">instagram</a></li> </body> </html>

3 Config PHP <?php $host= "localhost" ; $user= "root" ; $password= ""; $db = "db_btc" ; $connect=mysql_connect($host, $user, $password)or die("cant connect database"); $select=mysql_select_db($db,$connect)or die("cant select db"); if($select)echo''; elseecho 'blom nyambung';?> Halaman Product (Coffee) <?php require_once'../config.php';?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="../reset.css" /> <link rel="stylesheet" href="../style.css" /> <title>bandung Toast Coffee Shop</title> </head> <body> <img src="../img/headimageproduct.jpg" alt="imagehead" title="image Head" /> <div id="content"> <div id="logo"> <ul id="navigasi"> <li><a href="../about">about</a></li> <li><a href="../news">news</a></li> <li><a class="active" href="index.php">product</a></li>

4 <li><a href="../index.php">home</a></li> <div id="coffee"><a href="index.php"><img src="../img/coffeeactive.png"/></a> <div id="snack"><a href="../snack"><img src="../img/snackunactive.png"/></a> <div class="linespacing"> <?php if(empty($_get['name'])) $sql = "SELECT * FROM tbl_coffee"; else $sql = "SELECT * FROM tbl_shop WHERE name='$nama'"; $result = mysql_query($sql); while ($r = mysql_fetch_object($result))?> <div id="tbproduct"> <img src="<?php echo $r->thumbnail;?>" alt="<?php echo $r->nama;?>" title="<?php echo $r->nama;?>"/> <a href="../detailcoffee/index.php?id=<?php echo $r- >id;?>"><h1><?php echo $r->nama;?></h1></a> <h3> Hot : Rp <?php echo $r->harga_hot;?> <br> Cold : Rp <?php echo $r->harga_cold;?> </h3> <p><?php echo $r->ringkasan;?></p> <?php?> <div class="footer"> <ul id="navfooter"> <li><p>bandung Toast & Coffee Copywright All Right Reserverd</p></li>

5 <li><a href="#">facebook</a></li> <li><a href=" <li><a href="#">instagram</a></li> </body> </html> Detail Coffee <?php require_once '../config.php'; $id = $_GET['id']; $q = "SELECT * FROM tbl_coffee WHERE id='$id'"; $result = mysql_query($q); $row = mysql_fetch_object($result)?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="../reset.css" /> <link rel="stylesheet" href="../style.css" /> <title>bandung Toast Coffee Shop</title> </head> <body> <img src="../img/headimageproduct.jpg" alt="imagehead" title="image Head" /> <div id="content"> <div id="logo"> <ul id="navigasi"> <li><a href="../about">about</a></li> <li><a href="../news">news</a></li> <li><a href="../product">product</a></li> <li><a href="../index.php">home</a></li> <div id="coffee"><a href="../product"><img src="../img/coffeeactive.png"/></a>

6 <div id="snack"><a href="../snack"><img src="../img/snackunactive.png"/></a> <div class="linespacing"> <div class="detailproduct"> <img src="<?php echo $row->image;?>" alt="<?php echo $row->nama;?>" title="<?php echo $row->nama;?>"/> <h1><?php echo $row->nama;?></h1> <h3> Hot : Rp <?php echo $row->harga_hot;?> <br> Cold : Rp <?php echo $row->harga_cold;?> </h3> <p><?php echo $row->deskripsi;?> </p> <div class="footer"> <ul id="navfooter"> <li><p>bandung Toast & Coffee Copywright All Right Reserverd</p></li> <li><a href="#">facebook</a></li> <li><a href=" <li><a href="#">instagram</a></li> </body> </html> Detail Snack <?php require_once '../config.php'; $id = $_GET['id']; $q = "SELECT * FROM tbl_snack WHERE id='$id'";

7 $result = mysql_query($q); $row = mysql_fetch_object($result);?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="../reset.css" /> <link rel="stylesheet" href="../style.css" /> <title>bandung Toast Coffee Shop</title> </head> <body> <img src="../img/headimageproduct.jpg" alt="imagehead" title="image Head" /> <div id="content"> <div id="logo"> <ul id="navigasi"> <li><a href="../about">about</a></li> <li><a href="../news">news</a></li> <li><a href="../product">product</a></li> <li><a href="../index.php">home</a></li> <div id="coffee"><a href="../product"><img src="../img/coffeeunactive.png"/></a> <div id="snack"><a href="../snack"><img src="../img/snackactive.png"/></a> <div class="linespacing"> <div class="detailproduct"> <img src="<?php echo $row->image;?>" alt="<?php echo $row->nama;?>" title="<?php echo $row->nama;?>"/> <h1><?php echo $row->nama;?></h1> <h3> Price : Rp <?php echo $row->harga;?> </h3> <p><?php echo $row->deskripsi;?></p> <div class="footer">

8 <ul id="navfooter"> <li><p>bandung Toast & Coffee Copywright All Right Reserverd</p></li> <li><a href="#">facebook</a></li> <li><a href="#">twitter</a></li> <li><a href="#">instagram</a></li> </body> </html> Halaman News <?php require_once '../config.php'; $id = $_GET['id']; $q = "SELECT * FROM tbl_news WHERE id='$id'"; $result = mysql_query($q); $row = mysql_fetch_object($result);?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="../reset.css" /> <link rel="stylesheet" href="../style.css" /> <title>bandung Toast Coffee Shop</title> </head> <body> <img src="../img/headimagenews.jpg" alt="imagehead" title="image Head" /> <div id="content"> <div id="logo"> <ul id="navigasi"> <li><a href="../about">about</a></li> <li><a class="active" href="index.php">news</a></li> <li><a href="../product">product</a></li> <li><a href="../index.php">home</a></li>

9 <div id="titlepage"><h1 align="right">coffee Break</h1> <div class="linespacing"> <div class="detailnews"> <img src="<?php echo $row->image;?>" alt="<?php echo $row->title;?>" title="<?php echo $row->title;?>"/> <h1><?php echo $row->title;?></h1> <h3>sumber : <?php echo $row->sumber;?></h3> <p><?php echo $row->deskripsi;?></p> <div class="footer"> <ul id="navfooter"> <li><p>bandung Toast & Coffee Copywright All Right Reserverd</p></li> <li><a href="#">facebook</a></li> <li><a href=" <li><a href="#">instagram</a></li> </body> </html> Detail News <?php require_once '../config.php'; $id = $_GET['id']; $q = "SELECT * FROM tbl_news WHERE id='$id'"; $result = mysql_query($q); $row = mysql_fetch_object($result);?> <!DOCTYPE html> <html lang="en"> <head>

10 <meta charset="utf-8" /> <link rel="stylesheet" href="../reset.css" /> <link rel="stylesheet" href="../style.css" /> <title>bandung Toast Coffee Shop</title> </head> <body> <img src="../img/headimagenews.jpg" alt="imagehead" title="image Head" /> <div id="content"> <div id="logo"> <ul id="navigasi"> <li><a href="../about">about</a></li> <li><a href="../news">news</a></li> <li><a href="../product">product</a></li> <li><a href="../index.php">home</a></li> <div id="titlepage"><h1 align="right">coffee Break</h1> <div class="linespacing"> <div class="detailnews"> <img src="<?php echo $row->image;?>" alt="<?php echo $row->title;?>" title="<?php echo $row->title;?>"/> <h1><?php echo $row->title;?></h1> <h3>sumber : <?php echo $row->sumber;?></h3> <p><?php echo $row->deskripsi;?></p> <div class="footer"> <ul id="navfooter"> <li><p>bandung Toast & Coffee Copywright All Right Reserverd</p></li> <li><a href="#">facebook</a></li> <li><a href=" <li><a href="#">instagram</a></li>

11 </body> </html> Halaman About <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="../reset.css" /> <link rel="stylesheet" href="../style.css" /> <script src="../jquery/jquery.js"></script> <script src="../jquery/jqfancytransitions.1.7.min.js"></script> <script> $(document).ready(function() $('#photoabout').jqfancytransitions( width:'960', height:'235', time:'1000', effect:'slide', stripes:'24' ); ); </script> <title>bandung Toast Coffee Shop</title> </head> <body> <img src="../img/headimageabout.jpg"alt="imagehead" title="image Head" /> <div id="content"> <div id="logo"> <ul id="navigasi"> <li><a class="active" href="index.php">about</a></li> <li><a href="../news">news</a></li> <li><a href="../product">product</a></li> <li><a href="../index.php">home</a></li> <div id="titlepage"><h1 align="right">about Us</h1>

12 <div class="linespacing"> <div id="photoabout"> <img src="../img/photoabout.jpg" /> <img src="../img/photoabout2.jpg" /> <img src="../img/photoabout3.jpg" /> <div id="contentabout"> <h1><strong>bandung Toast & Coffee</strong></h1> <p> Bandung Toast & Coffee adalah sebuah gerai kopi yang menyediakan aneka minuman coffee yang berdiri tahun 2012, saat ini bekerjasama dengan salah satu restorant dimedan, yaitu restorant srikandi yang terletak di jalan Merak Medan sunggal. Bandung Toast & coffee tidak hanya menyediakan minuman namun juga tersedia snack. Minuman kopi yang disajikan diracik oleh kopi pilihan dan bahan pendukung yang berkualitas. sehingga terasa kopi yang pas untuk lidah dan lambung anda. </p> <div id="titlepage"><h1 align="right">contact Us</h1> <div class="linespacing"> <div class="map"> <div id="maphover"> <div id="mapicon"><img src="../img/mapicon.png" alt="icon"/> <ul id="contact"> <li>address : Restorant Srikandi, Jln. Merak, Medan Sunggal</li><br> <li>phone Number : / </li><br> <li> Bandungtoastcoffee@yahoo.com</li><br> <li>facebook : Bandung Toast & Coffee</li><br> <li>twitter <li>instagram

13 <div class="footer"> <ul id="navfooter"> <li><p>bandung Toast & Coffee Copywright All Right Reserverd</p></li> <li><a href="#">facebook</a></li> <li><a href=" <li><a href="#">instagram</a></li> </body> </html> Style CSS body background:#fff url(img/bg.png) no-repeat; background-color:#fff; background-position:bottom; font-family:helvetica Neue, Helvetica, Arial; font-size:10px; #content margin:0 auto; width:960px;.clear

14 clear:both; #coffee width:60px; height:30px; float:right; margin:-15px 230px 30px 0; #snack width:60px; height:30px; float:right; margin:-15px -190px 0 0; #contact width:480px; margin: px; list-style:none; float:right; font-size:13px; font-family:astutessi; letter-spacing:2px; #contentabout width:960px; height:175px; margin: px;

15 #contentabout h1 font-family:avantgardef-extralight; font-size:40px; margin:0 0 10px 0; #contentabout p height:175px; font-family:aliquam; font-size:16px; letter-spacing:2px; text-align:justify;.detailnews width:960px; height:300px;.detailnews img width:400px; height:300px; margin:0 30px 0 0;.detailnews h1 width:530px; height:35px; margin:0 0 15px 0; font-size:28px;.detailnews h3

16 width:530px; height:10px; margin:0 0 15px 0; font-size:14px;.detailnews p width:530px; height:225px; font-size:11px; font-family:helvetica; text-align:justify; word-spacing:2px;.detailproduct wiidth:960px; height:300px;.detailproduct img width:400px; height:300px; margin:0 30px 0 0;.detailproduct h1 width:530px; height:60px; margin:0 0 30px 0; font-size:55px;

17 .detailproduct h3 width:530px; height:50px; margin:0 0 15px 0; font-size:18px; color:#999; word-spacing:8px;.detailproduct p width:530px; height:145px; font-family:astutessi; font-size:16px; text-align:justify; word-spacing:2px; color:#716f6f;.footer width:960px; height:25px; margin:15px 0 0 0; background:url(img/footerline.png) no-repeat; #highlight width:960px; height:250px; margin:30px 0 30px 0;.linespacing background:url(img/line.png) no-repeat; width:960px;

18 height:5px; margin:0 0 15px 0; #logo background:url(img/logo.jpg) no-repeat; width:300px; height:80px; margin:30px 0 30px 0;.map width:465px; height:255px; background:url(img/map.png) no-repeat; #maphover background:url(img/maphover.png) no-repeat; width:268px; height:94px; margin:70px px; opacity:0.1; #maphover:hover opacity:1; #mapicon width:45px; height:50px; margin:171px px;

19 #navfooter list-style:none; margin:20px 0 0 0; #navfooter a, #navfooter li font-family:astutessi; font-size:14px; color:#7d7d7d; margin:0 15px 30px 25px; #navfooter a:hover color:#3d3c3c; #navigasi margin:25px 0 30px 0; list-style:none; float:right; #navigasi li margin:30px px; float:right; font-size:23px; font-family:"abrazo Script SSi"; #navigasi li a color:#ef8b45;

20 #navigasi li a:hover, #navigasi li a.active color:#703b30; font-weight:1000; #newscontent width:465px; height:150px; margin:15px 15px 15px 0; #newscontent h1 width:250px; font-family:helvetica; font-size:18px; float:right; margin:15px 0 0 0; #newscontent p width:240px; height:150px; font-family:helvetica; font-size:12px; margin:-115px px; word-spacing:5px; word-spacing:normal;.newstb width:225px; height:180px;

21 margin:0 15px 30px 0;.newstb p font-family:avantgardef-extralight; font-size:14px; margin:-15px 0 30px 0; #photoabout width:960px; height:235px; margin:0 0 15px 0; #tbproduct width:465px; height:200px; margin:0 15px 30px 0; #tbproduct img width:200px; height:200px; margin:0 10px; #tbproduct h1 margin:0 0 15px; font-family:astutessi; font-size:30px; word-spacing:5px;

22 #tbproduct h3 margin:0 0 10px; font-family:avantgardef-extralight; font-size:18px; word-spacing:5px; color:#a1a1a1; #tbproduct p heigt:90px; font-family:helvetica; font-size:14px; color:#a1a1a1; word-spacing:1px; text-align:justify; #titlepage font-family:avantgardef-extralight; font-size:24px; color:#ccc;

Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat

Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat Contoh ke dua layout menggunakan CSS Masih tentang bagaimana membuat layout dengan CSS, kita lanjutkan untuk membuat layout yang lain. Berikut ini adalah desain layout yang akan kita buat HEADER ISI NAVIGASI

Lebih terperinci

TUTORIAL APLIKASI WEB Dengan PHP dan MySQL

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,

Lebih terperinci

Cara Memasukan Font Baru Ke Dalam Web Menggunakan CSS

Cara Memasukan Font Baru Ke Dalam Web Menggunakan CSS Cara Memasukan Font Baru Ke Dalam Web Menggunakan CSS Oleh: Rahmat Menghias blog/web boleh saja tetapi tentunya juga harus memperhatikan kenyamanan visitor yang akan berkunjung ke web anda. Oleh sebab

Lebih terperinci

Kartu Bimbingan Tugas Akhir Mahasiswa. : Eigto M P Siregar : Danau Toba.

Kartu Bimbingan Tugas Akhir Mahasiswa. : Eigto M P Siregar : Danau Toba. KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 82144290,

Lebih terperinci

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 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

Lebih terperinci

Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS

Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS Tutorial CSS Desain Layout 1 Dengan HTML5 dan CSS Oleh: Ardie Jocong pada tutorial ini saya akan mencoba menjelaskan Bagaimana Membuat Desain Layout Website dengan Menggunakan HTML5 dan CSS.. Okeh Langsung

Lebih terperinci

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

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

Lebih terperinci

KAJIAN 3 Web Responsive

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

Lebih terperinci

SImple Pop-Up Modal dengan CSS3 dan Jquery

SImple Pop-Up Modal dengan CSS3 dan Jquery SImple Pop-Up Modal dengan CSS3 dan Jquery Oleh: d-newbie Assalamualaikum wr.wb. bertemu lagi dengan saya, kali ini saya akan menulis tutorial tentang pop-up, apa itu pop-up? Kalo menurut wikipedia pop-up

Lebih terperinci

LEMBAR KERJA PRAKTIKUM. - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html :

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

Lebih terperinci

PEMBUATAN WEBSITE MENJUAL PERLENGKAPAN FUTSAL

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

Lebih terperinci

Menampilkan user online seperti di obrolan step by step

Menampilkan user online seperti di obrolan step by step Menampilkan user online seperti di obrolan step by step Oleh: lukman hakim Salam hangat temen2 Jagocoding.com, Berikut saya akan berbagi tutorial sederhana yakni bagaimana cara menampilkan user online

Lebih terperinci

CSS Cascading Style Sheet

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:

Lebih terperinci

BAB V DESAIN WEB CSS

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

Lebih terperinci

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna

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

Lebih terperinci

Image Slider 3D. Oleh: Anthonius

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

Lebih terperinci

Membuat Themes Wordpress sendiri - Part 1

Membuat Themes Wordpress sendiri - Part 1 Membuat Themes Wordpress sendiri - Part 1 Oleh: asep saepulloh Halo sahabat jaco. Kali ini saya akan membahas bagaimana caranya membuat themes sendiri di CMS Wordpress. Terkadang sahabat jaco muak dengan

Lebih terperinci

MODUL PRATIKUM 04B PEMROGRAMAN BERBASIS WEB (CCP119)

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

Lebih terperinci

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2]

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

Lebih terperinci

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara Halaman Utama Tampilan Menu Tampilan Galeri Tampilan Admin Listing Program Halaman Utama

Lebih terperinci

CSS Eksternal. Instruktur: Arif Nurwidyantoro

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

Lebih terperinci

Panduan Lengkapp HTML dan CSS bagian 2 Wahyu Setiyono

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

Lebih terperinci

Cara Membuat website dengan Dreamweaver

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

Lebih terperinci

Publish: 7 Juni 2012 Author & Copyright: Johan Status: FREE tutorial

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

Lebih terperinci

LAMPIRAN. Universitas Sumatera Utara

LAMPIRAN. Universitas Sumatera Utara LAMPIRAN 66 LAMPIRAN A : TAMPILAN PROGRAM Tampilan Halaman Utama (Home) Tampilan Halaman Buku Tamu 67 Tampilan Halaman Guru Dan Siswa Tampilan Halaman Portal Akademik Siswa 68 Tampilan Halaman Login Portal

Lebih terperinci

Lampiran 1. Flowchart perancangan sistem

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

Lebih terperinci

Membuat Chatbox Sederhana dengan Ajax jquery dan PHP PDO

Membuat Chatbox Sederhana dengan Ajax jquery dan PHP PDO Membuat Chatbox Sederhana dengan Ajax jquery dan PHP PDO Oleh: Ananda Mukhammad Ikhsan Chatbox adalah fitur yang cukup penting di website berbasis sosial media. Nah, kali ini saya akan memberikan tutorial

Lebih terperinci

DAFTAR PUSTAKA. Fathansyah. (2007). Basis Data. Informatika : Bandung.

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).

Lebih terperinci

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 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

Lebih terperinci

How to Create Simple Web (2) - Slice

How to Create Simple Web (2) - Slice How to Create Simple Web (2) - Slice Oleh: Isnu Arief Darmawan Senang sekali, bisa berjumpa lagi dengan Anda :D #masih-presenter dengan Saya Om' Kenu. Sebelumnya, kita sudah membuat template yang sudah

Lebih terperinci

MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP

MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP MEMBUAT LAYOUT DENGAN CONTAINER BOOTSTRAP NURLITA nurlita.icha@gmail.com Abstrak Kali ini kita akan membahas cara membuat layout dengan container bootstrap. Bootstrap adalah suatu framework front-end yang

Lebih terperinci

DAFTAR ISI DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuannya...

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

Lebih terperinci

MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119)

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

Lebih terperinci

BAB X AKSES DAN MANIPULASI DATA

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

Lebih terperinci

Tutorial Dasar CSS Preprocessor LESS

Tutorial Dasar CSS Preprocessor LESS Tutorial Dasar CSS Preprocessor LESS Oleh: Christian Rosandhy Karena CSS standar udah terlalu mainstream,, nggak ada salahnya kita belajar salah satu CSS Preprocessor yang cukup terkenal, yaitu LESS. Disini

Lebih terperinci

Membuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage

Membuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage Membuat Responsive dan Fleksibel Image Gallery dengan JQuery Fleximage Oleh: Christian Rosandhy Siapa bilang bikin galeri gambar yang responsive itu susah? Di tutorial kali ini kita akan belajar membuat

Lebih terperinci

DAFTAR PUSTAKA. Andi, Menguasai Pemerograman Web Dengan Java Script. Wahana Komputer 2010

DAFTAR PUSTAKA. Andi, Menguasai Pemerograman Web Dengan Java Script. Wahana Komputer 2010 DAFTAR PUSTAKA Andi, Menguasai Pemerograman Web Dengan Java Script. Wahana Komputer 2010 Enterprise,Jubilee.2011.Step by Step HTML5, cara cepat menguasai script HTML5,Yogyakarta : Elex Media Komputindo

Lebih terperinci

Membuat Display Produk dalam Layout Box 4 Kolom

Membuat Display Produk dalam Layout Box 4 Kolom Membuat Display Produk dalam Layout Box 4 Kolom Oleh: Debrian Ruhut Saragih Selamat pagi Sobat sekalian, saat ini kita banyak menemukan toko online bertebaran di Internet. Saya sering memperhatikan bagaimana

Lebih terperinci

Membuat Toko Buku dengan PHP - MySQL

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

Lebih terperinci

Membuat Scrollspy Dengan Bootstrap

Membuat Scrollspy Dengan Bootstrap Membuat Scrollspy Dengan Bootstrap Oleh: Hasyemi Rafsanjani Asyari Hai JagoCodingers. Apa kabar? Pernah ngga kalian membuka sebuah website lalu ada menu link navigasi yang akan terupdate atau terlihat

Lebih terperinci

Membuat Layout Header Diam di Tempat (Fix Header)

Membuat Layout Header Diam di Tempat (Fix Header) Membuat Layout Header Diam di Tempat (Fix Header) Oleh: Christian Rosandhy Fix Header / Header Diam di Tempat adalah salah satu tren layout yang cukup populer (liat aja header Facebook / Twitter). Layout

Lebih terperinci

Analisa Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya.

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;

Lebih terperinci

setiap value dipisakan dengan,(koma) dan maksud dari kedua value ini ialah manambah efek dengan dua value tadi.

setiap value dipisakan dengan,(koma) dan maksud dari kedua value ini ialah manambah efek dengan dua value tadi. PERTEMUAN 6 .classshadow font-family: color:#333333; text-shadow: 1px 2px 3px blue; 1px adalah tebal bayangan secara horisontal, kekanan untuk nilai (+) dan kekiri untuk nilai (-), misal -1px; 2px adalah

Lebih terperinci

Membuat Responsive Layout dengan CSS Media Query

Membuat Responsive Layout dengan CSS Media Query Membuat Responsive Layout dengan CSS Media Query Oleh: Christian Rosandhy Di tutorial kali ini kita akan belajar membuat layout CSS Responsive dengan bantuan CSS Media Query, supaya website yang kita buat

Lebih terperinci

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 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.

Lebih terperinci

membuat website dengan bootstrap v3.0.0

membuat website dengan bootstrap v3.0.0 membuat website dengan bootstrap v3.0.0 Oleh: reski hamsah Belakangan ini, bootstrap telah merilis versi terbarunya dengan berbagai tawaran menarik mulai dari desain, fitur, dan customizer terbaru untuk

Lebih terperinci

Membuat Duplikasi Form dengan Jquery (Dynamic Form)

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

Lebih terperinci

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 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

Lebih terperinci

Page 1 of 8 Tutorial Font Awesome UTS Stmik El Rahma

Page 1 of 8 Tutorial Font Awesome UTS Stmik El Rahma Page 1 of 8 Tutorial Font Awesome Nama : Faqum Alf a Dwiyanto NIM : 12141368 Prodi : TI / I Buat tutorial cara penggunaan suatu framework CSS yang diimplementasikan pada layout semantik html. Tulislah

Lebih terperinci

Create Read Update Delete using PHP MySql

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

Lebih terperinci

PETUNJUK INSTALASI SHOPPAHOLIC BOUTIQUE

PETUNJUK INSTALASI SHOPPAHOLIC BOUTIQUE PETUNJUK INSTALASI SHOPPAHOLIC BOUTIQUE Instalasi Template XML 1. Login ke akun blogger.com anda 2. Download template Shoppaholic Boutiqu dan un-rar template yang telah anda download 3. Buka template editor

Lebih terperinci

HTML (HyperText Markup Language)

HTML (HyperText Markup Language) HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah

Lebih terperinci

Tutorial Membuat Layout Website Sederhana dengan HTML dan CSS

Tutorial Membuat Layout Website Sederhana dengan HTML dan CSS Tutorial Membuat Layout Website Sederhana dengan HTML dan CSS Oleh: I Wayan Dharmana Halo kawan, apa kabar? Semoga di awal bulan Ramadhan ini kawan pembaca tetap semangat untuk mencari ilmu. Nah, pada

Lebih terperinci

Yayan Mulyana

Yayan Mulyana Yayan Mulyana CSS merupakan materi yang WAJIB kita kuasai sebagai web Designer, karena dengan CSS kita bisa membangun sebuah website dengan rancangan desain yang efektif dan fleksibel

Lebih terperinci

[ MODUL 4 ] PEMROGRAMAN WEB [ CSS ] Modul Ini Disusun Untuk Membantu Proses Pembelajaran Bagi Mahasiswa DOSEN : CEPI RAHMAT HIDAYAT, S.

[ MODUL 4 ] PEMROGRAMAN WEB [ CSS ] Modul Ini Disusun Untuk Membantu Proses Pembelajaran Bagi Mahasiswa DOSEN : CEPI RAHMAT HIDAYAT, S. [ MODUL 4 ] PEMROGRAMAN WEB [ CSS ] Modul Ini Disusun Untuk Membantu Proses Pembelajaran Bagi Mahasiswa DOSEN : CEPI RAHMAT HIDAYAT, S.KOM STMIK TASIKMALAYA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

Lebih terperinci

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. 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

Lebih terperinci

LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE

LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE LAMPIRAN LISTING PROGRAM HALAMAN WEBSITE 1. Script banner.php

Lebih terperinci

MODUL III CASCADING STYLE SHEET

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

Lebih terperinci

MEMBUAT WEBSITE SEDERHANA DENGAN HTML 5

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,

Lebih terperinci

LAMPIRAN. A. Source Code Halaman Utama

LAMPIRAN. A. Source Code Halaman Utama A. Source Code Halaman Utama LAMPIRAN include 'config/config.php'; include 'config/statistik.php'; sa-prol

Lebih terperinci

BAB IV CASCADING STYLE SHEET (CSS)

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

Lebih terperinci

buat Lightbox mu sendiri dengan jquery

buat Lightbox mu sendiri dengan jquery buat Lightbox mu sendiri dengan jquery Oleh: putra surya herlambang assalamualikum wr wb. apakah kamu pernah melihat gambar pada website yang ketika kamu klik lalu akan muncul suatu kotak besar yang juga

Lebih terperinci

Tutorial Mengedit Halaman HTML dengan Dreamweaver

Tutorial Mengedit Halaman HTML dengan Dreamweaver Tutorial Mengedit Halaman HTML dengan Dreamweaver Oleh : Ruth Ema Febrita Pada tutorial sebelumnya, kita sudah berhasil melakukan konversi dari desain website yang kita buat menggunakan Photoshop menjadi

Lebih terperinci

SURAT KETERANGAN Hasil Uji Program Tugas Akhir. Dengan Hasil : SUKSES / GAGAL

SURAT KETERANGAN Hasil Uji Program Tugas Akhir. Dengan Hasil : SUKSES / GAGAL KEMENTERIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATARA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 8214290, Fax.

Lebih terperinci

TUTORIAL RUBY ON RAILS

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

Lebih terperinci

Pemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml

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

Lebih terperinci

Lampiran Kode Program

Lampiran Kode Program Lampiran Kode Program 1. Fw_jemput_penumpang.php

Lebih terperinci

CSS. inheritance (pewarisan)

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

Lebih terperinci

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 TUTORIAL CODEIGNITER Langkah Tepat menjadi Web Developer Handal, menguasai CodeIgniter, jalan membuat aplikasi berbasis website lebih mudah www.ilmuwebsite.com Bagian 4. CRUD (Create, Read, Update, Delete)

Lebih terperinci

Responsive Layout dengan Bootstrap [Part 2]

Responsive Layout dengan Bootstrap [Part 2] Responsive Layout dengan Bootstrap [Part 2] Oleh: Christian Rosandhy Salam jaco,, sebagai lanjutan dari tutorial Membuat Layout Responsive dengan Container Bootstrap, kali ini kita akan mencoba membuat

Lebih terperinci

Nofriza Nindiyasari

Nofriza Nindiyasari Tips Mengganti Templates Ala Joomla Nofriza Nindiyasari admin@constantio.com http://www.constantio.info Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan

Lebih terperinci

Latihan Aplikasi Pertamaku

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

Lebih terperinci

BAB III CASCADING STYLE SHEET

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

Lebih terperinci

LAMPIRAN LISTING PROGRAM WEBSITE

LAMPIRAN LISTING PROGRAM WEBSITE LAMPIRAN LISTING PROGRAM WEBSITE 1. Halaman Home (index.php) $judul_hal=home; function isi() include("koneksi.php");

Lebih terperinci

MODUL III CASCADING STYLE SHEET

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

Lebih terperinci

SMH2D3 Web Programming. 4 BAB IV WEB DESIGN CSS3. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3

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

Lebih terperinci

Nama: ahmad edi purwanto. Nim: Tugas uts web statis. Tutorial cara penggunaan suatu framework CSS

Nama: ahmad edi purwanto. Nim: Tugas uts web statis. Tutorial cara penggunaan suatu framework CSS Nama: ahmad edi purwanto Nim:12111027 Tugas uts web statis. Tutorial cara penggunaan suatu framework CSS Pengertian dasar dari Framework itu sendiri adalah; sebuah konsep yang memiliki struktur serta terorganisir

Lebih terperinci

Pemrograman Web Sisi Client Pertemuan 3 PI

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

Lebih terperinci

A. LATAR BELAKANG ATAU BACKGROUND

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

Lebih terperinci

MODUL 4 PENGENALAN BAHASA PEMROGRAMAN UNTUK WEBGIS. A. Tujuan 1. Praktikan dapat mengetahui dasar-dasar bahasa pemrograman dalam WebGIS.

MODUL 4 PENGENALAN BAHASA PEMROGRAMAN UNTUK WEBGIS. A. Tujuan 1. Praktikan dapat mengetahui dasar-dasar bahasa pemrograman dalam WebGIS. MODUL 4 PENGENALAN BAHASA PEMROGRAMAN UNTUK WEBGIS A. Tujuan 1. Praktikan dapat mengetahui dasar-dasar bahasa pemrograman dalam WebGIS. 2. Praktikan dapat membuat halaman Web. B. Tools a. XAMPP ( mendukung

Lebih terperinci

Perancangan Web. Perancangan Web. Oleh : Moh. Sulhan. By : MOH.SULHAN

Perancangan Web. Perancangan Web. Oleh : Moh. Sulhan. By : MOH.SULHAN Oleh : Moh. Sulhan 1 Apa itu CSS? - Merupakan bahasa style sheet yang digunakan untuk mengatur tampilan dokumen - Sebuah metode yang digunakan untuk mempersingkat penulisan tag HTML, seperti font, color,

Lebih terperinci

Membangun website dinamis berbasis PHP-mySQL (3)

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

Lebih terperinci

<script type="text/javascript" src="js/cal.js"></script> <link href="css/cal.css" rel="stylesheet" type="text/css">

<script type=text/javascript src=js/cal.js></script> <link href=css/cal.css rel=stylesheet type=text/css> 52 LAMPIRAN A. LISTING PROGRAM 1. Halaman Input Data session_start(); //echo "$_SESSION[sipptNama]"; if($_session[sipptnama]=="" or $_SESSION[sipptUsername]=="GUEST"){ alert('maaf...!silahkan

Lebih terperinci

Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com

Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com Prak. E-Bussiness & E-Commerce HTML (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Pendahuluan HTML adalah sebuah bahasa markup yang digunakan untuk membuat

Lebih terperinci

TUTORIAL WEBDESIGN HTML & CSS DENGAN DREAMWEAVER

TUTORIAL WEBDESIGN HTML & CSS DENGAN DREAMWEAVER 1 TUTORIAL WEBDESIGN HTML & CSS DENGAN DREAMWEAVER Membuat website statis dengan menggunakan Dreamweaver tools sebagai editor dengan membuat dokumen XHTML dan CSS sebagai style library external. Rencana

Lebih terperinci

DAFTAR PUSTAKA. Bin Ladjamudin, Al-Bahra Analisis dan Desain Sistem Informasi. Yogyakarta: Graha Ilmu

DAFTAR PUSTAKA. Bin Ladjamudin, Al-Bahra Analisis dan Desain Sistem Informasi. Yogyakarta: Graha Ilmu DAFTAR PUSTAKA Alan Dennis dkk. 2012 Systems Analysis and Design with UML Version 2.0. An Object-Oriented Approach. Edisi Kedua. America : John Wiley & Sons Bin Ladjamudin, Al-Bahra. 2013. Analisis dan

Lebih terperinci

BAB V IMPLEMENTASI DAN PENGUJIAN. lingkungan perangkat lunak, implementasi database beserta struktur program dan

BAB V IMPLEMENTASI DAN PENGUJIAN. lingkungan perangkat lunak, implementasi database beserta struktur program dan BAB V IMPLEMENTASI DAN PENGUJIAN 5.1 Implementasi Bab ini berisi implementasi dari perancangan yang telah dibahas pada bab sebelumnya. Pengimplementasiannya meliputi lingkungan perangkat keras, lingkungan

Lebih terperinci

CSS Lanjut Pertemuan - 5

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

Lebih terperinci

DAFTAR LAMPIRAN. Mulai. Investigasi Sistem. lanjut. Analisis Sistem. Perancangan Prototype. Pembentukan Prototype. Evaluasi.

DAFTAR LAMPIRAN. Mulai. Investigasi Sistem. lanjut. Analisis Sistem. Perancangan Prototype. Pembentukan Prototype. Evaluasi. DAFTAR LAMPIRAN Lampiran 1. Flowchart penelitian SIAMP Mulai Investigasi Sistem tidak lanjut ya Analisis Sistem Perancangan Prototype Pembentukan Prototype Evaluasi Prototype Perbaikan Prototype oleh pengembang

Lebih terperinci

DAFTRA PUSTAKA. Raymond McLeod, Jr. (2001). Sistem Informasi Manajemen Jilid 1. Edisi Ketujuh. Jakarta : PT. Prenhallindo.

DAFTRA PUSTAKA. Raymond McLeod, Jr. (2001). Sistem Informasi Manajemen Jilid 1. Edisi Ketujuh. Jakarta : PT. Prenhallindo. DAFTRA PUSTAKA Jogiyanto,HM.(2005).Analisis dan Desain Sistem informasi :Pendekatan Terstruktur Teori dan Praktek Aplikasi Bisnis.Edisi Ketiga. Yogyakarta: Andi Offset. Raymond McLeod, Jr. (2001). Sistem

Lebih terperinci

L A M P I R A N. Universitas Sumatera Utara

L A M P I R A N. Universitas Sumatera Utara L A M P I R A N A Listing program a. Categories categories home profile administration

Lebih terperinci

Membuat Desain Custom Input (Checkbox + Radio Button) pada Form

Membuat Desain Custom Input (Checkbox + Radio Button) pada Form Membuat Desain Custom Input (Checkbox + Radio Button) pada Form Oleh: Christian Rosandhy Bosen lah ya liat checkbox dan radio button di HTML yang gitu-gitu aja? Di tutorial kali ini kita akan belajar mendesainnya

Lebih terperinci

Dari potongan program pada Gambar 1 dijelaskan bahwa, program

Dari potongan program pada Gambar 1 dijelaskan bahwa, program Modul 14 e 1. TUJUAN Mahasiswa mampu membuat grafik dari localhost dengan bantuan libraby highcharts Mahasiswa mampu menghosting grafik dari localhost menjadi online pada hostinger Mahasiswa mampu mengakses

Lebih terperinci

EFEKTIFITAS TATA KERJA PENDATAAN KEPEGAWAIAN DALAM MEWUJUDKAN GOOD GOVERNANCE

EFEKTIFITAS TATA KERJA PENDATAAN KEPEGAWAIAN DALAM MEWUJUDKAN GOOD GOVERNANCE EFEKTIFITAS TATA KERJA PENDATAAN KEPEGAWAIAN DALAM MEWUJUDKAN GOOD GOVERNANCE Hidayatulah Himawan Jurusan Teknik Informatika UPN "Veteran" Yogyakarta Jl. Babarsari no 2 Tambakbayan 55281 Yogyakarta Telp

Lebih terperinci

Levenshtein Distance.php

Levenshtein Distance.php LISTING PROGRAM Levenshtein Distance.php

Lebih terperinci

Nama : Dwi Untari. Nim : A TUGAS SEMESTERAN 1. HOME 2. MATERI

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

Lebih terperinci