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

Ukuran: px
Mulai penontonan dengan halaman:

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

Transkripsi

1 LEMBAR KERJA PRAKTIKUM Nim : Hari / Tgl TTD Asisten Nama Kelas : Muh. Idrus : DK-13 Mata kuliah : Pemrograman Web I Materi : JavaScript - JavaScript Alert yang ditampilkan browser saat membuka halaman home/index.html : Tampilan halaman index.html :

2 Source code : <!DOCTYPE html> <html> <head> <title> MIS`` </title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="js/jscript.js"></script> </head> <body onload="welcom()"> <div id="header"> <a href="index.html"> <div id="logo"> <label>m<br>i<br>s</label> <h2> Pertemuan ke 5 Praktikum Pemrograman <span>web I</span> </h2> </a> <div id="menu"> <a href="index.html">home</a>. <a href="about.html">about</a>. <a href="project.html">project</a> <div id="content"> <div id="left"> <h1>welcome...</h1> Selamat datang di situs ini dan terima kasih atas kunjungan anda... <div id="right"> <p> <img src="images/author.png"> Saya Muhammad Idrus dan ini adalah tugas kelima praktikum web I </p> <div id="footer"> &COPY; Muh. Idrus Sukardi </body> </html>

3 - About/about.html Source code : <!DOCTYPE html> <html> <head> <title> MIS`` </title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="js/jscript.js"></script> </head> <body> <div id="header"> <a href="index.html"> <div id="logo"> <label>m<br>i<br>s</label> <h2> Pertemuan ke 5 Praktikum Pemrograman <span>web I</span> </h2> </a> <div id="menu"> <a href="index.html">home</a>. <a href="about.html">about</a>. <a href="project.html">project</a> <div id="content"> <div id="left"> <h1> Tentang Saya </h1> Nama : Muh. Idrus<br> idrus.muhammad313@gmail.com<br>

4 Blog : <h1> Tentang Situs Ini </h1> Merupakan situs di mana di dalamnya dapat ditemukan contoh-contoh penggunaan javascript pada halaman html. <div id="right"> <p> <img src="images/author.png"> Saya Muhammad Idrus dan ini adalah tugas kelima praktikum web I </p> <div id="footer"> &COPY; Muh. Idrus Sukardi </body> </html> - Project/project.html : Source code : <!DOCTYPE html> <html> <head> <title> MIS`` </title> <link rel="stylesheet" type="text/css" href="css/style.css">

5 <script type="text/javascript" src="js/jscript.js"></script> </head> <body> <div id="header"> <a href="index.html"> <div id="logo"> <label>m<br>i<br>s</label> <h2> Pertemuan ke 5 Praktikum Pemrograman <span>web I</span> </h2> </a> <div id="menu"> <a href="index.html">home</a>. <a href="about.html">about</a>. <a href="project.html">project</a> <div id="content"> <div id="left"> <h1>project</h1> <a href="calc.html"> Kalkulator </a><br> <a href="cjs.html"> Contoh penggunaan JavaScript pada halaman html</a><br> <a href="jsloop.html"> JavaScript Pengulangan </a><br> <a href="statement.html"> JavaScript Break & Continue Statement </a> <div id="right"> <p> <img src="images/author.png"> Saya Muhammad Idrus dan ini adalah tugas kelima praktikum web I </p> <div id="footer"> &COPY; Muh. Idrus Sukardi </body> </html>

6 - Calculator Alert tombol operator sebelum menginput angka : Alert tombol = sebelum ada inputan data : Contoh perhitungan :

7 Source code : <!DOCTYPE html> <html> <head> <title> MIS`` </title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="js/jscript.js"></script> </head> <body> <div id="header"> <a href="index.html"> <div id="logo"> <label>m<br>i<br>s</label> <h2> Pertemuan ke 5 Praktikum Pemrograman <span>web I</span> </h2> </a> <div id="menu"> <a href="index.html">home</a>. <a href="about.html">about</a>. <a href="project.html">project</a> <div id="content"> <div id="left"> <h1>javascript Calculator</h1> <div id="calculator"> <FORM NAME="Calc"> <INPUT id="txtinput" TYPE="text" NAME="Input"> <br> <INPUT TYPE="button" NAME="satu" VALUE="1" OnClick="Calc.Input.value += this.value"> <INPUT TYPE="button" NAME="dua" VALUE="2" OnCLick="Calc.Input.value += this.value"> <INPUT TYPE="button" NAME="tiga" VALUE="3" OnClick="Calc.Input.value += this.value"> <INPUT TYPE="button" NAME="plus" VALUE="+" OnClick="tambah()"> <br> <INPUT TYPE="button" NAME="empat" VALUE="4" OnClick="Calc.Input.value += this.value"> <INPUT TYPE="button" NAME="lima" VALUE="5" OnCLick="Calc.Input.value += this.value"> <INPUT TYPE="button" NAME="enam" VALUE="6" OnClick="Calc.Input.value += this.value">

8 <INPUT TYPE="button" NAME="min" VALUE="-" OnClick="kurang()"> <br> <INPUT TYPE="button" NAME="tujuh" VALUE="7" OnClick="Calc.Input.value += this.value"> <INPUT TYPE="button" NAME="delapan" VALUE="8" OnCLick="Calc.Input.value += this.value"> <INPUT TYPE="button" NAME="sembilan" VALUE="9" OnClick="Calc.Input.value += this.value"> <INPUT TYPE="button" NAME="multi" VALUE="x" OnClick="kali()"> <br> <INPUT TYPE="button" NAME="bersih" VALUE="c" OnClick="Calc.Input.value = ''"> <INPUT TYPE="button" NAME="nol" VALUE="0" OnClick="Calc.Input.value += this.value"> <INPUT TYPE="button" NAME="hasil" VALUE="=" OnClick="Hasil()"> <INPUT TYPE="button" NAME="div" VALUE="/" OnClick="bagi()"> <br> </FORM> <div id="right"> <p> <img src="images/author.png"> Saya Muhammad Idrus dan ini adalah tugas kelima praktikum web I </p> <div id="footer"> &COPY; Muh. Idrus Sukardi </body> </html>

9 - Penggunaan javascript pada halaman html : Source code : <!DOCTYPE html> <html> <head> <title> MIS`` </title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="js/jscript.js"></script> </head> <body> <div id="header"> <a href="index.html"> <div id="logo"> <label>m<br>i<br>s</label> <h2> Pertemuan ke 5 Praktikum Pemrograman <span>web I</span> </h2> </a> <div id="menu"> <a href="index.html">home</a>. <a href="about.html">about</a>. <a href="project.html">project</a>

10 <div id="content"> <div id="left"> <h1>javascript Penggunaan Variabel</h1> Operasi penjumlahan <br> Dua + Empat = <code> <script type="text/javascript"> variabel()</script> </code> <h1>javascript Operator Aritmatika</h1> <code> <script type="text/javascript"> oaritmatika() </script> </code> <h1>javascript Operator Assignment</h1> <code> <script type="text/javascript">oassignment()</script> </code> <h1>javascript Operator Logika IF</h1> <code> <script type="text/javascript">ologika()</script> </code> <h1>javascript Pengkondisian Switch</h1> <code> <script type="text/javascript">k_switch()</script> </code> <div id="right"> <p> <img src="images/author.png"> Saya Muhammad Idrus dan ini adalah tugas kelima praktikum web I </p>

11 <div id="footer"> &COPY; Muh. Idrus Sukardi </body> </html> - JavaScript Pengulangan : Source code : <!DOCTYPE html> <html> <head> <title> MIS`` </title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="js/jscript.js"></script> </head> <body> <div id="header"> <a href="index.html"> <div id="logo"> <label>m<br>i<br>s</label> <h2> Pertemuan ke 5 Praktikum Pemrograman <span>web

12 I</span> </h2> </a> <div id="menu"> <a href="index.html">home</a>. <a href="about.html">about</a>. <a href="project.html">project</a> <div id="content"> <div id="left"> <h1>javascript Pengulangan FOR </h1> <code> <script type="text/javascript">p_for()</script> </code> <h1>javascript Pengulangan While </h1> <code> <script type="text/javascript">p_while()</script> </code> <h1>javascript Pengulangan FOR...IN </h1> <code> <script type="text/javascript">p_for_in()</script> </code> <div id="right"> <p> <img src="images/author.png"> Saya Muhammad Idrus dan ini adalah tugas kelima praktikum web I </p> <div id="footer"> &COPY; Muh. Idrus Sukardi </body> </html>

13 - JavaScript break & continue statement : Source code : <!DOCTYPE html> <html> <head> <title> MIS`` </title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="js/jscript.js"></script> </head> <body> <div id="header"> <a href="index.html"> <div id="logo"> <label>m<br>i<br>s</label> <h2> Pertemuan ke 5 Praktikum Pemrograman <span>web I</span> </h2> </a> <div id="menu"> <a href="index.html">home</a>. <a href="about.html">about</a>. <a href="project.html">project</a> <div id="content"> <div id="left"> <h1>javascript Break Statement </h1> <code>

14 <script type="text/javascript">b_statement()</script> </code> <h1>javascript Continue Statement </h1> <code> <script type="text/javascript">c_statement()</script> </code> <div id="right"> <p> <img src="images/author.png"> Saya Muhammad Idrus dan ini adalah tugas kelima praktikum web I </p> <div id="footer"> &COPY; Muh. Idrus Sukardi </body> </html> - Source code jscript.js : // JavaScript Document // js kalkulator function Hasil(){ var txtinput=document.calc.input.value; if (txtinput==''){ alert("tidak dapat menampilkan hasil, Masukkan angka untuk memulai perhitungan!") else{ document.calc.input.value = eval(document.calc.input.value) function tambah(){ var txtinput=document.calc.input.value; if (txtinput==''){ alert("masukkan angka lebih dulu!") else{ document.calc.input.value += ' + '

15 function kurang(){ var txtinput=document.calc.input.value; if (txtinput==''){ alert("masukkan angka lebih dulu!") else{ document.calc.input.value += ' - ' function kali(){ var txtinput=document.calc.input.value; if (txtinput==''){ alert("masukkan angka lebih dulu!") else{ document.calc.input.value += ' * ' function bagi(){ var txtinput=document.calc.input.value; if (txtinput==''){ alert("masukkan angka lebih dulu!") else{ document.calc.input.value += ' / ' // js tampil pesan ketika membuka halaman function welcom(){ alert("selamat datang di halaman webku...") // contoh penggunaan variabel function variabel(){ var jumlah; jumlah = "Enam"; document.write(jumlah); // contoh penggunaan operator aritmatika function oaritmatika(){ var x = "Belajar"; var y = "JavaScript"; z = x + y; document.write(z);

16 // contoh penggunaan operator assignment function oassignment(){ var x = 9; var y = 5; x += 20; x++; x -= y; document.write("nilai x = " + x); // contoh penggunaan operator logika function ologika(){ var jam = 17; if (jam <= 10) { document.write("selamat Pagi."); else if (jam > 10 && jam <= 15) { document.write("selamat Siang."); else { document.write("selamat Sore."); // contoh pengkondisian switch function k_switch(){ var hari = 1; var pesan = ""; switch (hari){ case 0 : { pesan = "Hari Minggu"; break; case 1 : { pesan = "Hari Senin"; break; case 2 : { pesan = "Hari Selasa"; break; case 3 : { pesan = "Hari Rabu"; break; case 4 : { pesan = "Hari Kamis"; break; case 5 : { pesan = "Hari Jumat"; break; case 6 : { pesan = "Hari Sabtu"; break; default : pesan = "Hari Apa?"; document.write(pesan); // contoh pengulangan for function p_for(){ var i = 0; for (i = 0; i <= 5; i++){ document.write("nomor : "+ i + "<br/>");

17 // contoh pengulangan while function p_while(){ var i = 5; while (i >= 0){ document.write("nomor : "+ i + "<br/>"); i--; // contoh pengulangan for...in function p_for_in(){ var x; var mycars = new Array(); mycars[0] = "Avansa"; mycars[1] = "BMW"; mycars[2] = "Volvo"; for (x in mycars){ document.write(mycars[x] + "<br/>"); // contoh break statement function b_statement(){ var i = 0; for (i=0; i<=10;i++){ if (i==3){ break; document.write("nomor : " + i + "<br/>"); document.write("akhir dari pengulangan."); // contoh continue statement function c_statement(){ for (i = 0; i <= 5; i++) { if (i==3){ continue; document.write("nomor : " + i + "<br/>");

18 - Soyrce code style.css : /* CSS Document */ body{ background: #EBEBE3 url(../images/art.png) no-repeat top fixed; margin: 0px; font-family: Georgia, Times, 'Times New Roman', serif; #header{ width: 820px; margin: auto; height: 100px; #logo{ background-image: url(../images/bg_logo.png); width: 20px; height: 100px; #logo label{ text-align: center; float: left; color: #FFFFFF; margin-top: 20px; font-weight: bold; font-size: 20px; #header h2{ width: 300px; float: left; font-size: 15px; font-weight: normal; padding: 0px; margin-left: 25px; margin-top: -40px; color: #000000; #logo h2:hover{ color: green; h1{ margin: 0px; font-size: 18px; font-family: 'GothicCustom', Impact, 'Arial Narrow', sans-serif; font-weight: normal; #header span{

19 font-weight: bold; font-size: 20PX; #menu{ margin-left: 620px; margin-top: -20px; position: fixed; a{ text-decoration: none; color: #000000; #menu a:hover,.div a:hover{ font-weight: bold; color: green; #content{ width: 820px; margin: auto; clear: both; #left{ width: 520px; float: left; min-height: 300px; padding-top: 20px;.div{ width: 500px; border-radius: 5px; margin-bottom: 20px; padding: 10px; background: #FFFFFF url(../images/star.png) no-repeat left top; opacity: 0.6;.div h1{ margin-left: 20px; border-bottom: 1px solid lightgreen; border-bottom-right-radius: 15px; margin-bottom: 10px;.div:hover{ opacity: 1; #calculator{ margin: auto;

20 width: 216px; height: 280px; border: 15px ridge lightgreen; #calculator form { margin: auto; #calculator input{ float: left; width: 50px; height: 50px; margin: 2px; border-radius: 5px; font-size: 20px; font-weight: bold; box-shadow: 0px 0px 1px 1px black; input#txtinput{ width: 202px; padding: 3px; text-align: right; border-radius: 0px; #calculator br{ clear: both; #right{ width: 200px; margin-left: 620px; min-height: 300px; position: fixed; opacity: 0.9; #right p img{ width: 200px; height: 200px; #footer{ clear: both; height: 20px; color: #000000; text-align: center; margin-bottom: 20px; p{ font-size: 12px;

LEMBAR KERJA PRAKTIKUM

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 :

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

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

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

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

BAB V IMPLEMENTASI SISTEM

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

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

MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR)

MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR) MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR) MATERI KULIAH SEMESTER 3 D3 TEKNIK INFORMATIKA STMIK AMIKOM YOGYAKARTA 2009 Disusun Oleh : ANGGIT DWI HARTANTO, S.KOM MODUL II CASCADING STYLE SHEET (CSS) I. PENGERTIAN

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

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

XHTML dan Dasar-dasar CSS XHTML

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

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

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

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

CSS Cascading Style Sheet

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

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

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

DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN

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

Lebih terperinci

Teks dan Background SERIF SANS-SERIF MONOSPACE

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

Lebih terperinci

Author : Minarni, S.Kom.,MM

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

Lebih terperinci

Cascading Style Sheet (CSS) Didik Dwi Prasetya

Cascading Style Sheet (CSS) Didik Dwi Prasetya Cascading Style Sheet (CSS) Didik Dwi Prasetya didikdwi@gmail.com CSS vcss à Cascading Style Sheet vstyle à mendefinisikan aturan untuk menampilkan elemen HTML. vdefinisi: Cascading Style Sheets (CSS)

Lebih terperinci

CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM

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

Lebih terperinci

Design Web Dengan 2 Kolom

Design Web Dengan 2 Kolom Design Web Dengan 2 Kolom Muh Hasan Tanjung recosmic@gmail.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

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

Tutorial Membuat Template Joomla 1.5

Tutorial Membuat Template Joomla 1.5 Tutorial Membuat Template Joomla 1.5 Tempate joomla sebenarnya sangat sederhana, tidak rumit sama sekali. Satu file layout html bisa kita konversi langsung menjadi template joomla 1.5 yang valid. Tutorial

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

MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR

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

Lebih terperinci

CSS (Cascade Style Sheet)

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

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

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

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

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

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

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

LAPORAN RESMI. Boxes

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

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

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

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

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

Design Web 2 Kolom Flexible

Design Web 2 Kolom Flexible Design Web 2 Kolom Flexible Muh Hasan Tanjung recosmic@gmail.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial

Lebih terperinci

BAB VI DESAIN WEB RESPONSIF

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

Lebih terperinci

Modul 3 CSS CASCADE STYLE SHEET

Modul 3 CSS CASCADE STYLE SHEET Modul 3 CSS CASCADE STYLE SHEET Fungsi: Mengatur style elemen yang ada di halaman web, mulai dari memformat text dan format layout. Mengatur kekonsistenan style pada elemen tertentu Keuntungan CSS: Ukuran

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

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

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

CSS dan Tata Letak Pemrograman Internet (TKE ) Program Studi Teknik Elektro, Unsoed

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;

Lebih terperinci

Pertemuan X. Pemrograman Web Dasar Semester 1

Pertemuan X. Pemrograman Web Dasar Semester 1 JAVASCRIPT -- Conditional Statement -- Pertemuan X Pemrograman Web Dasar Semester 1 Pernyataan Bersyarat Pernyataan bersyarat digunakan untuk menampilkan aksi yang berbeda berdasarkan kondisi yang berbeda.

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

PEMROGRAMAN WEB 08 JavaScript Dasar

PEMROGRAMAN WEB 08 JavaScript Dasar PEMROGRAMAN WEB 08 JavaScript Dasar Andi WRE JavaScript Scripting language Lightweight scripting language Client-side scripting language Membuat halaman web menjadi lebih interaktif Digunakan untuk menambahkan

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

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

JavaScript. Pemrograman Web 1. Genap

JavaScript. Pemrograman Web 1. Genap JavaScript Pemrograman Web 1 Genap 2011-2012 Pengenalan JavaScript Apa itu JavaScript? JavaScript adalah bahasa Scripting, bukan bahasa pemrograman. JavaScript didisain untuk membuat halaman HTML menjadi

Lebih terperinci

Membuat Button Dengan CSS

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

Lebih terperinci

TUGAS UTS WEB STATIS. : Apriyanto Wibowo NIM : : Teknik Informatika S1 (Malam) Pengertian framework

TUGAS UTS WEB STATIS. : Apriyanto Wibowo NIM : : Teknik Informatika S1 (Malam) Pengertian framework TUGAS UTS WEB STATIS Nama : Apriyanto Wibowo NIM : 12141362 Prodi Mata Kuliah : Teknik Informatika S1 (Malam) : Pemrograman Web Statis Pengertian framework Framework adalah kerangka kerja. Framework juga

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

CSS Cascading Style Sheet

CSS Cascading Style Sheet CSS Cascading Style Sheet Pemrograman Web 1 Genap 2011-2012 Pengenalan CSS CSS = Cascading Style Sheet. Suatu style yang digunakan untuk menampilkan elemen HTML. Dapat mengatur dan mengontrol tampilan

Lebih terperinci

{CSS} Cascading Style Sheet

{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

Lebih terperinci

Gambar 1.1 Desain halaman web

Gambar 1.1 Desain halaman web DESAIN HALAMAN WEB DENGAN DREAMWEAVER 8.0 Oleh: Heri Istiyanto Untuk dapat mengikuti tutorial ini, diharapkan Anda menggunakan Macromedia Dreamwever versi 8. Jika Anda menggunakan versi di atasnya, misalnya

Lebih terperinci

Multiple Style akan meng-cascade kedalam Style Lain

Multiple Style akan meng-cascade kedalam Style Lain CSS Pendahuluan Apakah CSS? CSS singkatan dari Cascading Style Sheets Styles mendefinisikan bagaimana menampilkan elemen Styles umumnya disimpan dalam Style Sheets Styles ditambahkan pada HTML 4.0 untuk

Lebih terperinci

Modul 10 DreamWeaver MX Suendri, S.Kom

Modul 10 DreamWeaver MX Suendri, S.Kom Modul 10 DreamWeaver MX 2004 Suendri, S.Kom -- Untuk Indonesia Tanah Air Tercinta -- Suendri, S.Kom 2 Lisensi Dokumen Seluruh isi dokumen ini dapat digunakan, dimodifikasi dan disebarluaskan secara luas

Lebih terperinci

7 Cara Mempercantik Tampilan Blog

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

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

Membuat Simpel Site HTML Layout Menggunakan Tag div

Membuat Simpel Site HTML Layout Menggunakan Tag div Membuat Simpel Site HTML Layout Menggunakan Tag div Oleh: Yudhistira Bayu W Ya, setelah saya memberikan Tutorial Tutorial Simpel HTML pada sebelumnya, Kali Ini saya akan memberikan Cara Membuat Simpel

Lebih terperinci

Komunikasi Multimedia

Komunikasi Multimedia Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id

Lebih terperinci

1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML

1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide

Lebih terperinci

Triswansyah Yuliano

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

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 18. Lebih Dalam Bekerja dengan CSS 1 Bagian

Lebih terperinci

Simple Price Calculator dengan Input Range

Simple Price Calculator dengan Input Range Simple Price Calculator dengan Input Range Oleh: Septi Wulan Haloo, pada tutorial pertama saya ini, saya ingin membagikan cara membuat simple price calculator dengan input range (yang inputnya bisa digeser-geser

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

Cara Value keterangan

Cara Value keterangan Pertemuan 11 Pengaturan property CSS Style Sheet adalah rangkaian suatu perintah yang disebut juga dengan statement. Setiap statement mempunyai 2 (dua) buah komponen utama yaitu, selector dan deklarator.

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

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

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

PENGGUNAAN SINGKATAN

PENGGUNAAN SINGKATAN PENGGUNAAN SINGKATAN Adakalanya kita hanya mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag , Anda

Lebih terperinci

MODUL 1 HTML. (HyperText Mark-Up Language)

MODUL 1 HTML. (HyperText Mark-Up Language) MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium STIMIK Komputer PPKIA Pradnya Paramita Malang PERTEMUAN PRAKTIKUM 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar

Lebih terperinci

Lampiran Kode Program

Lampiran Kode Program Lampiran Kode Program 1. Fw_jemput_penumpang.php

Lebih terperinci

PRAKTIKUM APLIKASI WEB DAY 4 (JAVA SCRIPT TINGKAT DASAR)

PRAKTIKUM APLIKASI WEB DAY 4 (JAVA SCRIPT TINGKAT DASAR) PRAKTIKUM APLIKASI WEB DAY 4 (JAVA SCRIPT TINGKAT DASAR) JAVA SCRIPT TINGKAT DASAR 1. Percobaan 1 Source js1.html : 2. Percobaan 2 Source js2.html :

Lebih terperinci

APLIKASI WEB DAY 3. (Cascading Style Sheets)

APLIKASI WEB DAY 3. (Cascading Style Sheets) APLIKASI WEB DAY 3 (Cascading Style Sheets) VII. Pengenalan Style Sheet Style Sheets merupakan feature yang sangat penting dalam membuat Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat

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

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

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

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

JAVASCRIPT. Disusun untuk : Melengkapi Tugas Akhir Semester I Mata Kuliah Desain Web Oleh : AGUNG DIAN PRIBADI NIM :

JAVASCRIPT. Disusun untuk : Melengkapi Tugas Akhir Semester I Mata Kuliah Desain Web Oleh : AGUNG DIAN PRIBADI NIM : JAVASCRIPT Disusun untuk : Melengkapi Tugas Akhir Semester I Mata Kuliah Desain Web Oleh : AGUNG DIAN PRIBADI NIM : 308 312 417 494 UNIVERSITAS NEGERI MALANG FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

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

Pemrograman Web WEEK 03 HTML LANJUT

Pemrograman Web WEEK 03 HTML LANJUT 1 Pemrograman Web WEEK 03 HTML LANJUT 2 Introduction IMAGE HYPERLINK IMAGE MAP DIV & SPAN META 1 HTML Image 3 Menampilkan gambar pada halaman web Tag: (tidak memiliki tag penutup) align Atribut Value

Lebih terperinci

CSS Layouting. Antonius RC Pemrograman Web

CSS Layouting. Antonius RC Pemrograman Web CSS Layouting Antonius RC Pemrograman Web CSS Selector Tambahan Tanda > artinya select child element Contoh: ul > li Maka akan terambil 2 elemen li CSS Selector Tambahan Tanda + artinya select adjecent

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

Penggunaan CSS dalam Perancangan Web

Penggunaan CSS dalam Perancangan Web Pendahuluan Penggunaan CSS dalam Perancangan Web CSS yang memiliki kepanjangan Cascade Style Sheet ini digunakan para web designer untuk mengatur style elemen yang ada dalam halaman web mereka, mulai dari

Lebih terperinci

MODUL 1 HTML. (HyperText Mark-Up Language)

MODUL 1 HTML. (HyperText Mark-Up Language) MODUL 1 HTML (HyperText Mark-Up Language) Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 1 1.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah dasar HTML 2. Mahasiswa

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

Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola

Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola Panduan Membuat Website/ Landing Page dengan memanfaatkan Web Editor Gratisan Yola 1. Ketik di Browser internet anda http://yola.com Klik Get started Ketik Nama anda Ketik Email anda Ketik Email anda sekali

Lebih terperinci

TAKEN FROM ROSIHANARI.NET

TAKEN FROM ROSIHANARI.NET TAKEN FROM ROSIHANARI.NET Pendahuluan CSS yang memiliki kepanjangan Cascade Style Sheet ini digunakan para web designer untuk mengatur style elemen yang ada dalam halaman web mereka, mulai dari memformat

Lebih terperinci

CSS Tutorial. rosihanari.net. Lebih Lanjut Tentang Selector

CSS Tutorial. rosihanari.net. Lebih Lanjut Tentang Selector rosihanarinet Lebih Lanjut Tentang Selector Dalam CSS, terdapat cascade yang merupakan metode untuk mengatur style supaya tidak terjadi konflik Untuk lebih jelasnya perhatikan contoh berikut ini

Lebih terperinci

Modul Web Design. Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman

Modul Web Design. Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman Modul Web Design Dosen: Nofiyati, S.Kom, M.Kom Program Studi Teknik Informatika Universitas Jenderal Soedirman Materi: Pertemuan ke- Materi 1, 2 & 3. Konsep Dasar Web Design: Perencanaan WebSite Typografi,

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

Secara garis besar, terdapat 3 cara menginput kode CSS, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets.

Secara garis besar, terdapat 3 cara menginput kode CSS, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets. Sebagaimana telah dipelajari pada saat pembahasan tentang HTML (pada artikel tutorial belajar HTML), HTML pada dasarnya adalah kumpulan dari tag-tag yang disusun sehingga memiliki bagian-bagian tertentu,

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

Introduksi. Team Training SMK-TI I-58

Introduksi. Team Training SMK-TI I-58 Introduksi Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip

Lebih terperinci

CSS. Cascading Style Sheet. Spesifikasi lengkap di :

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

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