Pemrograman Web DASAR HTML 2

dokumen-dokumen yang mirip
<HTML> <HEAD> <TITLE>Paragraf</TITLE> </HEAD> <BODY> <P> Paragraf satu</p> <P> Paragraf dua</p> <P> Paragraf tiga</p> </BODY> </HTML>

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom

P - 6 Bab 4 : HTML (Hypertext Markup Language)

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME

BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP

Pertemuan V. Semester 1

Pengenalan Perancangan Web 2017

MS Wulandari - HTML 1

MODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

Web dan HTML Dasar. Siti Maesyaroh, M.Kom

Gambar 11.1 Contoh Frame

MODUL 1 PENGENALAN HTML

SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT

Frame dan IFrame. Click to edit Master subtitle style. Pengenalan Web STMIK AKAKOM Yogyakarta

[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 VII PENGATURAN TAMPILAN DOKUMEN

Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri

Pemrograman Web WEEK 03 HTML LANJUT

1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

MEMBUAT FORM Dan FRAME 1. Form Form Form

KURSUS ONLINE JASA WEBMASTERS

Form Input HTML dan Frame. Siti Maesyaroh. M.Kom.

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.

1. FRAME. Frame digunakan untuk membagi suatu halaman web menjadi beberapa bagian. Beberapa bagian tersebut dapat digunakan untuk berbagai keperluan.

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.

MODUL 4 HTML. (HyperText Mark-Up Language) Sub : Frame

MATERI: FRAME PADA HTML

HTML (Hypertext Markup Language)

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web

Pertemuan 4 Penanganan Form

BAB I PERKENALAN HTML

<table> : Tag ini merupakan inti dari perintah untuk membuat. </table> : Tag ini merupakan penutup dari perintah untuk membuat

PERTEMUAN 2 PEMROGRAMAN WEB LANJUT- Pokok Bahasan :

MODUL 6 SESSION DAN USER AUTHENTICATION

Pembuatan Website Sederhana Menggunakan HTML (Hyper Text Markup Language)

MODUL 7 SESSION DAN USER AUTHENTICATION

OPERATOR DALAM SCRIPT PHP

HTML FORM. Praktikum III

Penanganan Form 16/10/2014

Pemrograman Basis Data Berbasis Web

Muhammad Zen Samsono Hadi, ST. MSc.

Pemrograman Basis Data Berbasis Web

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

Bab 6 FRAME. A. Maksud dan Tujuan 1. Maksud : Mahasiswa dapat mendesain website dengan membagi jendela windows menjadi beberapa frame.

MODUL II MEMBUAT DAFTAR ITEM, MEMBUAT LINK, MEMBUAT TABEL

Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form

Ebook Panduan Pengoperasian Web Simpel

BAB 2 LANDASAN TEORI. saling berinteraksi / bekerja sama membentuk suatu sistem kerja. Komputer berfungsi. Beberapa komponen komputer yaitu :

FLASH, FRAME, BEHAVIOR

Pemrograman Basis Data Berbasis Web

Desain Web. Oleh : Ady Purna Kurniawan, ST., MT.

Formulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

Soal Remedial Prakarya-1

Bahasa yang digunakan untuk menampilkan informasi pd halaman web. bahasa ini menggunakan tanda (markup) untuk menandai perintahperintahnya

Pemrograman Basis Data Berbasis Web

C. Ms Powerpoint D. Notepad E. Ms Acces

Penanganan Form. Muhammad Zen Samsono Hadi, ST. MSc. T.TELEKOMUNIKASI - PENS

P - 11 Bab 8 : PHP & HTML (Manipulasi Form)

MODUL PRATIKUM 03B PEMROGRAMAN BERBASIS WEB (CCP119)

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa

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

FRAME PADA HALAMAN WEB

PHP Penanganan Form. Overview. 15-Jan Jenis-jenis Form Form Validation. Tag <FORM> Atribut ACTION Atribut METHOD SUBMIT BUTTON

Perancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML

1. Pengenalan HTML. 2. Tag Dasar HTML

BAB-12 MEMBUAT FORM HTML

MODUL 3 INTERNET PROGRAMMING : PHP 3

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

Form identik dengan formulir

Menampilkan Images, Audio, Video, dan Membuat Tabel

Pengantar E-Business dan E-Commerce

KURSUS ONLINE JASA WEBMASTERS

Atribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form.

MENAMPILKAN FRAME FRAME

Review Pemrograman Web I

HTML Dasar. PERTEMUAN 1 Tujuan: 1. Siswa dapat memahami dan mengenal perintah-perintah dasar HTML 2. Siswa dapat membuat tabel dan pengaturannya

Pemrograman Basis Data Berbasis Web

BAB I PERKENALAN HTML

TAG HTML LANJUT Tujuan Instruksional :

PENGGUNAAN SINGKATAN

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

Area kerja. Gambar 1. Tampilan awal MS FrontPage

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.

Penulis :

SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA

Muhamad Alif,S.Kom Teknik Informatika UTM

BAB 1 PENGENALAN HTML

LAPORAN PERTEMUAN 2 PERULANGAN DAN FORM PHP

HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>

KONSEP DASAR HTML. HTML ( HyperText Mark up Language )

PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE

Gambar, Link dan Marquee Menyisipkan Gambar

KOMPUTER APLIKASI IT (Information Technology)

Tujuan: Siswa dapat membuat desain situs menggunakan perangkat lunak desain dan pemrograman web

PEMROGRAMAN WEB. 1 P a g e

Transkripsi:

Pemrograman Web DASAR HTML 2

Marquee Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang sering anda jumpai, hanya teks ini bisa bergerak kekanan, kiri, atas dan bawah. Anda bisa memodifikasi sesuai kebutuhan, misal untuk ucapan terimakasih, membuat link, pasang iklan agar lebih menonjol, berita atau informasi. Marquee mengunakan tag sebagai berikut : <marquee> Isi Pesan </marquee>

Arti script yang akan di gunakan pada marquee: DIRECTION "left, right, up, down" = Mengatur arah gerakan teks. BGCOLOR "warna" = Untuk mengatur warna background teks. BEHAVIOR Scroll Slide Alternate "scroll, slide, alternate" = Untuk mengatur perilaku gerakan. : teks bergerak berputar : teks bergerak sekali lalu berhenti : teks bergerak dari kiri kekanan lalu balik lagi/ bolak-balik.

WIDTH "lebar" TITLE pesan" teks. SCROLLMOUNT "angka" semakin besar SCROLLDELAY "angka" detik. LOOP "angka, -1, infinite" = Mengatur lebar blok teks dalam pixel atau persen. = Pesan akan muncul saat mouse berada di atas = Mengatur kecepatan gerakan dalam pixel, angka semajin cepat gerakannya. = Untuk mengatur waktu tunda gerakan dalam mili = Mengatur jumlah loop.

<marquee align="center" direction="right" height="200" scrollamount="5" width="500">dari kanan ke kiri</marquee> <font color="white"> <MARQUEE onmouseover="this.stop()" align="left" direction="left" scrollamount="3" onmouseout="this.start()" bgcolor="red" width="500" height="20"> <strong> <blink>pemrograman Web </blink> contoh bergerak dari kanan menuju kekiri,teks berwarna putih, teks menjadi tebal dan jika cursor berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali </strong> </MARQUEE> </font>

<br> <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" height="100" align="center"> <br> <a href="http://darto68.blogspot.com" target="new">darto</a><br/><br> <a href="http://www.yahoo.com" target="new">yahoo</a><br/><br> <a href="http://www.google.co.id" target="new">google Ind</a><br/><br> <a href="http://www.detik.com" target="new">detik</a> <br><br></marquee> <br><br><br>

Frame Kegunaan Frame biasanya digunakan untuk membuat suatu halaman yang interaktif di dalam dokumen HTML. Dengan Frame kita dapat menampilkan lebih dari satu halaman web dalam halaman browser yang sama. Setiap dokumen HTML dapat ditampilkan didalam Frame dan setiap frame adalah bebas antara satu dengan yang lain

Tag Frame: <frameset>......</frameset> = Mendefinisikan frameset <frameset rows>...<fremset> Ukuran dalam pixel atau %. = Frame baris Untuk mengatur tinggi baris frame. <frameset cols>... <frameset> = Frame kolom Untuk mengatur lebar kolom frame. Ukuran dalam pixe atau %. <frame>... </frame> <noframes>... </noframes> frame = mendefinisikan jendela (sub) frame = mendefinisikan browser yang tidak mendukung

<iframe>... </iframe> = mendefinisikan inline (sub) frame Src Name = Berisi URL yang menjadi sumber dari frame = nama yang digunakan untuk tujuan/target link. Scrolling = menentukan apakah frame bisa digulung atau tidak. Diisi dengan Yes/No/Auto. Marginwidth = jarak antara tepi kiri/kanan frame dengan tulisan dalam frame (satuan pixel). Noresize frame. Border = Mencegah pengguna untuk mengubah ukuran dari = Mengubah ketebalan pembatas frame BorderColor = Memberikan warna pada pembatas frame FrameBorder = Pembatas frame. Dapat dihilangkan dengan memberi nilai NO

Tag Form dan Atributnya Form merupakan sebuah tag HTML yang digunakan untuk menandakan sebuah formulir inputan pada dokumen HTML. <FORM> nama: <INPUT> email: <INPUT> </FORM> Contoh diatas dimana tag FORM tidak menggunakan atribut apapun tidak akan dapat bekerja dengan baik, dikarenakan formulir isian yang kita buat pada tag diatas tidak diikuti dengan sebuah tindakan. Tindakan ini membutuhkan suatu atribut dari tag FORM itu sendiri yang disebut dengan ACTION.

ACTION ACTION merupakan atribut dari tag FORM yang digunakan untuk memproses inputan yang dimasukan pada tag FORM. Tindakan pemrosesan inputan dari formulir isian yang kita buat akan berupa logika dalam bahasa pemrograman web seperti PHP atau CGI. <FORM ACTION="proses.php"> nama: <INPUT> email: <INPUT> <INPUT TYPE=SUBMIT> </FORM> Tag diatas merupakan pengembangan dari contoh sebelumnya, hanya saja pada tag ini ditambahkan ACTION="proses.php" yang akan mengarahkan isian dari formulir yang kita buat ke file proses.php dimana isian formulir tersebut akan diproses. Tag tersebut juga ditambah INPUT TYPE=SUBMIT berupa sebuah tombol yang digunakan untuk mengirim data ketika tombol tersebut di-klik.

METHOD Atribut METHOD ini digunakan untuk menentukan metode pengiriman data dari formulir isian ke file pemroses. Metode yang digunakan ada dua macam, yaitu : GET dan POST. Perbedaan dari method GET dan POST adalah apabila kalian menggunakan method GET maka di address bar akan tampil data yang dikirimkan dari proses tersebut. Dengan method GET URL-nya: http://klikbelajar.com/show.php?negara=albania&submit=submit Dengan method POST URL-nya : http://klikbelajar.com/show.php

<html> <head> <title> contoh form dengan method POST</title> </head> <body> <form id="form" name="form" method="post" action="show.php"> nama <input type="text" name="nama"/><br /> email <input type="text" name="email"/><br /> <input name="submit" type="submit" value="submit" /> </form> </body> </html> <?php $nama = $_POST['nama']; $email = $_POST['email']; echo "Nama kamu adalah <b>$nama</b> <br> dengan alamat email <b>$email</b>";?>

<html> <head> <title> contoh form dengan method GET</title> </head> <body> <form id="form" name="form" method= get" action="show.php"> nama <input type="text" name="nama"/><br /> email <input type="text" name="email"/><br /> <input name="submit" type="submit" value="submit" /> </form> </body> </html> <?php $nama = $_GET['nama']; $email = $_GET['email']; echo "Nama kamu adalah <b>$nama</b> <br> dengan alamat email <b>$email</b>";?>