Frame dan IFrame. Click to edit Master subtitle style. Pengenalan Web STMIK AKAKOM Yogyakarta
|
|
|
- Leony Pranata
- 9 tahun lalu
- Tontonan:
Transkripsi
1 Frame dan IFrame Click to edit Master subtitle style Pengenalan Web STMIK AKAKOM Yogyakarta
2 Frame Digunakan untuk membuat 2 atau lebih area terpisah yang bisa digulung (scrollable areas) dalam satu jendela browser Dengan kata lain, frame membuat kita dapat menampilkan lebih dari satu HTML document dalam satu jendela browser Masing-masing HTML document disebut sebagai frame, dan setiap frame independent satu sama lain. Frame-frame tersebut terletak dalam satu wadah/bingkai yang disebut frameset
3 Kelemahan Frame Frame (relatif) sulit digunakan bagi user (mis: pencetakan, tombol back) Pengelolaan lebih dari 1 HTML document dalam 1 jendela terkadang menyulitkan bagi web developer Kemungkinan tidak akan didukung untuk standar HTML ke depan 33
4 Pembuatan Frame Dibutuhkan : file satu.html (mengisi bagian kiri) File dua.html (mengisi bagian kanan) Frameset dengan pembagian berdasar kolom
5 File : satu.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="" content=""> </head> <body style="background-color:green"> <h1>ini File Satu</h1> </body> </html> 55
6 File : dua.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="" content=""> </head> <body style="background-color:yellow"> </body> </html> Ini file yang kedua 66
7 File Utama : fset.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="" content=""> </head> <frameset cols="25%,*"> <frame src="satu.html"></frame> <frame src="dua.html"></frame> </frameset> </html> 77
8 <frameset> <frameset> digunakan untuk membagi dokumen ke dalam frame Pembagian bisa secara kolom (cols) atau baris (rows) Bentuk umum : <frameset cols rows = ukuran_kolom_atau_baris > Ukuran_kolom_atau_baris bisa berupa : Persen Pixel Asterisk ( * ) 88
9 Contoh <frameset> Untuk membagi jendela menjadi : 2 kolom, dengan ukuran 25% dan 75% <frameset cols= 25%, 75% > 3 kolom, dengan ukuran 25%, 25% dan sisanya <frameset cols= 25%, 25%, * > 2 baris, dengan ukuran 100 piksel, dan sisanya <frameset rows= 100px, * > 3 kolom, dengan ukuran 100 piksel, dan 2 kolom lain sisanya <frameset cols= 100px, *, *> 99
10 Catatan <frameset> <frameset> menggantikan tag <body>, sehingga untuk dokumen html yang menggunakan tag <frameset> tidak ada tag <body> Elemen konten dari <frameset> hanyalah : Tag <frame> Tag <frameset> lain, saat nested frameset Tag <noframes> 10
11 <frame> Tag <frame> merupakan elemen konten dari <frameset> Tag <frame> digunakan untuk menentukan behaviour dari tiap frame termasuk isi dari frame tersebut Bentuk paling sederhana dari frame: <frame src= URL_konten_dari_frame > URL_konten_dari_frame bisa berisi dokumen HTML, image atau lainnya 11
12 Nested Frameset Yaitu frameset yang terletak di dalam frameset yang lain <frameset rows="80px,*" > <frame src="satu.html"></frame> <frameset cols="100px,*"> <frame src="dua.html"></frame> <frame src="girl.jpg"></frame> </frameset> </frameset> 12
13 Hasil 13
14 Attribut frameset Beberapa attribut penting frameset: Frameborder = yes no 1 0 Border = nilai_integer Frameborder, untuk menentukan apakah frame yang dibuat mempunyai border ( yes 1 ) atau tidak ( no 0 ) default : yes Border, untuk menentukan ukuran border (jika frameborder berisi nilai yes 1 )
15 contoh <frameset rows="80px,*" frameborder="no" > <frame src="satu.html"></frame> <frameset cols="100px,*"> <frame src="dua.html"></frame> <frame src="girl.jpg"></frame> </frameset> </frameset>
16 contoh <frameset rows="80px,*" frameborder="yes" border="1"> <frame src="satu.html"></frame> <frameset cols="100px,*"> <frame src="dua.html"></frame> <frame src="girl.jpg"></frame> </frameset> </frameset> 16
17 Attribut frame name = nama_frame Sangat penting untuk pengaksesan frameborder = yes 1 no 0 Ada tidaknya border, default = yes scrolling = yes no auto Ada tidaknya scroll bar, default = auto marginwidth = nilai_integer Batas kanan/kiri halaman terhadap frame marginheight = nilai_integer Batas atas bawah halaman terhadap frame noresize = noresize Menjadikan ukuran frame tak bisa dirubah 17
18 Contoh <frameset rows="80px,*" frameborder="yes" border="1" > <frame src="satu.html" scrolling="no"></frame> <frameset cols="100px,*"> <frame src="dua.html"></frame> <frame src="girl.jpg" marginwidth="20" marginheight="20"></frame> </frameset> </frameset> 18
19 Hasil 19
20 Contoh lain <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="" content=""> </head> <frameset rows="80px,*" frameborder="yes" border="5"> <frame src="satu.html" scrolling="no"></frame> <frameset cols="100px,*"> <frame src="dua.html" frameborder="0"></frame> <frame src="girl.jpg" frameborder="0"></frame> </frameset> 20
21 Hasil 21
22 <noframes> Tag <noframes> digunakan untuk mengantisipasi jika browser yang digunakan tidak mendukung adanya frame Contoh : <frameset cols= 25%,* > <frame src= file_a.html ></frame> <frame src= file_b.html ></frame> <noframes> Browser anda tidak mendukung frame </noframes </frameset> 22
23 Inline frame (iframe) Berfungsi untuk meletakkan suatu potongan dokumen HTML lain ke dalam suatu dokumen HTML tanpa harus membagi dokumen ke dalam beberapa frame dengan frameset 23
24 Attribut iframe Attribut <iframe> mirip dengan attribut <frame>, beberapa penambahan : Untuk alignment digunakan : style= float: left right none Pengaturan ukuran digunakan : height = nilai_integer width = nilai_integer 24
25 Contoh <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="" content=""> </head> <body> Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. <hr/><iframe src="satu.html" scrolling="yes" width="100" height="100" style="float:right"></iframe>ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. </body> </html> 25
26 Hasil: 26
27 Link dalam Frame Penggunaan hyperlink dalam frame sama dengan hyperlink biasa, beberapa hal penting yang harus diperhatikan : Frame yang akan dijadikan target lokasi dokumen harus diberi nama Nama frame disebutkan pada target hyperlink 27
28 Contoh : Akan dibuat File utama : linkframe.html File Header : head.html File Menu : menu.html File Isian : satu.html dan dua.html (keduanya sudah dibuat di slide sebelumnya) 28
29 Linkframe.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="" content=""> </head> <frameset rows="80px,*"> <frame src="head.html"></frame> <frameset cols="100px,*"> <frame src="menu.html"></frame> <frame name="content"></frame> </frameset> 29
30 Head.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="" content=""> </head> <body> <h1> </body> </html> 30
31 <html> <body> Menu.html <h3>menu</h3> <a href="satu.html" target="content">file Satu</a><br/> <a href="dua.html" target="content">file Dua</a> </body> </html> Untuk setiap link yang dibuat, target diisikan nama frame tujuan 31
32 Tampilan awal 32
33 Menu File Satu diklik 33
34 Link iframe <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <meta name="" content=""> </head> Target Link = nama iframe tujuan <body> <a href="dua.html" target="kotak" >Isikan File Dua</a> Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. <hr/><iframe src="satu.html" name="kotak" width="100" height="100 style="float:right"></iframe> Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. Ini sekedar Tes saja. </body> </html> Iframe diberi nama 34
35 Hasil 35
36 Setelah link diklik 36
37 Selesai 37
MS 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
1. FRAME. Frame digunakan untuk membagi suatu halaman web menjadi beberapa bagian. Beberapa bagian tersebut dapat digunakan untuk berbagai keperluan.
1. FRAME Frame digunakan untuk membagi suatu halaman web menjadi beberapa bagian. Beberapa bagian tersebut dapat digunakan untuk berbagai keperluan. Adapun cara untuk membuat frame pada halaman web adalah
Pertemuan 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.
MODUL 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
Desain 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
MATERI: FRAME PADA HTML
MATERI: FRAME PADA HTML Frame Digunakan untuk membagi halaman web yang terdiri dari beberapa file html yang saling terintegrasi satu dengan yang lainnya. Struktur Dokumen dalam frame Layout Documents .
Pemrograman 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
KURSUS 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
Gambar 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
Bab 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
Pemrograman Web WEEK 03 HTML LANJUT
1 Pemrograman Web WEEK 03 HTML LANJUT 2 Introduction IMAGE HYPERLINK IMAGE MAP DIV & SPAN META 1 HTML Image 3 Menampilkan gambar pada halaman web Tag: (tidak memiliki tag penutup) align Atribut Value
MEMBUAT 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
MODUL 4 HTML. (HyperText Mark-Up Language) Sub : Frame
MODUL 4 HTML (HyperText Mark-Up Language) Sub : Frame Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 4 4.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah HTML
Pemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-4 (HTML Lanjut [2]) Noor Ifada [email protected] S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Frame Nama dan target frame Frame Vertikal
MODUL PRATIKUM 03B PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 03B PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 03B Tag IFrame dan Frameset,
Pemrograman 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
HTML (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
FRAME PADA HALAMAN WEB
Frame Pada Halaman Web 56 10 8 FRAME PADA HALAMAN WEB Setelah mempelajari pokok bahasan ini, diharapkan : Bisa menerapklan frame dalam pembuatan sebuah halaman web. Bisa mengatur tampilan web yang mempunyai
FLASH, 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
PENGENALAN HTML - 3. Gambar 1. Layer Toolbar
PENGENALAN HTML - 3 A. Layer Layer merupakan salah satu keunggulan Dreamweaver dibandingkan dengan editor HTML lainnya. Dengan layer, kita dapat membuat halaman HTML yang tampilannya lebih fleksibel. Layer
HTML (HYPERTEXT MARKUP LANGUAGE)
HTML (HYPERTEXT MARKUP LANGUAGE) HTML merupakan Script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat internet. HTML sendiri terdiri dari tag-tag yang fungsinya untuk membuat dokumen
P - 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
HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs.
HTML Dasar & Layouting (tag, elemen, atribut, link, frame, table) Pengembangan Web (IT133) Ramos Somya, S.Kom., M.Cs. HTML HyperText Markup Language HTML bahasa pemrograman HTML markup language Digunakan
HTML 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
[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 ]](/thumbs/63/50441664.jpg "[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
PEMROGRAMAN 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
FORMAT 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
SUSUNAN 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
Form 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
Triswansyah Yuliano
Mendesain Menu dengan CSS Triswansyah Yuliano [email protected] http://triswan.wordpress.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
Syntax 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
TAG HTML LANJUT Tujuan Instruksional :
3 TAG HTML LANJUT Tujuan Instruksional : 1. Mahasiswa mengetahui tag-tag tingkat lanjut pada HTML 2. Mahasiswa dapat menyusun dan menyimpan sebuah dokumen HTML dengan tag HTML lanjut 3. Mahasiswa dapat
MODUL 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
Percobaan 1 : Mengatur Width Dan Height Hasil :
Percobaan 1 : Mengatur Width Dan Height Analisa : Terlihat di atas kalau width dan height dari tag dan berbeda sesuai value yang telah diinputkan yang bias dibedakan dengan background-color
Pengenalan Perancangan Web 2017
5. Marquee Marquee merupakan tag non-standard elemen HTML yang menyebabkan suatu teks/gambar bergerak ke atas dan ke bawah, kanan atau kiri secara otomatis. Tulisan berjalan ini dapat digunakan untuk menuliskan
Cara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara [email protected] Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
BAB 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
MODUL 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
BAB 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
6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
Pengenalan Macromedia Dreamweaver
Pengenalan Macromedia Dreamweaver INTRO Dreamweaver merupakan tool/alat untuk memanagement web site dan juga sebagai alat yang mudah sekali untuk membuat halaman web. Banyak sekali profesional web developer
Mengelola 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
TUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER
TUTORIAL PEMBUATAN WEBSITE DENGAN MACROMEDIA DREAMWEAVER Disampaikan dalam Kegiatan PPM dengan Judul Pelatihan Pembuatan Sumber Belajar Matematika Berbasis Web Dengan Menggunakan Perangkat Lunak Macromedia
Macromedia Dreamweaver. Tatik Retno Murniasih, S.Si., M.Pd.
Tatik Retno Murniasih, S.Si., M.Pd. Merupakan software web design yang berguna untuk merancang web dan layout halaman web. Dalam merancang web bisa dilakukan dengan cara mendesain dan memprogram. Untuk
KOMPUTER APLIKASI IT (Information Technology)
KOMPUTER APLIKASI IT (Information Technology) 2 SKS Semester 1 S1 Sistem Informasi Nizar Rabbi Radliya [email protected] Pertemuan 5 Universitas Komputer Indonesia 2014 Tabel pada HTML Tabel pada
Komunikasi Multimedia
Komunikasi Multimedia Modul ke: Fakultas Ilmu Komunikasi Teknik Lanjutan Corporate Website: HTML Editing dengan Macromedia Dreamweaver MX Anindita, S.Pd, M.Ikom Program Studi Public Relations www.mercubuana.ac.id
SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom.
SIMPLE TUTORIAL - ADOBE DREAMWEAVER CS 5 Oleh: H. Heri Istiyanto, S.Si., M.Kom. Dreamweaver merupakan aplikasi yang digunakan untuk membuat website secara profesional. Pada tutorial ini akan dijelaskan
Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com
Prak. E-Bussiness & E-Commerce HTML (HyperText Markup Language) RAHMADY LIYANTANTO [email protected] liyantanto.wordpress.com Pendahuluan HTML adalah sebuah bahasa markup yang digunakan untuk membuat
HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>
![HTML-FRAME. <FRAMESET BORDER=# {[ROWS COLS]}={#,[#[,...]]}> <FRAME SRC= url NAME= nama frame > </FRAMESET>](/thumbs/54/35215972.jpg "HTML-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.
LAPORAN RESMI Layout
LAPORAN RESMI Layout Dosen Pembimbing : Dwi Susanto,ST, MT Oleh Hamidah Nur Hidayati 4103131038 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI
DASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN
DASAR-DASAR CSS DASAR-DASAR CSS 2015 A. PENGENALAN CSS merupakan kependekan dari Cascading Style Sheet yaitu suatu skrip yang digunakan untuk mempercantik tampilan HTML atau mengatur bagaimana elemen HTML
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA
SOAL PRODUKTIF KEJURUAN KELAS X MULTIMEDIA 1. HTML adalah kepanjangan dari. A. Hyper Text Multiple Language B. Hiper Text Multiple Language C. Hipo Text Multiple Language D. Hyper Text Multiple Land E.
Pengantar E-Business dan E-Commerce
Pengantar E-Business dan E-Commerce Pertemuan Ke-10 (HTML Lanjut [2]) Noor Ifada [email protected] S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Form Frame Meta tag Entitas Karakter
MEMBUAT WEB PERSONAL DENGAN DREAMWEAVER
MEMBUAT WEB PERSONAL DENGAN DREAMWEAVER Jalankan Dreamweaver 8 Pilih HTML Setelah dipilih HTML maka akan muncul tampilan pertama seperti berikut : Klik Page Properties untuk pengaturan awal Halaman Pilih
BAB V DESAIN WEB CSS
BAB V DESAIN WEB CSS A. KOMPETENSI DASAR Memahami konsep dan strategi desain web yang rapi berbasis HTML dan CSS/CSS3. Mampu mengoptimalkan fitur-fitur CSS dalam desain web. Mampu memanfaatkan pendekatan
1. 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
MODUL 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
Design Web Dengan 2 Kolom
Design Web Dengan 2 Kolom Muh Hasan Tanjung [email protected] Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial
Pengenalan Web STMIK AKAKOM YOGYAKARTA
Pengenalan Web STMIK AKAKOM YOGYAKARTA Fungsi : Menampilkan data secara tabular (misal : untuk statistik, scientific) Mengatur Layout Bentuk dasar : 2 Rows (baris) Columns (kolom) Jika dibuat Detail maka
Hypertext Markup Language (HTML)
Jurusan Teknik Informatika Sekolah Tinggi Teknologi Telkom YFA S1/IT/WE/E2/0806 CS4713 Hypertext Markup Language (HTML) Pengantar HTML Hypertext Markup Language (HTML) merupakan bahasa pemrograman web
HTML LEBIH LANJUT (LINK, FRAME, DAN TABEL)
HTML LEBIH LANJUT (LINK, FRAME, DAN TABEL) RINGKASAN Situs web biasanya tidak hanya terdiri atas 1 halaman saja (homepage, halaman awal/ pembuka). Bila suatu situs terdiri atas lebih dari 1 halaman, situs
KAJIAN 3 Web Responsive
KAJIAN 3 Web Responsive Modul 10 Pengantar Web Responsive Modul 11 Perancangan Web Responsive 73 KAJIAN 3 Web Responsive MODUL 10 Pengantar Web Responsive 10.1. TUJUAN Mengetahui dan memahami dasar perancangan
BAB VI DESAIN WEB RESPONSIF
BAB VI DESAIN WEB RESPONSIF A. KOMPETENSI DASAR Memahami konsep dasar desain halaman web responsif Mampu menerapkan konsep desain web responsif ke dalam aplikasi Mampu menghasilkan desain aplikasi web
HTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Analisa Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya.
TUGAS CSS LAYAOUT PRAKTIKUM 6 1. Percobaan 1 Pada percobaan ini, menunjukan flow dalam kondisi normal atau sesuai dengan default dan sifat masing-masing tag HTML-nya. 2. Percobaan2 Position: relative;
Membuat Layout Web Mengunakan Table
Page 1 INFO : ILMUKOMPUTER.ID.AI By PRASETYO UTOMO Web : http://www.prasetyo771.wordpress.com Facebook : facebook.com/tyo777 No Hp : 08982069172 Email : [email protected] Page 2 1. Pengenalan
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa
Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa Tujuan Kuliah Mampu Menjelaskan mengenai: Pengertian struktur dasar tag-tag HTML membuat aplikasi dengan perintah-perintah HTML HTML Hyper Text Markup
HTML. Hypertext Markup Language. Pemrograman Web 1. Genap
HTML Hypertext Markup Language Pemrograman Web 1 Genap 2009 2010 HTML HTML? Sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser.
Tabel, List. Tempatkan kursor pada dokumen windor, kemudian pilih salah satu cara berikut : Insert Table
Tabel, List 1. Tabel Tabel adalah objek yang terdiri dari kolom dan baris. Tabel dalam halaman / dokumen Web sebenarnya terdiri dari tag-tag HTML, yaitu tag , tag , tag . 1.1. Menyisipkan
Image / Citra HTML. Materi ke 4
Image / Citra HTML Materi ke 4 Mengapa Butuh Image? Image dapat membuat dokumen HTML lebih menarik dibandingkan hanya berisi teks saja. Memudahkan user untuk memahami informasi yang disampaikan Misal untuk
BAHAN PELATIHAN WEB FAKULTAS BAHASA DAN SENI UNIVERSITAS NEGERI JAKARTA
BAHAN PELATIHAN WEB FAKULTAS BAHASA DAN SENI UNIVERSITAS NEGERI JAKARTA 1 Menu Utama Link Menu Suhu dan Cuaca Pengumuman Galeri Berita Video 2 Berita Kegiatan 3 Informasi Artikel 4 Cara masuk ke user account
CSS Cascading Style Sheet
CSS Cascading Style Sheet Pengenalan CSS CSS adalah singkatan dari Cascading Style Sheets CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style
A. LATAR BELAKANG ATAU BACKGROUND
A. LATAR BELAKANG ATAU BACKGROUND Latar belakang background dalam CSS dibedakan menjadi 2: 1. Latar Belakang Dengan Menggunakan Warna: Warna background memiliki dua nilai: Transparent : membuat wearna
HTML: Frame, Form #JOBSHEET 2 I. TUJUAN DASAR TEORI
#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
Ebook Panduan Pengoperasian Web Simpel
Ebook Panduan Pengoperasian Web Simpel Daftar isi : Login ke halaman admin Ganti password website Membuat halaman baru Menghapus menu / halaman 4 Memasukan gambar 5 Masukan / embed video dari Youtube 6
Materi 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 [email protected] Nama Mahasiswa NIM Kelas Kompetensi Dasar Menciptakan dokumen HTML dengan
2011 Ahmad Amarullah
1 Silabus Mata Kuliah Program Studi : Sistem Informasi Kode Mata Kuliah : Nama Mata Kuliah : Komputer Aplikasi IT ( XHTML & CSS ) Jumlah SKS : 2 SKS Semester : 1 Deskripsi Mata Kuliah : Mata kuliah ini
MENAMPILKAN 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:
BAB 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)
PEMBUATAN 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,
CSS Cascading Style Sheet
CSS Cascading Style Sheet Pemrograman Web 1 Genap 2011-2012 CSS Lanjut CSS Dimension Berfungsi untuk mengatur panjang dan lebar dari sebuah elemen HTML. contoh: height:100px; width:200px; Nilai/ value:
XHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: [email protected] Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
Website Fakultas Pendidikan Ekonomi dan Bisnis (FPEB) Universitas Pendidikan Indonesia (http://fpeb.upi.edu)
Website Fakultas Pendidikan Ekonomi dan Bisnis (FPEB) Universitas Pendidikan Indonesia (http://fpeb.upi.edu) Copyright 2012 KATA PENGANTAR Dalam memenuhi kebutuhan informasi profil, kegiatan dan informasi-informasi
Cara Mengelola Isi Halaman Web
Cara Mengelola Isi Halaman Web MEMBUAT, MEMBUKA, DAN MENYIMPAN DOKUMEN HTML Membuat dokumen HTML kosong baru : - Pada tampilan windows, pilih menu File > New. Untuk membuka file HTML yang sudah ada : -
Farhan Perdana
Galeri Foto Advanced dengan HTML Farhan Perdana [email protected] http://aniplasma.co.nr Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas
1. Teori MODUL 1 HTML. Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML
MODUL 1 HTML Tujuan: Mampu menjelaskan pengertian HTML,Struktur Dasar, Tag Tag HTML, dan mampu membuat aplikasi dengan menggunakan tag HTML Tugas Pendahuluan 1. Apakah yang anda ketahui tentang World Wide
Area 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,
: PRAKTIKUM CSS 3 [Color dan Background] NAMA : KELAS : TANGGAL PRAKTIKUM :
![: PRAKTIKUM CSS 3 [Color dan Background] NAMA : KELAS : TANGGAL PRAKTIKUM :](/thumbs/54/33811089.jpg ": PRAKTIKUM CSS 3 [Color dan Background] NAMA : KELAS : TANGGAL PRAKTIKUM :")
PRAKTIKUM : PRAKTIKUM CSS 3 [Color dan Background] NAMA : KELAS : TANGGAL PRAKTIKUM : A. TUJUAN 1. Siswa dapat mengenal, memahami serta mengimplementasikan property color pada halaman web. 2. Siswa dapat
PENGGUNAAN SINGKATAN
PENGGUNAAN SINGKATAN Adakalanya kita hanya mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag , Anda
Materi. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image
Pengenalan HTML Materi I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image I. Pengenalan HTML WWW HTML Browser dan Editor I. PENGENALAN HTML World Wide Web Internet merupakan jaringan global yang
Edisi UNIVERSITAS NEGERI SEMARANG. Badan Pengembangan Teknologi Informasi dan Komunikasi. Modul Pelatihan H T M L
Edisi 1 UNIVERSITAS NEGERI SEMARANG Badan Pengembangan Teknologi Informasi dan Komunikasi Modul Pelatihan H T M L U N I V E R S I T A S N E G E R I S E M A R A N G Modul Pelatihan HTML Akhmad Munawar http://about.me/akhmad.munawar
Mengelola Bagian Utama Website Sekolah
Mengelola Bagian Utama Website Sekolah Mengelola bagian utama Website Sekolah dibagi menjadi 3 kate gori pokok, yakni: Mengelola Admin Merubah Disain Banner Atas Melengkapi Profil Sekolah A. Mengelola
Catatan: Untuk menampilkan gambar bersamaan dengan teksnya maka, pada gambar ditambahkan atribut align, yang bisa diisi nilai top, center, dan bottom.
Image HTML Sebuah gambar berbicara seribu kata, pepatah yang sering digunakan orang untuk menunjukkan terkadang gambar bisa berbicara lebih baik dari penjelasan yang panjang lebar. Gambar di dalam suatu
Tutorial Pembuatan Website dengan Menggunakan Dreamweaver
Mengenal tampilan dreamweaver Mendefinisikan Local site site Membuat halaman baru Membuat tabel,frame dan layer Memasukkan gambar Membuat rollover image Memasukkan flash button dan teks button Mendeteksi
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR)
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR) MATERI KULIAH SEMESTER 3 D3 TEKNIK INFORMATIKA STMIK AMIKOM YOGYAKARTA 2009 Disusun Oleh : ANGGIT DWI HARTANTO, S.KOM MODUL II CASCADING STYLE SHEET (CSS) I. PENGERTIAN
BUKU PANDUAN WEB DESIGN
BUKU PANDUAN WEB DESIGN DAFTAR ISI 1. PENDAHULUAN... 1 2. KUMPULAN TAG HTML... 2 3. STRUKTUR DASAR HTML... 3 4. MEMBUAT DOKUMEN HTML... 4 5. RANCANGAN STRUKTURAL TEXT... 5 6. LATAR BELAKANG DAN WARNA...
Menampilkan Images, Audio, Video, dan Membuat Tabel
Menampilkan Images, Audio, Video, dan Membuat Tabel Wahyu Widodo, S.Kom.,M.Kom Praktik Pertemuan 5 : Menampilkan Images Menampilkan Audio Menampilkan Video Membuat Tabel Menampilkan Images Rumus menampilkan
Tag 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