Pertemuan Ke-2 (HTML Lanjut & CSS) D3 Manajemen Informatika - Unijoyo 1
|
|
- Hadian Gunardi
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Pertemuan Ke-2 (HTML Lanjut & CSS) D3 Manajemen Informatika - Unijoyo 1
2 Tabel Membuat tabel sederhana Menambahkan judul tabel Mengatur lebar dan tinggi suatu tabel Perataan dalam tabel Membuat warna pada tabel Penggabungan baris/kolom Cellpading dan cellspacing Form Textbox Submit dan Reset Checkbox Radio button Daftar Drop Down Text Area Meta tag Meta tag keywords Meta tag description Meta tag revised Refresh page dan redirect Perkembangan HTML D3 Manajemen Informatika - Unijoyo 2
3 CSS Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS D3 Manajemen Informatika - Unijoyo 3
4 Fungsi: Menampilkan informasi secara terstruktur, ringkas dan mudah dibaca Mengatur tampilan homepage agar lebih menarik D3 Manajemen Informatika - Unijoyo 4
5 Tag yang diperlukan: <table> Atribut-atribut: Atribut Border Width Height Bgcolor Background Color Align Valign Rowspan Colspan Cellspacing dan cellpadding Fungsi Menentukan ukuran border/garis tabel Menentukan lebar tabel Menentukan tinggi tabel Menentukan background tabel Menentukan gambar yang digunakan untuk background tabel Untuk mengatur warna suatu sel dalam tabel Mengatur bentuk perataan horisontal Mengatur bentuk perataan vertikal Menggabungkan beberapa baris Menggabungkan beberapa kolom Mengatur spasi antar sel dan spasi dalam sel D3 Manajemen Informatika - Unijoyo 5
6 Tag yang diperlukan: Membuat baris: <tr> (table row) Membuat kolom: <td> (table data) Contoh: <table border="1"> <tr><td>baris 1 Sel 1</td><td>Baris 1 Sel 2</td></tr> <tr><td>baris 2 Sel 1</td><td>Baris 2 Sel 2</td></tr> </table> Tampilan: D3 Manajemen Informatika - Unijoyo 6
7 Judul tabel: <caption> Judul baris/kolom: <th> (table header) Contoh: <table border="1"> <caption align="top"> <b> DAFTAR MAHASISWA </b> </caption> <tr><th>no</th><th>npm</th><th>nama</th></tr> <tr><td>1</td><td> </td><td>amin A. Angkasa</td></tr> <tr><td>2</td><td> </td><td>beni B. Bernardi</td></tr> </table> Tampilan: D3 Manajemen Informatika - Unijoyo 7
8 Atribut: width dan height Nilai: ukuran % (max 100%) ukuran pixel Contoh: <table border="1" width= 50% > <caption align="top"> <b> DAFTAR MAHASISWA </b> </caption> <tr><th>no</th> <th>npm</th> <th>nama</th></tr> <tr><td width= 20 >1.</td> <td width= 80 height= 50 > </td> <td width= 180 height= 50 >Amin A. Angkasa</td></tr> <tr><td width= 20 >2.</td> <td width= 80 height= 70 > </td> <td width= 180 height= 70 >Beni B. Bernardi</td></tr> </table> Tampilan: D3 Manajemen Informatika - Unijoyo 8
9 horisontal: atribut align à utk <caption>, <tr>, <td> dan <th> vertikal: atribut valign à utk <tr>, <td> dan <th> Contoh: <table border="1" align="center"> <caption align="top"> <b> DAFTAR MAHASISWA </b> </caption> <tr><th>no</th><th>npm</th><th>nama</th></tr> <tr><td align="center" width="20">1.</td> <td align="center" valign="middle" width="80" height="50"> </td> <td align="right" valign="top" width="180" height="50">amin A. Angkasa</td></tr> <tr><td width="20">2.</td> <td align="left" valign="top" width="80" height="70"> </td> <td align="left" valign="bottom" width="180" height="70">beni B. Bernardi</td></tr> </table> Tampilan: D3 Manajemen Informatika - Unijoyo 9
10 Atribut: bgcolor Contoh: <body bgcolor="purple"> <font size="3" face="arial" color="yellow"> <table border="2" bgcolor="white" align="center"> <caption align="bottom"> <b> Tabel Daftar Mahasiswa </b> </caption> <tr bgcolor="yellow"> <th>no</th><th>npm</th><th>nama</th></tr> <tr bgcolor="cyan"><td align="center" width="20">1.</td> <td align="left" valign="middle width="80" height="40"> </td> <td align="left" valign="middle width="180" height="40">amin A. Angkasa</td></tr> <tr><td bgcolor="blue" width="20">2.</td> <td bgcolor="red" align="left" valign="middle" width="80" height="40"> </td> <td bgcolor="green" align="left" valign="middle" width="180" height="40">beni B. Bernardi</td></tr> </table> </body> Tampilan: D3 Manajemen Informatika - Unijoyo 10
11 Menggabungkan bbrp kolom menjadi 1: atribut colspan Menggabungkan bbrp kolom menjadi 1: atribut rowspan Contoh Tampilan: D3 Manajemen Informatika - Unijoyo 11
12 Script HTML: <table border="1" bgcolor="white" align="center"> <caption align="top"> <b> Tabel Daftar Nilai Mahasiswa </b> </caption> <tr bgcolor="gray"><th rowspan="2">no</th> <th rowspan="2">npm</th> <th rowspan="2">nama</th> <th colspan="2">nilai</th> </tr> <tr bgcolor="gray"><th>uts</th> <th>uas</th> </tr> <tr><td align="center" width="20">1.</td> <td align="left" valign="middle" width="80" height="40"> </td> <td align="left" valign="middle" width="180" height="40">amin A. Angkasa</td> <td align="center" valign="middle">70</td> <td align="center" valign="middle">80</td> </tr> <tr><td width="20">2.</td> <td align="left" valign="middle" width="80" height="40"> </td> <td align="left" valign="middle" width="180" height="40">beni B. Bernardi</td> <td align="center" valign="middle">70</td> <td align="center" valign="middle">80</td> </tr> </table> D3 Manajemen Informatika - Unijoyo 12
13 atribut cellpading: mengatur spasi antara border dengan tulisan atribut cellspasing: mengatur spasi antar 2 buah sel Contoh Tampilan: D3 Manajemen Informatika - Unijoyo 13
14 Script HTML: <table border="1" bgcolor="white" align="center cellpadding="10" cellspacing="12"> <caption align="top"> <b> Tabel Daftar Nilai Mahasiswa </b> </caption> <tr bgcolor="gray"><th rowspan="2">no</th> <th rowspan="2">npm</th> <th rowspan="2">nama</th> <th colspan="2">nilai</th> </tr> <tr bgcolor="gray"><th>uts</th> <th>uas</th> </tr> <tr><td align="center" width="20">1.</td> <td align="left" valign="middle" width="80" height="40"> </td> <td align="left" valign="middle" width="180" height="40">amin A. Angkasa</td> <td align="center" valign="middle">70</td> <td align="center" valign="middle">80</td> </tr> <tr><td width="20">2.</td> <td align="left" valign="middle" width="80" height="40"> </td> <td align="left" valign="middle" width="180" height="40">beni B. Bernardi</td> <td align="center" valign="middle">70</td> <td align="center" valign="middle">80</td> </tr> </table> D3 Manajemen Informatika - Unijoyo 14
15 Fungsi: Menerima informasi atau meminta umpan balik dari user dan memproses informasi tersebut di server Standar penulisan: <form method= post/get action=... >... </form> Atribut: Atribut Method Action Name Value Type Fungsi Metode pengiriman data ke file tujuan (POST atau GET) Aksi yang akan dilakukan jika user menekan tombol Submit Memerikan nama tiap masukan Memberikan nilai suatu masukan Tipe form yang akan digunakan D3 Manajemen Informatika - Unijoyo 15
16 Tag: <input> Atribut-atribut: Atribut type=["text" "password"] name value size maxlength Fungsi Menentukan jenis field masukan Text, submit, password Menentukan nama untuk field sehingga dapat dirujuk nantinya Memberi nilai suatu input mengatur lebar field secara horisontal, berapa huruf maksimal yang dapat ditampilkan menentukan jumlah maksimum huruf (karakter) yang dapat dimasukkan D3 Manajemen Informatika - Unijoyo 16
17 Contoh: <body> <b>login: <b> <br> <form method="post"> <table> <tr> <td>user:</td> <td><input type="text" name="user" size="20"></td></tr> <tr> <td>password:</td> <td><input type="password" name="password" size="20"></td></tr> </table> </form> </body> Tampilan: D3 Manajemen Informatika - Unijoyo 17
18 Tombol Submit: digunakan ketika user mengisi form dan ingin mengirimkan ke server Tombol Reset: digunakan ketika user ingin menghapus/mengosongkan semua masukan yang ditulis dalam form D3 Manajemen Informatika - Unijoyo 18
19 Contoh: <body> <b>data Pengunjung: <b> <br> <form method="post" action="data.html"> <table> <tr> <td>nama:</td> <td><input type="text" name="nama" size="20"></td></tr> <tr> <td>alamat:</td> <td><input type="text" name="alamat" size="20"></td></tr> </table> <input type="submit" value="simpan" name="t1"> <input type="reset" value="reset" name="t2"> </form> </body> Tampilan: D3 Manajemen Informatika - Unijoyo 19
20 Fungsi: Untuk memberi beberapa pilihan kepada user Contoh: <form method="post"> Bacaan yang Anda sukai: <br> <input type="checkbox" name="bacaan" value="novel"> Novel <br> <input type="checkbox" name="bacaan" value="koran"> Koran <br> <input type="checkbox" name="bacaan" value="majalah"> Majalah <br> <input type="checkbox" name="bacaan" value="tabloid"> Tabloid <br> </form> Tampilan: D3 Manajemen Informatika - Unijoyo 20
21 Fungsi: Untuk memberi (hanya) satu pilihan kepada user Contoh: <form method="post"> Apakah Anda setuju dengan kenaikan SPP: <br> <input type="radio" name="opsi" value="ya"> Ya <br> <input type="radio" name="opsi" value="tidak"> Tidak <br> <input type="radio" name="opsi" value="ragu"> Ragu-ragu <br> </form> Tampilan: D3 Manajemen Informatika - Unijoyo 21
22 Fungsi: Memberikan menu pilihan kepada user (cara kerjanya seperti radio button yang hanya mengijinkan user untuk memilih 1 pilihan saja) Contoh: <form method="post"> Jurusan: <br> <select name="jurusan"> <option value="tinf"> Teknik Informatika <br> <option value="mi"> D3 Manajemen Informatika <br> <option value="ti"> Teknik Industri <br> </select> </form> Tampilan: D3 Manajemen Informatika - Unijoyo 22
23 Fungsi: Sebagai field masukan untuk pengunjung (dapat menerima lebih dari satu baris teks). Biasa disebut sebagai kotak komentar Tag: <textarea> Atribut-atribut: Atribut Fungsi Rows Columns Wrap=["off" "virtual" "physical"] Menetukan lebar kotak komentar Menentukan tinggi kotak komentar Menentukan fitur word wrapping D3 Manajemen Informatika - Unijoyo 23
24 Contoh: <html> <head> <title> Penggunaan Text Area </title> </head> <body> <b>komentar: <b> <br> <form method="post"> <textarea rows="10" cols= 40" wrap="physical" name="komentar"> </textarea><br> </html> Tampilan: D3 Manajemen Informatika - Unijoyo 24
25 Digunakan untuk men-supply informasi kepada search engines yang tidak akan terlihat oleh pengunjung web kecuali, jika mereka menampilkan kode dari halaman HTML yang diaksesnya. Penggunaan meta tag akan membuat search bot yang ada mengenali website tersebut sehingga dapat tampil di daftar search engine dan tentu saja mudah dicari oleh pengguna Internet S1 Teknik Informatika - Unijoyo 25
26 Fungsi: Meletakkan kata kunci (keyword) dari website Format: <head> <meta name="keywords" content= macam_macam keyword yang digunakan" /> </head> S1 Teknik Informatika - Unijoyo 26
27 Fungsi: menunjukkan deskripsi singkat dari halaman web kepada search engine. Format: <head> <meta name="description" content= deskripsi_yang_diinginkan" /> </head> Tag description dan keywords sangat mirip. Jika tidak ada kecocokan/relasi antara nilai dua tag ini mungkin saja situs anda tidak diproses oleh search engine, jadi anda harus cerdas menentukan keyword dan deskripsinya. S1 Teknik Informatika - Unijoyo 27
28 Fungsi: Untuk mencatat kapan update terakhir dilakukan terhadap situs web. Format: <head> <meta name="revised" content= tanggal_update_terakhir" /> </head> S1 Teknik Informatika - Unijoyo 28
29 Fungsi: Digunakan untuk keperluan redirect. Dengan meta tag refresh, pengunjung akan di-redirect (atau di-refresh) ke halaman web yang telah ditentukan. Format: <head> </head> <meta http-equiv="refresh" content= jumlah selang detik untuk me-refresh halaman; url= /> S1 Teknik Informatika - Unijoyo 29
30 HTML 2.0 (Juni 1994) HTML 2.0 mencerminkan konsepsi awal dari HTML sebagai bahasa tanda yang tak tergantung pada jenis perangkat penerima. HTML 3.0 (1995) Untuk membangun lanjutan dari HTML 2.0 dengan penambahan kemampuan seperti tabel dan pengendalian aliran teks disekeliling gambar. HTML 4.0 (1999) Frames memungkinkan bagian suatu halaman dipecah dalam beberapa bagian. HTML 5.0 D3 Manajemen Informatika - Unijoyo 30
31 HTML 5.0 Tag Canvas Tag Video dan Audio Mendukung Local Storage Mendukung Web Workers (threading) Semantics (informasi yg lebih lengkap) Referensi: D3 Manajemen Informatika - Unijoyo 31
32 Singkatan dari Cascading Style Sheet Merupakan suatu cara untuk memformat atau membuat layout halaman web menjadi lebih menarik dan mudah dikelola. Di dalamnya terdapat banyak style. CSS dapat dituliskan pada bagian <body>, <head> suatu dokumen HTML atau diletakkan di sebuah file eksternal. Perintah-perintah CSS dibatasi oleh tag <style> dan </style> S1 Teknik Informatika - Unijoyo 32
33 Script HTML: <html> <head> <title>stylesheet Sederhana </title> <style> h1 { font-family: verdana; color: red; text-align: center; } </style> </head> Tampilan: <body> <h1>stylesheet Sederhana<h1> </body> </html> S1 Teknik Informatika - Unijoyo 33
34 Adalah nama yang diberikan untuk setiap style berbeda yang dibuat. Di dalam style didefinisikan bagaimana setiap selector akan bekerja (font, color dan lain-lain.). Kemudian di dalam bagian body halaman web, selector tersebut dipanggil untuk mengaktifkan style yang telah didefinisikan. Jenis-jenis Selector: Selector HTML Selector Class Selector ID S1 Teknik Informatika - Unijoyo 34
35 Digunakan untuk mendefinisikan style yang berhubungan dengan tag HTML, melakukan redefinisi tag normal HTML Syntax: SelectorHTML {Properti:Nilai;} Script HTML: <html> <head> <title>selector HTML</title> <style type="text/css"> b {font-family:arial; font-size:14px; color:red} </style> </head> <body> <!-- memanggil selector b yang me-redefinisi-kan <b> --> <b>tulisan ini tebal karena menggunakan style CSS</b> </body> </html> Tampilan: S1 Teknik Informatika - Unijoyo 35
36 Digunakan untuk mendefinisikan style yang dapat dipakai tanpa melakukan redefinisi tag HTML. Syntax: ClassSelector {Properti:Nilai;} Script HTML: <html> <head> <title>selector Class</title> <style type="text/css">.headline {font-family:arial; font-size:14px; color:red} </style> </head> <body> <b class="headline"> Tulisan ini tebal karena pengaruh selector class headline </b><br> <i class="headline"> Tulisan ini dicetak miring karena selector class headline </i> </body> </html> Tampilan: S1 Teknik Informatika - Unijoyo 36
37 Dua tag yang sering dikombinasikan dengan selector class adalah <SPAN> dan <DIV> Tag <SPAN> adalah "inline-tag" dalam HTML, berarti tidak ada pergantian baris (line break) yang disisipkan sebelum atau setelah penulisannya. Tag <DIV> adalah "block tag" dalam HTML, berarti pergantian baris secara otomatis disisipkan untuk memberikan jarak antara blok yang dibuat dengan teks atau blok lain sebelum dan sesudahnya (seperti tag <P> atau <TABLE>). Tag <DIV> sering digunakan untuk implementasi layer karena layer merupakan blokblok informasi terpisah. Tag <DIV> merupakan pilihan yang tepat saat membuat layer pada halaman web. S1 Teknik Informatika - Unijoyo 37
38 Digunakan untuk mendefinisikan style yang berhubungan dengan suatu object memanfaatkan ID unik, biasa digunakan saat bekerja dengan layer Syntax: #IDSelector {Properti:Nilai;} Tampilan: S1 Teknik Informatika - Unijoyo 38
39 Script HTML: <html> <head> <title>selector ID</title> <style type="text/css"> #layer1 {position:absolute; left:100;top:75; z-index:2} #layer2 {position:absolute; left:130;top:120; z-index:1} </style> </head> <body> <div id="layer1"> <table border="1" bgcolor="cyan"> <tr> <td>ini adalah layer 1<br>Diletakkan pada posisi (100,100)</td></tr> </table> </div> <div id="layer2"> <table border="1" bgcolor="yellow"> <tr><td>ini adalah layer 2<br>Diletakkan pada posisi (130,120)</td></tr> </table> </div> </body> </html> S1 Teknik Informatika - Unijoyo 39
40 Untuk beberapa style yang sebagian properti-nya memiliki nilai yang sama, misalnya jenis font yang sama; mendefinisikan font tidak perlu dilakukan satu demi satu untuk setiap selector. Pendefinisian dapat dikelompokkan, dengan cara melewatkan font ke semua selector dalam satu kali. S1 Teknik Informatika - Unijoyo 40
41 Sebelum pengelompokan:.headlines { font-family:arial; color:black; background:yellow; font-size:14pt; }.sublines { font-family:arial; color:black; background:yellow; font-size:12pt; }.infotext { font-family:arial; color:black; background:yellow; font-size:10pt; } Setelah pengelompokan:.headlines,.sublines,.infotext { font-family:arial; color:black; background:yellow; }.headlines {font-size:14pt;}.sublines {font-size:12pt;}.infotext {font-size: 10pt;} S1 Teknik Informatika - Unijoyo 41
42 1. Style didefinisikan dalam tag HTML (tag tunggal) 2. Style didefinisikan di dalam bagian <head> dan diaplikasikan untuk seluruh dokumen HTML tersebut. 3. Style didefinisikan di file eksternal yang selanjutnya dapat digunakan oleh dokumen HTML manapun dengan memasukkan CSS tersebut dalam dokumen yang diinginkan melalui URI. S1 Teknik Informatika - Unijoyo 42
43 CSS mendefinisikan tag tunggalnya hanya dengan menambahkan style seperti style="styledefinition:styleattribute;" Script HTML: <html> <head> <title>penggunaan CSS Tag Tunggal</title> </head> <body> Ini adalah contoh <b style="font-size:16px;color:blue;"> bold </b> dengan menggunakan CSS. </body> </html> Tampilan: S1 Teknik Informatika - Unijoyo 43
44 CSS dapat didefinisikan untuk satu halaman secara keseluruhan hanya dengan menambahkan suatu definisi style pada bagian head dokumen HTML. Tampilan: S1 Teknik Informatika - Unijoyo 44
45 Script HTML: <html> <head> <title>penggunaan CSS untuk satu halaman Web</title> <style type="text/css">.headlines,.sublines,.infotext { font-family:arial; color:blue; background:cyan; font-weight:bold;}.headlines {font-size:14pt;}.sublines {font-size:12pt;}.infotext {font-size:10pt;} </style> </head> <body> <span class="headlines">selamat Datang</span><br> <div class="sublines"> Ini adalah contoh penggunaan web yang menggunakan CSS.<br> Contoh ini menggunakan CSS untuk satu halaman Web.<br> Pendefinisian style cukup dilakukan di tag head.<br> </div> <br> <table border="2"><tr> <td class="sublines"> Style juga dapat dilakukan dalam elemen table. </td></tr> </table> <br> <hr> <div class="infotext"> contoh penggunaan CSS untuk satu halaman </div> <hr> </body> </html> S1 Teknik Informatika - Unijoyo 45
46 CSS dapat didefinisikan untuk semua halaman hanya dengan menulis definisi CSS di dalam sebuah file teks yang selanjutnya dirujuk oleh setiap halaman web yang akan menggunakannya. Dengan demikian jika suatu saat ingin dilakukan perubahan style yang berlaku untuk semua halaman Web maka yang diubah ada file teks eksternal tersebut. S1 Teknik Informatika - Unijoyo 46
47 File style.css:.headlines,.sublines,.infotext { font-family:arial; color:blue; background:cyan; font-weight:bold; }.headlines {font-size:14pt;}.sublines {font-size:12pt;}.infotext {font-size:10pt;} Script HTML: <html> <head> <title>penggunaan CSS Eksternal</title> <link rel=stylesheet href="style.css" type="text/css"> </head> <body> <span class="headlines">selamat Datang</span><br> <div class="sublines"> Ini adalah contoh penggunaan web yang menggunakan CSS.<br> Contoh ini menggunakan CSS Eksternal.<br> Pendefinisian pemanggilan style dilakukan dengan menggunakan tag link.<br> </div> <table border="2"><tr> <td class="sublines"> Style juga dapat dilakukan dalam elemen table. </td></tr> </table> <hr> <div class="infotext">contoh penggunaan CSS eksternal</div> <hr> </body> </html> S1 Teknik Informatika - Unijoyo 47
48 Font Text Color Link S1 Teknik Informatika - Unijoyo 48
49 Digunakan untuk mengatur tingkah-laku huruf (font). Elemen ini mempunyai beberapa properti. Satu properti dapat mempunyai beberapa nilai. S1 Teknik Informatika - Unijoyo 49
50 Element text akan membuat tampilan teks menjadi lebih menarik S1 Teknik Informatika - Unijoyo 50
51 Elemen color yang digunakan untuk mengatur warna teks dan background halaman web S1 Teknik Informatika - Unijoyo 51
52 Digunakan sebagai penghubung sehingga dapat digunakan untuk berpindah dari satu bagian ke bagian lain, dari satu halaman ke halaman lain bahkan dari satu situs ke situs lainnya. CSS menyediakan elemen link yang dapat digunakan untuk mengatur perilaku link. A:link à untuk link normal yang belum dikunjungi, belum diklik. A:visited à untuk link yang telah dikunjungi. A:active à untuk link aktif. Link aktif adalah link yang halaman tujuannya sedang ditampilkan oleh web browser. A:hover à untuk link yang hover. Saat mouse digerakkan atau mouse over di atas suatu link, kondisi ini disebut link hover. S1 Teknik Informatika - Unijoyo 52
53 Margin Jarak element tersebut dengan element lainnya. Padding Jarak antara element dengan isi didalamnya. Border Garis pembungkus element. D3 Manajemen Informatika - Unijoyo 53
54 Rounded Corners Efek ini memungkinkan untuk membuat lekungan pada sebuah div/tombol. -moz-border-radius: 10px; -webkit-border-radius: 10px; Gradients Efek ini memberikan gradasi warna. -moz-linear-gradient(-90deg,#1aa6de,#022147); -webkit-gradient(linear, left top, left bottom, from(#1aa6de), to(#022147)); Drop Shadows Efek dari drop shadows -box-shadow: #333 3px 3px 4px; -moz-box-shadow: #333 3px 3px 4px; -webkit-box-shadow: #333 3px 3px 4px; D3 Manajemen Informatika - Unijoyo 54
55 Border Color Efek ini memberikan warna pada border dan bisa lebih dari satu warna. border: 8px solid #000; -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; -moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; -moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; -moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc; Referensi CSS3 D3 Manajemen Informatika - Unijoyo 55
56 Pemakaian Tabel dalam halaman web dapat membuat informasi tampil secara terstruktur, ringkas dan mudah dibaca serta membuat tampilan web menjadi lebih menarik. Form digunakan untuk menerima informasi atau meminta umpan balik dari user dan memproses informasi tersebut di server. CSS(Cascading Style Sheet) digunakan untuk memformat atau membuat layout halaman web menjadi lebih menarik dan mudah dikelola. Ada 3 mekanisme untuk mengaplikasikan CSS, yaitu: Style didefinisikan dalam tag HTML(tag tunggal), di dalam bagian <head>, didefinisikan di file eksternal. Elemen-elemen CSS terdiri dari Font, Text, Color dan Link Dalam mengatur layout sebuah website, maka perhatikan Margin, Padding, dan Border D3 Manajemen Informatika - Unijoyo 56
57 Chris Bates [2006]. Web Programming: Building Internet Applications, Third Edition, John Wiley & Sons Ltd, England. Husni [2007]. Pemrograman Database Berbasis Web, Graha Ilmu, Yogyakarta. Sebesta, R.W. [2002], Programming the World Wide Web, Addison Wesley. Sutarman, S.Kom [2003]. Membangun Aplikasi Web dengan PHP dan MySQL, Graha Ilmu, Yogyakarta. Chris Bates [2006]. Web Programming: Building Internet Applications, Third Edition, John Wiley & Sons Ltd, England. Husni [2007]. Pemrograman Database Berbasis Web, Graha Ilmu, Yogyakarta. Sebesta, R.W. [2002], Programming the World Wide Web, Addison Wesley. D3 Manajemen Informatika - Unijoyo 57
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML Lanjut [1]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Membuat tabel sederhana Menambahkan
Lebih terperinciPertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1
Pertemuan Ke-3 (HTML Lanjut [1]) D3 Manajemen Informatika - Unijoyo 1 Tabel Membuat tabel sederhana Menambahkan judul tabel Mengatur lebar dan tinggi suatu tabel Perataan dalam tabel Membuat warna pada
Lebih terperinciPertemuan Ke-5 (CSS) D3 Manajemen Informatika - Unijoyo 1
Pertemuan Ke-5 (CSS) D3 Manajemen Informatika - Unijoyo 1 CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS D3 Manajemen Informatika - Unijoyo 2 Singkatan dari Cascading Style
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML Lanjut) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Form Frame S1 Teknik Informatika - Unijoyo 2 TABEL Fungsi: Menampilkan
Lebih terperinciPertemuan Ke-2 (HTML Lanjut & CSS) D3 Manajemen Informatika - Unijoyo 1
Pertemuan Ke-2 (HTML Lanjut & CSS) D3 Manajemen Informatika - Unijoyo 1 Tabel Membuat tabel sederhana Menambahkan judul tabel Mengatur lebar dan tinggi suatu tabel Perataan dalam tabel Membuat warna pada
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-5 (CSS) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan CSS? Contoh sederhana Selector Mekanisme mengaplikasikan
Lebih terperinciCSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS
PERTEMUAN 4 CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS Singkatan dari Cascading Style Sheet Merupakan suatu cara untuk memformat atau membuat layout halaman web menjadi
Lebih terperinciFungsi: Menampilkan informasi secara terstruktur, ringkas dan mudah dibaca Mengatur tampilan homepage agar lebih menarik
PERTEMUAN 3 Fungsi: Menampilkan informasi secara terstruktur, ringkas dan mudah dibaca Mengatur tampilan homepage agar lebih menarik Atribut Fungsi Border Width Height Bgcolor Background Color Align Valign
Lebih terperinciMuhamad Alif,S.Kom Teknik Informatika UTM
Muhamad Alif,S.Kom Teknik Informatika UTM FORM Fungsi: Menerima informasi atau meminta umpan balik dari user dan memproses informasi tersebut di server Standar penulisan:
Lebih terperinciPengantar E-Business dan E-Commerce
Pengantar E-Business dan E-Commerce Pertemuan Ke-10 (HTML Lanjut [2]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Form Frame Meta tag Entitas Karakter
Lebih terperinciCascading Style Sheet (CSS) pada HTML
Cascading Style Sheet (CSS) pada HTML Singkatan dari Cascading Style Sheet Merupakan suatu cara untuk memformat atau membuat layout halaman web menjadi lebih menarik dan mudah dikelola. Di dalamnya terdapat
Lebih terperinciCSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa
CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa Pembahasan Pengertian CSS CSS (FONT, TEXT, COLOR) CSS - Image PENGERTIAN CSS Singkatan dari Cascading Style Sheet Digunakan dalam kode HTML untuk menciptakan
Lebih terperinciMODUL PRATIKUM - 05 PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM - 05 PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 05 Form, Object Form, From
Lebih terperinciPengantar E-Business dan E-Commerce
Pengantar E-Business dan E-Commerce Pertemuan Ke-10 (HTML dan HTML Lanjut[1]) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen
Lebih terperinciCascading Style Sheet (CSS) pada HTML
Cascading Style Sheet (CSS) pada HTML Sub Pokok Bahasan CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS CSS properties 2 CSS? Singkatan dari Cascading Style Sheet Merupakan
Lebih terperinciPENGANTAR KOMPUTER DAN TI 2C
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 4 Peg. Komp & TI 2C M4 HyperText Markup Language (HTML) Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML Lanjut [2]) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Frame Nama dan target frame Frame Vertikal Frame Horisontal Gabungan
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur dokumen HTML Contoh HTML
Lebih terperinciPENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).
PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.
Lebih terperinciPemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.
Pemrograman Web Indrato, S.Kom indra.ndr7@gmail.com HTML Lanjut Page 2 List Digunakan untuk membuat daftar, terdiriatas: Ordered List (Numbering) Unordered List (Bullet) Definition List Ordered Lists (OL)
Lebih terperinciMODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form
MODUL 3 HTML (HyperText Mark-Up Language) Sub : Tabel & Form Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 3 3.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah
Lebih terperinciPertemuan IV. Semester 1
Tables dan Forms Pertemuan IV Pemrograman Web Dasar Semester 1 Tabel HTML Tag digunakan untuk mengawali sebuah tabel. Di dalam elemen table, terdapat tag (table rows) dan tag (table
Lebih terperinciP - 6 Bab 4 : HTML (Hypertext Markup Language)
P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Table Tabel terdiri dari beberapa bagian, antara
Lebih terperinciMODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME
MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME A. MAKSUD DAN TUJUAN 1. MAKSUD a. Membuat formulir dengan berbagai tipe b. Membuat tampilan halaman web dengan frame 2. TUJUAN a. Mahasiswa dapat membuat
Lebih terperinciBahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya
Pertemuan 2 1 Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciMuhamad Alif, S.Kom Teknik Informatika UTM PemWeb Kelas C 2012
Muhamad Alif, S.Kom Teknik Informatika UTM PemWeb Kelas C 2012 Definisi HTML (Hypertext Markup Language) Bahasa untuk representasi informasi halaman web Didefinisikan pada November 1995 dalam HTML v.3.2
Lebih terperinciTampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )
MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML Lanjut [2]) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Frame Nama dan target frame Frame Vertikal
Lebih terperinciMODUL PRAKTIKUM APLIKASI IT 1 MODUL V TABEL
MODUL V TABEL 5.1 Tabel Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table dalam HTML. Disamping itu tabel juga
Lebih terperinci1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.
A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C
Lebih terperinciHTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web
HTML ( HyperText Markup Language) Mata Kuliah : Pemrograman Berbasis Web Pertemuan 2 Oleh : Nufan Balafif html (hypertext markup language) Adalah bahasa pemrograman Web (client) yang dikhususkan untuk
Lebih terperinci<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat
: Tag ini merupakan inti dari perintah untuk membuat tabel pada dokumen HTML : Tag ini merupakan penutup dari perintah untuk membuat tabel pada dokumen HTML : Tag ini digunakan untuk membuat
Lebih terperinciPengenalan Perancangan Web 2016
6. Image Gambar pada halaman sebuah web merupakan salah satu daya tarik pengguna. Umumnya browser web dapat menampilkan inline image (yaitu gambar yang disajikan bersamaan dengan teks). File gambar yang
Lebih terperinciFORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri
FORMAT TEXT Tag Attribut Value Keterangan Body P (Paragraf) H (Heading) ol (Order List) ul (UnOrder List) Font marquee align RGB(red,green,blue) Kode Warna justify Memberikan warna terhadap background
Lebih terperinciPerancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML
Perancangan & Pemprograman WEB Pertemuan 4 Materi Formulir &Latihan HTML Dasar Penggunaan Formulir Untuk membuat formulir maka kita menggunakan tag dan . Dua atribut yang umum digunakan pada
Lebih terperinciMODUL 1 PENGENALAN HTML
MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan
Lebih terperinciMateri 5 Komputer Aplikasi IT (KAIT) 2 SKS Semester 1 S1 Sistem Informasi UNIKOM 2014 Nizar Rabbi Radliya
Materi 5 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 Menciptakan dokumen HTML dengan
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciPemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: format teks Table Frame Form Hyperlink pada HTML Lanjut Format Teks Ada beberapa fasilitas tag yang dapat
Lebih terperinciHTML (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 terperinciKURSUS ONLINE JASA WEBMASTERS
KURSUS ONLINE JASA WEBMASTERS HTML FORM JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta FORM 9.1 Form Input HTML Form digunakan untuk mengumpulkan data dari user atau pengguna
Lebih terperinciReview Pemrograman Web I
Review Pemrograman Web I Pemrograman Web II Ganjil 2010 2011 Intro Mata kuliah : Pemrograman Web 2 SKS : 3 Jenis : Mata kuliah wajib Pertemuan : 14 pertemuan kelas Periode : Ganjil 2010 2011 Dosen : Sandra
Lebih terperinciPengenalan Perancangan Web 2017
9. Form dan Input HTML Form adalah elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Form biasa digunakan untuk membuat
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciPertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1
Pertemuan Ke-5 Client Side Scripting (JavaScript) S1 Teknik Informatika - Unijoyo 1 Konsep Client Side Scripting JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript Komentar
Lebih terperinci[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]
[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ] Modul FORM DAN FRAME 1. TEORI DASAR FORM Form identik dengan formulir. Form sangat dibutuhkan pada saat
Lebih terperinci1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b
1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file 2. Perintah untuk mengosongkan kolom pada HTML adalah a. tr b. br c. td d.   e. &nsp jawaban :
Lebih terperinciForm identik dengan formulir
Oleh : Moh Sulhan Form identik dengan formulir Form sangat dibutuhkan pada saat kita mengizinkan/menginginkan adanya nilai (data) yang dipilih atau dimasukkan olehpengguna. Kapasitas dari form hanya menyediakan
Lebih terperinciKOMPUTER APLIKASI IT (Information Technology)
KOMPUTER APLIKASI IT (Information Technology) 2 SKS Semester 1 S1 Sistem Informasi Nizar Rabbi Radliya nizar.radliya@yahoo.com Pertemuan 5 Universitas Komputer Indonesia 2014 Tabel pada HTML Tabel pada
Lebih terperinciMODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya
MODUL 2 HTML LANJUT (Tabel, Form, dan Frame) Tujuan Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya Tugas Pendahuluan 1. Apa yang anda ketahui tentang tabel,
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-6 (JavaScript) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan JavaScript? Pendeklarasian JavaScript JavaScript sederhana Peletakan JavaScript
Lebih terperinciPEMROGRAMAN WEB. 1 P a g e
BAB I PENDAHULUAN A. Pengertian HTML HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan untuk membangun halaman web. HTML digunakan untuk melakukan mark-up (penandaan ) terhadap sebuah
Lebih terperinciMODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 3 HTML Layout Tujuan: Mahasiswa mengenal konsep-konsep dan komponen layout dasar untuk membangun website statis. Pustaka:» HTML dan XML Edisi 2: Betha
Lebih terperinciAdapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah :
PERTEMUAN 5 Membuat Tabel Tabel biasanya digunakan untuk menempatkan data secara spreadsheet, tapi untuk desain suatu web, selain untuk menempatkan data, tabel digunakan untuk merapikan teks, ataupun gambar.
Lebih terperinciBAB-12 MEMBUAT FORM HTML
BAB-12 MEMBUAT FORM HTML 12.1. Form HTML Form HTML digunakan untuk mendapatkan masukan (input) dari pengguna Web. Pengguna Web dapat memasukkan input melalui halaman-halaman HTML. Elemen/tag Form digunakan
Lebih terperinciHTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
HTML Dasar Tujuan: Siswa dapat membuat desain situs menggunakan pemrograman web PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya
Lebih terperinciTag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.
Form Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web Tag
Lebih terperinciIankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com
Lebih terperinciSintak penulisan form adalah: <form method= post atau get action= program_pemroses > elemen-elemen FORM </form>
Form Html Digunakan untuk menerima masukan / input dari user dan memproses hasil inputan tersebut di server. User menerima informasi melalui sejumlah elemen yang disebut kontrol. Kontrol ini dapat berupa:
Lebih terperincid. Caption Elemen caption berfungsi untuk memberikan nama atau judul pada tabel. Tag yang digunakan
ATRIBUT TABEL ATRIBUT TABEL a. Table Row (TR) Elemen Table Row digunakan untuk menandai awal dari tiap baris pada tabel, atau tag ini digunakan untuk membuat baris tabel. Tag yang digunakan adalah tag...
Lebih terperinciAtribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form.
FORM DAN INPUT HTML Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Elemen/ TAG ini digunakan membatasi input.
Lebih terperinciPEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom
PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom Tag Subscript dan SuperScript Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks
Lebih terperinci1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
Lebih terperinciMODUL PRATIKUM - 02 PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM - 02 PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 02 Tag Gambar bergerak, List,
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-7 (XML) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan XML? Keuntungan XML Perbedaan XML dan HTML Contoh sederhana dokumen XML Struktur
Lebih terperinciBab 5 FORM. A. Maksud Dan Tujuan 1. Maksud
A. Maksud Dan Tujuan 1. Maksud Bab 5 FORM Menginputkan data menggunakan form dan membuat tombol dengan tag HTML Membuat halaman web terhubung dengan halaman lain (link) 2. Tujuan Mahasiswa dapat membuat
Lebih terperinciPrak. 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 terperinciMembuat Pengisihan Borang (Form) dengan Pemrograman WEB
Modul 7 Membuat Pengisihan Borang (Form) dengan Pemrograman WEB I. Tujuan Mengenal, mengamati dan membuat ragam dialog Pengisihan Borang (Form) dengan Pemrograman WEB. II. Landasan Teori Beberapa contoh
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-8 (PHP Dasar [1]) Noor Ifada S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan PHP? Komponen yang dibutuhkan PHP File Mendeklarasikan PHP PHP Sederhana
Lebih terperinciMODUL PEMROGRAMAN WEB
MODUL PEMROGRAMAN WEB OLEH : Yunita Prastyaningsih, S.Kom Dalam HTML, table memiliki dua fungsi : Modul 4 TABEL Untuk mengatur informasi ke dalam bentuk tabular Untuk mengatur tampilan (layout) dari suatu
Lebih terperinciMODUL 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 terperinciP - 6 Bab 4 : HTML (Hypertext Markup Language)
P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Latihan Tabel 1 Latihan Table_1
Lebih terperinciDesain Grafis. RAHMADY LIYANTANTO liyantanto.wordpress.com
Desain Grafis RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Apa Desain Grafis..? Desain Grafis dapat diartikan sebagai proses pemikiran yang diwujudkan dalam gambar. >> Ruang Lingkup:
Lebih terperinciCSS 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 terperinciForm Input HTML dan Frame. Siti Maesyaroh. M.Kom.
Form Input HTML dan Frame Siti Maesyaroh. M.Kom. Tag Tag ini digunakan untuk membuat rancangan form atau formulir dalam memasukkan data, dimana nantinya data tersebut akan diproses sesuai dengan
Lebih terperinciPemrograman Web Week 2. Team Teaching
Pemrograman Web Week 2 Team Teaching WEEK 2 HTML IKG2I4 Software Project I Persiapan Instalasi Editor Download dan Install apilkasi editor (mis. Notepad++) Karena membantu dalam pengembangan syntax highlighting
Lebih terperinciHTML.
HTML www.amikom.info HTML HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumendokumen web yang
Lebih terperinciSoal Remedial Prakarya-1
Soal Remedial Prakarya-1 Kerjakan soal ini, dengan memilih salah satu jawaban yang benar. Perhatikan petunjuk: a. Pilihan jawaban yang benar dengan cara memblok pada soal tersebut. b. Dan kirim soal dan
Lebih terperinciMembuat Form Mahasiswa dengan HTML [Part 1]
Membuat Form Mahasiswa dengan HTML [Part 1] Oleh: Fajar Hakiki Selamat malam sahabat Jago Coding, pada malam yang indah ini saya akan berbagi tutorial tentang membuat form sederhana dengan html. pada tutorial
Lebih terperinciWeb Programming (WP) Step 2 [ HTML & PHP BASIC]
Web Programming (WP) Step 2 [ HTML & PHP BASIC] Created By Rolly Yesputra, M.Kom rollyyp.wordpress.com rollyyesputra1@gmail.com 082391177785 767E4C4D 4 March 2015 rollyyp.wordpress.com 1 HTML (Hypertext
Lebih terperinciSyntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.
Syntax HTML Pada tulisan Saya kali ini, Saya memberikannya beserta contoh kode dan gambar, ada beberapa yang Saya tidak beri kode dan gambar, kode, dan gambar sekalipun karena beberapa alasan : Kurangnya
Lebih terperinciPENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML
PENGANTAR KOMPUTER DAN TI 2C PERTEMUAN 6 FORM & INPUT HTML FORM Elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML.
Lebih terperinciHTML Dasar Pertemuan - 2
HTML Dasar Pertemuan - 2 Semester Ganjil 2009/2010 HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser. HTML berupa kode
Lebih terperinciTeks 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 terperinciHTML (Hypertext Markup Language)
1 HTML (Hypertext Markup Language) HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen (web page) dan aplikasi yang berjalan di halaman web. Dokumen HTML
Lebih terperinciHTML 2 dan CSS. Setelah mengikuti praktikum ini mahasiswa diharapkan dapat :
HTML 2 dan CSS 1. Tujuan Setelah mengikuti praktikum ini mahasiswa diharapkan dapat : 1. Mahasiswa mengerti bagaimana cara mengimplementasikan HTML dan CSS 2. Table Banyak orang suka menampilkan informasinya
Lebih terperinciCSS (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</select></font></p> </form> </body>... Hasil:
FORM Adalah Input/masukkan dari pengguna yang kemudian diproses untuk mendapatkan hasil yang diinginkan pengguna, proses penyimpanan, proses sunting atau edit, proses hapus dan browse..
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-2 (HTML) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan HTML? Istilah-istilah dalam HTML Tag Utama dalam struktur
Lebih terperinciSTMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.
STMIK SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 PENDAHULUAN Dreamweaver adalah sebuah program website editor yang berfungsi untuk membuat dan
Lebih terperinciAplikasi Form Menggunakan HTML
Aplikasi Form Menggunakan HTML Pendahuluan Pembahasan Definisi Form HTML Form diperlukan bila Anda ingin mengumpulkan beberapa data dari pengunjung situs untuk di kirim ke server. Misalnya informasi pendaftaran:
Lebih terperinciMengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency
Mengelola isi halaman web Memeriksa informasi untuk Software Web Design Software web design merupakan perangkat lunak yang berguna untuk membangun/membuat/mendisain halaman-halaman web, baik yang bersifat
Lebih terperinciPertemuan Ke-4 (Peggunaan XHTML) D3 Manajemen Informatika - Unijoyo 1
Pertemuan Ke-4 (Peggunaan XHTML) D3 Manajemen Informatika - Unijoyo 1 XHTML Mobile Profile Perbedaan antara HTML dan XHTML Kesalahan Pada XHTML D3 Manajemen Informatika - Unijoyo 2 XHTML MP (extensible
Lebih terperinciRIO ANDRIYAT KRISDIAWAN, M.KOM
RIO ANDRIYAT KRISDIAWAN, M.KOM Form biasanya digunakan untuk melakukan interaksi dengan pengunjung web, misalnya untuk mendapatkan komentar pengunjung, melakukan pendaftaran suatu keanggotaan tertentu,
Lebih terperinciFORM DAN ELEMENNYA. Pemrograman Web Teknik Informatika Fakultas Teknologi Industri
FORM DAN ELEMENNYA 9 Kegunaan Form Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang disediakan Memperoleh informasi dari customer secara online Memperoleh
Lebih terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan
Lebih terperinciLangkah 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 terperinciP - 5 Bab 4 : HTML (Hypertext Markup Language)
P - 5 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti konsep dasar, struktur, gaya penulisan, sound & background sound, hyperlink serta images, table, form & frame HTML. 4.2 Materi 1. Konsep
Lebih terperinciMODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL
MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL A. MAKSUD DAN TUJUAN 1. MAKSUD a. Merapikan teks yang berupa daftar (list) dan table dengan tag HTML b. Membuat halaman web terhubung dengan halaman
Lebih terperinci6. 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