HTML: Frame, Form #JOBSHEET 2 I. TUJUAN DASAR TEORI
|
|
- Yandi Darmadi
- 7 tahun lalu
- Tontonan:
Transkripsi
1 #JOBSHEET 2 HTML: Frame, Frm I. TUJUAN 1. Menguasai sintaks dasar pembuatan web dengan HTML. 2. Memahami dan mampu membuat tabel dalam dkumen HTML 3. Memahami dan mengaplikasikan pembuatan frame dalam dkumen HTML 4. Menguasai dasar pembuatan frm dalam dkumen HTML sebelum mampu memanfaatkan database system II. DASAR TEORI 1. Membuat Frame Frame digunakan untuk membagi halaman brwser menjadi beberapa bagian, dengan tampilan yang dapat diatur tersendiri. Sebuah halaman web dengan frame merupakan halaman web yang khusus mendefinisikan ukuran dan lkasi tiap kandungan frame. Halaman dengan frame paling sederhana adalah dengan dua frame, yaitu satu untuk menampilkan daftar hyperlink (atau sering disebut dengan navigasi) dan yang lain untuk menampilkan halaman yang ditunjukkan leh daftar hyperlink tersebut. Isi dari frame tidak lain adalah suatu halaman yang lain. Tag <frameset> digunakan untuk membagi halaman website menjadi beberapa bagian frame Tag <frame> digunakan untuk mendefinisikan sebuah frame dalam sebuah halaman web. Setiap frame memiliki tinggi (rws) dan lebar (cls) Beberapa atribut dalam frame NAME : Menentukan nama dari bjek frame, Nama ini dapat di gunakan sebagai tujuan sebuah link ROWS : Membuat frame secara mendatar (baris) sekaligus mendefinisikan lebar masingmasing COLS : Membuat frame secara vertikal (klm) sekaligus mendefinisikan lebar masingmasing BORDERCOLOR : Mendefinisikan warna bingkai frame BORDER : Menentukan ukuran bingkai frame SRC : Menentukan nama file HTML yang digunakan sebagai isi frame SCROLLING : Menentukan apakah dapat memiliki scrll bar, nilainya adalah yes, n, aut 1
2 NORESIZE : Jika atribut ini disebutkan, frame tidak dapat diubah ukurannya MARGINHEIGHT : Menentukan batas atas dan bawah antara dkumen dengan bingkai dalam pixel MARGINWIDTH : Menentukan batas kiri dan kanan antara dkumen dengan bingkai dalam pixel Gambar 3.2. Penggunaan Tag Frame dengan Beberapa Atribut dan Nilai Yang perlu diingat, apabila hendak membuat frame dengan cara ini minimal diperlukan 2 buah file *.html. Cnth di atas memerlukan 4 file *.html plus sebuah file *.html khusus untuk membagi frame tsb. Cnth frame di atas sudah merupakan frame campuran antara frame baris dan klm Cnth Penggunaaan Frame i) Hasil Pencarian Untuk mempermudah dan meringankan beban kerja web, maka pada beberapa search engine menggunakan metde frame untuk menampilkan hasil pencariannya. Sehingga, frm untuk pencarian masih tetap terus muncul, dengan hasil yang akan ditampilkan pada frame yang lain.metde ini juga bisa digunakan bila kita ingin menggunakan search engine yang sudah ada (misalnya Yah, Ggle, HtBt, dan lain-lain) pada halaman kita. Frame kita bagi dua, atas dan bawah. Bagian atas kita beri frm tempat mengisi kata-kata yang akan dicari, dan bagian bawah untuk hasilnya. 2
3 ii) Banner, menu dan navigasi Pada beberapa situs, frame digunakan untuk memunculkan banner atau menu pada setiap halaman di web tersebut. Cnthnya adalah beberapa web fre , seperti Yah!Mail. Pada Yah!Mail, menu di frame kiri akan muncul terus, untuk memberikan bantuan link ke berbagai menu yang ada di web tersebut. iii) Clacking page Clacking page berarti menyembunyikan halaman. Dengan memanfaatkan frame yang didefinisikan mengisi sehalaman penuh, maka setiap kali mengunjungi link yang ada pada halaman tersebut, maka alamat yang ditunjukkan leh web brwser, seperti Internet Explrer dan Netscape, akan tetap menunjukkan alamat halaman yang menggunakan frame tersebut. 2. Membuat Frm/ input Frm adalah suatu cara untuk mejadikan halaman web menjadi lebih interaktif, karena akan mendaptakan umpan balik dari pengunjung situs web. Frm dapat digunakan untuk membuat buku tamu, frmulir pemesanan, survey, meminta kmentar, halaman lgin, halaman registrasi/ pendaftaran dan lain sebagianya. Adapun cara untuk membuat frm adalah dengan menggunakan elemen FORM kemudian ditambah dengan kmpnen-kmpnen pembentuk frm seperti input, checkbx, ptin dan sebagainya. Sebelumnya perlu diketahui bahwa untuk membuat sebuah frm yang dapat dikirim dan diprses di server akan melibatkan PHP dan SQL. Task ini hanya mempelajari dasarnya saja yaitu bagaimana cara menampilkan sebuah frm yang baik. Sebuah frm di tuliskan dalam html dengan tag <frm>. Frm banyak sekali menggunakan fungsi input, tag input sendiri di tulis dengan <input>. Untuk diperhatikan: frm tidak dapat berupa nested (bersarang). Perintah untuk membuat frm yaitu : Methd digunakan untuk menentukan bagaimana frm diberlakukan, sedang actin diisi dengan URL file yang akan melakukan pemrsesan frm selanjutnya. URL adalah lkasi 3
4 dkumen yang akan melakukan prses terhadap input dari frm.. Input adalah sesuatu yang dimasukkan leh pembaca halaman web misalnya teks. Input dalam frm dimasukkan leh user dan terdiri dari beberapa tipe. Input yang dimasukkan user ini selanjutnya akan diprses di lkasi file yang telah dimasukkan dalam atribut actin pada tag FORM. Meskipun tag INPUT ini terdiri dari berbagai macam tipe, namun secara default type dari tag INPUT ini adalah "text". Suatu frm bisa mempunyai beberapa jenis input yang berbeda. Berikut ini adalah atribut-atribut yang berlaku dalam tag <INPUT> type = [ text passwrd checkbx radi submit reset file hidden image buttn ] Text - input data berupa text inputan biasa berupa huruf, angka, simbl, dan lain-lain (seluruh karakter yang berada di keybard) <frm> Nama : <input type="text" name="nama" /><br /> <input type="text" name=" " /> </frm> Passwrd - input data berupa kata sandi. ketika diketikkan yang tampil adalah berupa kde *** atau tergantung pada settingan default brwser <frm> Nama : <input type="text" name="nama" /><br /> <input type="text" name=" " /> </frm> Checkbx - input data berbentuk pilihan yang dapat dipilih lebih dari satu Warna fvrit anda?<br /> <frm><input name="clr" type="checkbx" value="red" />Merah<br /> <input name="clr" type="checkbx" value="blue" />Biru<br /> <input name="clr" type="checkbx" value="black" />Hitam </frm> Radi - input data berupa pilihan (ptin) yang hanya bisa memilih satu pilihan 4
5 <frm> <input type="radi" name="kelamin" value="pria" />Laki-laki<br /> <input type="radi" name="kelamin" value="wanita" /> Perempuan </frm> Submit - input frm bebrntuk tmbl yang berfungsi untuk mengirim seluruh input frm untuk kemudian di prses leh file actin. Input ini juka tidak diberi value atau nilai (captin) akan menjadi Submit Query Submit <frm name="input" actin="daftar_nama.html" methd="get"> Nama : <input type="text" name="nama" /><input type="submit" value="lg In" /> </frm> Reset - input frm berupa tmbl juga yang fungsinya untuk mengembalikan nilai input suatu frm ke nilai default. Input ini memiliki value Reset jika Anda tidak mendefinisikannya Reset File - input berupa file yang dipilih dari drive kmputer. Kegunaannya adalah untuk menguplad file ke server. <frm><input type="file" name="nama" _cke_saved_name="nama" _cke_saved_name="nama" _cke_saved_name="nama" _cke_saved_name="nama" _cke_saved_name="nama" _cke_saved_name="nama" /></frm> Hidden - input data yang tersembunyi dan tidak tampil atau terlihat di brwser <frm> <input type="hidden" name="rahasia" /></frm> Image - fungsinya sama seperti submit namun tmbl ini berupa bjek image yang harus didefinisikan dengan tag src="lkasi_image" Buttn - input yang hanya berupa tmbl. Ketika di klik tidak akan ada aksi apapun. Berbeda dengan submit dan reset, tipe ini tidak akan memiliki captin jika Anda tidak mendefinisikannya 5
6 Sebagai tambahan : Textarea- textarea biasa digunakan untuk memasukan inputan yang membutuhkani klm yang lebar. Seperti pada klm kmentar, alamat, dll. berbeda dengan tipe inputan lainya, text area mempunyai tag tesendiri dengan menuliskan secara langsung dengan tag <textarea> tetapi tetap dalam tag <frm> Alamat<br /> <frm> <textarea name=text></textarea> </frm> Fieldset-kita dapat mempercantik frm kita dengan berbagai cara, seperti menambahkan tabel atau yang lainya. saya akan memberi tahu cara menggukan fieldset. Hasilnya sepertikita memberi bingkai pada sebuah frm. <fieldset> <legend> Nama Anda</legend> <frm actin="#"> Nama Depan<input type="text" size="3"> Nama Belakang <input type="text" size="3"> </frm> ></fieldset> Select- Input ini berupa drpdwn dimana user cukup mengklik salah satu pilihan pada list yang tersedia. Atribut yang digunakannya sama seperti input-input sebelumnya, namun khusus untuk size, berfungsi untuk menentukan banyaknya baris yang ditampilkan dalam drpdwn. Secara default input select hanya dapat memilih satu pilihan saja, namun bisa juga memilih lebih dari satu hanya dengan menambahkan atribut multiple. Bila multiple dipih dalam tag select, untuk memilih lebih dari satu user harus memilih ptin sambil menekan tmbl CTRL pada keybard disarankan untuk memberi size lebih dari 1, misalnya 2 atau 3. Untuk mendefinisikan pilihan-pilihan yang tersedia dalam input SELECT ini diperlukan tag <OPTION>...</OPTION> <select size="1" name="ptin"> <ptin>optin 1</ptin> <ptin>optin 2</ptin> <ptin>optin 3</ptin> <ptin>optin 4</ptin> 6
7 </select> <ptin>optin 5</ptin> Tabel berikut menerangkan elemen-elemen yang dapat ditempatkan dalam suatu frm. Elemen Atribut Fungsi INPUT TYPE Bentuk input. Diisi dengan TEXT atau PASSWORD NAME Nama kmpnen input text ******** VALUE Isi/nilai dari kmpnen input SIZE Panjang kmpnen input MAXLENGTH Batasan panjang penulisan isi input INPUT TYPE Bentuk input. Diisi dengan RADIO atau CHECKBOX NAME Nama kmpnen radi atau checkbx VALUE Isi/nilai dari kmpnen radi atau checkbx CHEKED Batasan panjang penulisan isi radi atau checkbx SELECT NAME Nama kmpnen select /pull dwn list OPTION Pilihan dalam list VALUE Isi/nilai dari list SIZE Ukuran list SELECTED Optin yang dipilih TEXTAREA NAME Nama kmpnen textarea ROWS Jumlah baris pada textarea COLS Jumlah klm pada textarea INPUT Submit Reset TYPE VALUE Bentuk masukan tmbl. Diisi dengan SUBMIT atau RESET Judul pada tmbl III. ALAT 1. Perangkat kmputer 2. Sistem perasi 3. Editr teks sederhana (Ntepad) 4. Web brwser IV. LANGKAH KERJA 1. Menyiapkan alat praktek. 2. Selalu memperhatikan keselamatan kerja. 3. Jalankan prgram yang dibutuhkan. 4. Mengrganisasikan dengan baik flder pribadi untuk masing-masing praktikum dengan menyimpan seluruh hasil latihan dan tugas dalam flder MODUL3, dikumpulkan dalam flder utama Praktek Teknlgi Web. 7
8 V. TUGAS 1. Buat dkumen html yang menampilkan anggta keluarga anda beserta data diri dan ft silakan berkreasi dengan tabel ataupun frame dan memanfaatkan pengetahuan yang telah anda dapat dari praktek sebelumnya, beri nama Jbsheet2a.html pada flder JOBSHEET 2 2. Buat frm lamaran kerja pada suatu perusahaan yang harus diisi leh pelamarnya, diskusikan data apa saja dan bagaimana bentuknya asisten praktek, simpan dengan nama Jbsheet2b.html. 8
[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 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 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 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 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 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 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 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 terperinciDesain Web. MODUL 2 Desain Form
1 MODUL 2 Desain Form A. TUJUAN 1. Mampu membuat form dalam HTML 2. Mampu menggunakan input dalam HTML 3. Mampu menggunakan select dalam HTML 4. Mampu menggunakan textarea dalam HTML B. PETUNJUK 1. Awali
Lebih terperinciMODUL IX FORM. 9.1 Pendahuluan
MODUL IX FORM 9.1 Pendahuluan Sebuah halaman dapat berisi informasi yang sifatnya statis dan adapula yang bersifat dinamis. Bersifat statis artinya informasi yang ditampilkan cenderung tetap, apabila ingin
Lebih terperinciHTML FORM. Praktikum III
Praktikum III HTML FORM Tujuan : 1. Mengetahui tentang Elemen-elemen FORM. 2. Mampu membuat script FORM HTML. 3. Mampu membuat halaman web dengan menggunakan script HTML dan PHP. Alat dan Bahan : 1. Buku
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 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 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 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 terperinciMENAMPILKAN FRAME FRAME
MENAMPILKAN FRAME FRAME digunakan untuk membagi window browser menjadi beberapa bagian window, sehingga dapat menampilkan beberapa file dalam window yang berbeda-beda Format Penulisan:
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 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 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 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 terperinciFORMULIR PADA HALAMAN WEB
Formulir Pada Halaman Web 64 10 9 FORMULIR PADA HALAMAN WEB Tujuan Pembelajaran : Setelah mempelajari pokok bahasan ini, diharapkan bisa membuat berbagai bentuk komponen dalam sebuah formulir yang diperlukan
Lebih terperinciModul 5. Membuat Formulir Pada Template. Disusun oleh. Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
Modul 5 Membuat Formulir Pada Template Disusun oleh Sri Siska Wirdaniyati JURUSAN STATISTIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS ISLAM INDONESIA YOGYAKARTA 2013 1 BAB I PENDAHULUAN
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 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 terperinci1. Mahasiswa mampu membuat form pada dokumen HTML. 2. Mahasiswa memahami cara penggunaan dari fasilitas Form pada halaman dokumen HTML
Bab 4. Form Overview Salah satu fasilitas yang disediakan oleh dokumen HTML memungkinkan kita untuk melakukan interaksi lebih terhadap halaman dokumen tersebut. Semisal, kemampuan dokumen HTML mampu menyediakan
Lebih terperinciDesain Web. Oleh : Ady Purna Kurniawan, ST., MT.
Desain Web HTML Lanjut Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Lanjut 1. List 2. Fontasi 3. Image 4. Hyperlink 5. Form Tag LIST Membuat daftar urutan berupa bullet tdan numbering. Terdiri dari
Lebih terperinciA. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML
Form HTML A. Tujuan Memahami konsep penggunaan tag pada HTML Mampu menangani masukan data dari form HTML Mampu membuat dan memproses beragam elemen kontrol B. Dasar Teori 1. Pemrosesan Form Pemrosesan
Lebih terperinciIkbal jamaludin
Ikbal jamaludin 085 2222 01644 Elemen link berfungsi sebagai penghubung antara suatu halaman dengan halaman lain, atau ke URL (uniform Resource Locator) lain bahkan dalam satu halaman untuk berpindah ke
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 terperinciMS Wulandari - HTML 1
MS Wulandari - HTML 1 PERTEMUAN VII FRAME A. MEMBUAT DAN MENGGUNAKAN FRAME Frame digunakan untuk : Membuat daftar isi pada suatu sisi frame sementara sisi frame yang lain untuk menampilkan isi Membuat
Lebih terperinciMEMBUAT FORM Dan FRAME 1. Form Form Form
1. Form Form adalah suatu cara untuk mejadikan halaman web menjadi lebih interaktif, karena akan mendaptakan umpan balik dari pengunjung situs web. Form dapat digunakan untuk membuat buku tamu, formulir
Lebih terperinciPemrosesan form HTML
Pemrosesan form HTML Pemrosesan form HTML Memahami tentang penggunaan Form Memahami tentang perbedaan antara metode GET & POST Memahami tentang pemrosesan file upload Pengolahan Data Dari Form Web menerima
Lebih terperinciDesain Web. Oleh : Ady Purna Kurniawan, ST., MT.
Desain Web HTML Layout Oleh : Ady Purna Kurniawan, ST., MT. Materi HTML Layout 1. Tabel 2. Frame TABLE Digunakan untuk membuat tabel (kolom dan baris) Diperbolehkan membuat tabel di dalam tabel (nested
Lebih terperinciMODUL 3 INTERNET PROGRAMMING : PHP 3
MODUL 3 INTERNET PROGRAMMING : PHP 3 A. Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan validasi form B. Dasar Teori PENGOLAHAN
Lebih terperinciMODUL TIK - HTML II KELAS XI SEMESTER I
MODUL TIK - HTML II KELAS XI SEMESTER I Dapatkan tutorial-tutorial komputer, soal-soal matematika, soal-soal TIK, modul TIK, modul matematika di http://istiyanto.com. Kini Anda dapat berlangganan dan menerima
Lebih terperinciMANUAL BOOK SYSTEM INFORMASI KEGIATAN AIPNI (SIKAIPNI) Versi Untuk Institusi AIPNI-AINEC
MANUAL BOOK SYSTEM INFORMASI KEGIATAN AIPNI (SIKAIPNI) Versi Untuk Institusi AIPNI-AINEC WWW.SIKAIPNI.AIPNI-AINEC.COM DAFTAR ISI DAFTAR ISI... 1 HALAMAN PESERTA KEGIATAN... 2 1. Link Halaman Umum Web...
Lebih terperinciPemrograman Web DASAR HTML 2
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
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 terperinciFormulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms
Formulir Forms adalah fasilitas dalam HTML yang sangat berguna dan memegang peranan penting dalam meningkatkan interaktivitas di dunia web. Dengan form kita dapat melakukan pooling, survei, pemasukan data
Lebih terperinciArea kerja. Gambar 1. Tampilan awal MS FrontPage
Microsoft FrontPage I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain, dan mengedit halaman World Wide Web seperti menambahkan text, images,
Lebih terperinciPEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE
PEMBUATAN BAHAN AJAR KIMIA BERBASIS WEB MENGGUNAKAN MICROSOFT FRONTPAGE Oleh: Asyti Febliza I. Mengenal Microsoft FrontPage Microsoft FrontPage (MS FrontPage) adalah sebuah program untuk membuat, mendesain,
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 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 terperinci10/04/2014. Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting
Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting 1 Kegunaan Form Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan Memperoleh informasi
Lebih terperinciPemrograman Web. Page 188
Page 188 15. Kegiatan Belajar 15 : Mengolah Interaksi User a. Tujuan Pembelajaran. Setelah mengikuti kegiatan belajar 15 ini siswa diharapkan dapat : 1) Mengetahui bentuk penanganan interaksi user pada
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 terperinciPelatihan Web Fakultas (menggunakan cms wordpress)
Pelatihan Web Fakultas (menggunakan cms wrdpress) 1. Tampilan Frnt End Tampilan Frnt End default yang diberikan untuk web fakultas / prdi UAD menggunakan cms wrdpress adalah seperti dibawah ini : 2. Lgin
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 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 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 8 WEB PROGRAMMING : PHP 3
MODUL 8 WEB PROGRAMMING : PHP 3 BENGKEL INTERNET PENS-ITS Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan file upload
Lebih terperinciUntuk membuat Form pada halaman web, dapat dilakukan dengan cara menyisipkan terlebih dahulu area Form-nya dengan cara klik menu Insert Form Form.
MEMBUAT FORM Untuk membuat Form pada halaman web, dapat dilakukan dengan cara menyisipkan terlebih dahulu area Form-nya dengan cara klik menu Insert Form Form. Secara otomatis Ms. Frontpage akan menyisipkan
Lebih terperinciSOP CMS WEBSITE. - Berikut adalah penjelasan pada menu bagian atas o Home
SOP CMS WEBSITE Berikut adalah daftar SOP untuk pengimputan CMS pada website PT. Cybersama Technlgy. 1. Input Kategri 2. Input Subkategri (khusus cybernte.c.id, kuncihtel.cm, thehtellck.cm) 3. Input Prduk
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 terperinciSILABUS TEKNOLOGI INFORMASI DAN KOMUNIKASI
SILABUS TEKNOLOGI INFORMASI DAN KOMUNIKASI Nama Seklah : Mata Pelajaran : Teknlgi Infrmasi dan Kmunikasi Kelas / Semester : XI/1 Standar Kmpetensi : 1. untuk keperluan infrmasi dan kmunikasi Kmpetensi
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 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 terperinciSK. 4 Mengelola Isi Halaman Web KD. 4.3 Mengedit Informasi Sesuai Dengan Kebutuhan
SK. 4 Mengella Isi Halaman Web KD. 4.3 Mengedit Infrmasi Sesuai Dengan Kebutuhan Jb 01 Judul : Membuat dan Memanipulasi Halaman Web Dengan Dreamweaver Tujuan: Setelah menyelesaikan bahasan ini, peserta
Lebih terperinciGambar 11.1 Contoh Frame
MODUL XI FRAME Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi dalam beberapa bagian, dan dan masing-masing bagian terdiri dari dokumen HTML tersendiri. Biasanya frame digunakan
Lebih terperinciKURSUS ONLINE JASA WEBMASTERS
KURSUS ONLINE JASA WEBMASTERS HTML Tables, Frame, Image JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta Tebel 6.1 Tabel Tabel banyak digunakan karena dapat menampilkan informasi
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 terperinciPertemuan V. Semester 1
Frames dan iframes ++ Video dan Audio Pertemuan V Pemrograman Web Dasar Semester 1 Frame HTML Frame digunakan untuk menampilkan banyak dokumen html lainnya dalam satu halaman browser pada saat yang sama.
Lebih terperinciBAB 8 FORM HANDLING DAN VALIDASI
Pemrograman Web 115 BAB 8 FORM HANDLING DAN VALIDASI Suatu aplikasi banyak menerima masukan/input data dari pengguna, misalkan ketika registrasi kesuatu website atau ketika login pada halaman email dan
Lebih terperinciMenangani Input dari User
Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni
Lebih terperinciBAB III Validasi HTML5
1 Modul Praktikum Pemprograman Web BAB III Validasi HTML5 A. Tujuan Memahami konsep dasar active web page, Mampu menghasilkan halaman web yang interaktif, Mampu memanfaatkan validasi data menggunakan HTML5.
Lebih terperinciPengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciText input adalah tag input dengan tipe text dimana tag ini berguna dalam penginputan text dengan skala yang tidak terlalu banyak.
NAMA : YOGI PRAYOGA ARI NRP : 2103147020 KELAS : D3PJJ PERCOBAAN 1 Text input adalah tag input dengan tipe text dimana tag ini berguna dalam penginputan text dengan skala yang tidak terlalu banyak. Terdapat
Lebih terperinciBAB 1 PENGENALAN HTML
1 BAB 1 PENGENALAN HTML HyperText Markup Language (HTML) merupakan bahasa standar yang digunakan untuk membuat sebuah tampilan halaman website. Sesuai dengan namanya yaitu HyperText Markup Language (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 terperinciX/HTML5 Form. Auriza Akbar 25 Mei 2012
X/HTML5 Form Auriza Akbar auriza.akbar@gmail.com 25 Mei 2012 Form Form Komponen halaman web yang memiliki kontrol-kontrol formulir: text field, text area, button, radio button, checkbox, User dapat berinteraksi
Lebih terperinciPemrograman Web PRAKTIKUM 1 PENGANTAR
PRAKTIKUM 1 PENGANTAR TUJUAN BELAJAR Mengenalkan dunia web MATERI Teknologi dan Terminologi Web (konsep dan istilah di dunia web) TUGAS Tidak ada TEORI W3C Singkatan World Wide Web Consortium suatu konsorsium
Lebih terperinciMelewatkan Nilai ke Web Server melalui Field tersembunyi
Halaman 151-156 Chapter 3 HTML Form M.Ikhwan Bayu Handono 08018279/kelas A Melewatkan Nilai ke Web Server melalui Field tersembunyi Sebuah field tersembunyi, seperti namanya, adalah elemen yang bentuk
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 terperinciTujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web
HTML DASAR BAGIAN 2 Oleh: Heribertus Heri Istiyanto Materi: 1. List Item 2. Form Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web Indikator: 1. Siswa dapat membuat
Lebih terperinciModul Pengguna SCeLE
Modul Pengguna SCeLE Halaman utama SCeLE SCeLE adalah sistem yang berbasis web, sehingga untuk dapat menggunakannya dibutuhkan web browser (Internet Explorer / Mozilla / Netscape / Opera / dll). Untuk
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 terperinciBAB III FORMULIR. <input type='text' name='...' size='40' maxlength='..'>
BAB III FORMULIR Formulir dalam halaman html merupakan komponen input, yaitu bagian yang berfungsi sebagai tempat memasukkan data dari penggunanya. Dengan formulir, halaman web bisa menjadi lebih interaktif.
Lebih terperinciHTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>
HTML-FRAME 1 A. FRAME HTML Windows dalam browser yang dibagi menjadi beberapa windows disebut Frame. Model ini sering digunakan untuk lebih memperjelas penyajian informasi, dengan menu sajian selalu ditampilkan.
Lebih terperinciBab 6 FRAME. A. Maksud dan Tujuan 1. Maksud : Mahasiswa dapat mendesain website dengan membagi jendela windows menjadi beberapa frame.
Bab 6 FRAME A. Maksud dan Tujuan 1. Maksud : Mahasiswa dapat mendesain website dengan membagi jendela windows menjadi beberapa frame. 2. Tujuan : Mahasiswa dapat membagi halaman windows dengan beberapa
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 terperinciFLASH, FRAME, BEHAVIOR
FLASH, FRAME, BEHAVIOR 1. Flash Menyisipkan Flash Button a. Pilih menu : insert image interactive flash button b. Tentukan property : Style : pilih bentuk / jenis tombol flash Button text : tulis label
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 terperinciMEMBUAT KONTEN. 3.1 Apakah konten itu?
MEMBUAT KONTEN 3.1 Apakah konten itu? Konten (content) adalah sebuah halaman website. Hal yang hebat di Drupal dibandingkan CMS lain adalah Drupal menyediakan fasilitas untuk membuat content type baru.
Lebih terperinciRANGKUMAN APLIKASI PENGOLAHAN DATABASE (Menggunakan Microsoft Access 2007)
RANGKUMAN APLIKASI PENGOLAHAN DATABASE (Menggunakan Micrsft Access 2007) A. PENGERTIAN DATABASE Kata Database berasal dari bahasa inggris, dalam bahasa Indnesia database diartikan dengan Pangkalan Data
Lebih terperinciPemrograman 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 terperinciIV. Form. A. Pengenalan Form. B. HTML Input Element
IV. Form A. Pengenalan Form Kegunaan Form Berikut ini beberapa contoh kegunaan Form dalam web: memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan.
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 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 terperinciWEB DINAMIS 1 PENANGANAN FORM. Agustina Purwatiningsih., S.Kom
WEB DINAMIS 1 PENANGANAN FORM Agustina Purwatiningsih., S.Kom 1 PENGERTIAN Form merupakan sebuah metode yang digunakan dalam Web Site yang mengizinkan seorang pengunjung untuk dapat berinteraksi dengan
Lebih terperinciManual. webhosting.i2.co.id
Manual webhosting.i2.co.id Disclaimer This document is provided for informational purposes only and net-dsign.com makes no warranties, either express or implied, in this document. Information in this document
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN INTERNET
MODUL PRAKTIKUM PEMROGRAMAN INTERNET PENANGANAN FORM DALAM HTML DAN STYLE SHEET (CSS) DISUSUN OLEH : Astrid Lestari Tungadi, S.Kom FAKULTAS TEKNOLOGI INFORMASI UNIVERSITAS ATMA JAYA MAKASSAR 2014 FORM
Lebih terperinciDengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut:
Aplikasi Update Profil Aplikasi Update sebaiknya dibuat setelah registrasi, login dan otentikasi selesai karena untuk melihat profil harus melalui sebuah kunci yang dijadikan kriteria where pada query
Lebih terperinciSUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT
SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT 1. HTML 1.1. Susunan Dasar HTML Judul disini Program disini 1.2. Contoh Halaman Pertama Teks dengan Heading 1 Teks
Lebih terperinciKapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form
Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa
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 terperinci1) Gunakan peralatan sesuai dengan fungsinya. 2) Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan.
TUJUAN a. Memahami dan mengaplikasikan tag-tag HTML dalam sebuah web. b. Dapat berkreasi dengan tabel, form dan frame untuk membuat sebuah karya web personal. ALAT DAN BAHAN 1) 1 (Satu) unit komputer KESELAMATAN
Lebih terperinciSMH2D3 Web Programming. 3 BAB III TABLE & FORM INPUT DATA HTML5. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3
3 BAB III TABLE & FORM INPUT DATA HTML5 31 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Scripting tingkat lanjut, Tabel dan Form HTML5 Kompetensi Utama 3 Mengetahui penggunaan script HTML5
Lebih terperinciRAHASIA UNGGULAN: Cara Mendapatkan Uang Dari Internet Hanya Dalam Waktu 30 Menit
RAHASIA UNGGULAN: Cara Mendapatkan Uang Dari Internet Hanya Dalam Waktu 30 Menit Assalamu alaikum Wr. Wb. Saudaraku seiman, Idzinkanlah saya berbagai kepada anda. Saya akan ajarkan kepada anda bagaimana
Lebih terperinciFasilitas Google untuk Membuat Naskah Matematika Secara Online Fadjar Noer Hidayat
Fasilitas Ggle untuk Membuat Naskah Matematika Secara Online Fadjar Ner Hidayat Ggle memberikan fasilitas untuk membuat dan menyimpan file dkumen secara nline. File-file dkumen tersebut bisa berbentuk
Lebih terperinciMenciptakan Form dalam Web
Menciptakan Form dalam Web STMIK AKAKOM YOGYAKARTA Click to edit Master subtitle style Contoh sebuah Form Komponen dan elemen dalam Form Input box First Name Address #1 Address #2 Last Name radio button
Lebih terperinci