FRAME Pada HTML STMIK – AMIK Jayanusa. A. Frameset dan Frame Frameset adalah sebuah tag untuk pendefenisan pembuatan frame ( ) Frame adalah teknik yang.

Slides:



Advertisements
Presentasi serupa
Matakuliah Pengenalan Internet
Advertisements

Image – Hyperlink – Form
Mengelola isi halaman web
Hyper Text Markup Language
SESION 3 : Memformat Dokumen html (lanjutan)
Pengembangan Web Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
STMIK PPKIA Pradnya Paramita
PEMROGRAMAN INTERNET STMIK PPKIA PRADNYA PARAMITA /LINDA SUVI RAHMAWATI
Reza Sulistyawan, S.Kom Pemrograman Web 1 1 Frame Frame memungkinkan satu halaman Web atau lebih ditampilkan pada sebuah jendela browser Halaman yang berbasis.
Zanial Mazalisa, S.Kom.,M.M
HTML.
F R A M E Frame? Halaman/page yang membagi tampilan browser menjadi
HTML - 3.
MEMBUAT WEB SEDERHANA.
HTML-LINK-LIST.
Pemrograman Web/TI/ AK /2 sks
HTML (Lanjut).
HTML (Table, Form, Frame, Hyperlink)
Bab 10 - Template Dreamweaver
HTML Basic.
LINK.
TABEL , FORM DAN FRAME.
FORM dan FRAME.
ADD-ON Dasar HTML.
Pertemuan 2 : HTML.
HTML (cont.) (Nelly Sofi). Peng. Komp & TI 2C2 Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen.
Internet dan Web By : Lisda Juliana P..
PEMBUATAN TABEL MATA KULIAH PEMROGRAMAN WEB Materi Kelima
Formatting Frame.
Tim FT Elektro UHAMKA HTML (Bagian 2)
Desain Web dengan Tag HTML
Mengelola isi halaman web
MEMBUAT WEB SEDERHANA.
MATERI PERKULIAHAN REKAYASA PERANGKAT LUNAK DISUSUN OLEH : KRISTIAWAN NUGROHO, M.KOM Fakultas Kesehatan.
FORM HTML Oleh : Fajar Y. Zebua.
HTML LANJUT.
Modul 4 STMIK IKMI CIREBON Oleh Dita rizki amalia.
PERTEMUAN 2 HTML (Lanjutan).
HTML PEMROGRAMAN INTERNET.
HTML.
Mengenal dan Teknik Pembuatan Frame
HTML (cont.) (Devi Indriani).
FORMAT LINK HTML Rizki Ramdani, S.T.
Mengenal dan Teknik Pembuatan Frame
HTML.
( Materi web HTML ) Membuat tabel.
Menu Drop Down.
Internet dan Web By : Lisda Juliana P..
PJ : Nuraini Purwandari
List, Image, Link dan tabel
Hyperlink & Form Pertemuan 11
Pemrograman Berorientasi Platform (IN315B)
Komputer aplikasi it-I (html)
Hyperlink and Form Session 10 & 11
Mengelola isi halaman web
Pertemuan ke 3 Ahmadi Sistem Informasi STMIK “BINA NUSANTARA JAYA”
Internet dan Web Ecking Mendrofha.
Link pada HTML Dyah Ayu Irawati, ST., M.Cs.
Pemrograman Basis Data Berbasis Web
F R A M E Komputer Aplikasi IT – 1.
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Dasar HTML Hypertext Markup Language Dasar HTML.
HTML Dasar PemrogramanWeb
Tag Dasar dan Format Teks pada Html
Pemrograman Web HTML (3) Memasukan file swf LINK Andy Haryoko, ST
STMIK PPKIA Pradnya Paramita Pemrograman berbasis Web
HTML (Hypertext Markup Language)
List dan Image pada HTML
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Pertemuan 2 HTML Basic (Text Formating, Link & Frame)
Transcript presentasi:

FRAME Pada HTML STMIK – AMIK Jayanusa

A. Frameset dan Frame Frameset adalah sebuah tag untuk pendefenisan pembuatan frame ( ) Frame adalah teknik yang digunakan untuk membagi window menjadi beberapa bagian. Setiap bagian kita isi dengan sebuah halaman web yang sesuai. Keuntungan dari penggunaan frame adalah mudahnya pengaturan hubungan antar satu halaman dengan halaman lainnya.

Frame dapat digunakan untuk berbagai macam keperluan, antara lain: 1. Membuat suatu daftar isi pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isinya 2. Membuat suatu judul atau logo yang tidak berubah-ubah pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isis dokumen 3. Membuat suatu dokumen tanya jawab, dll.

B. Attribut Frameset dan Frame Untuk attribut yang digunakan dalam Frameset yaitu : 1.BORDER, untuk menentukan tebal garis pemisah antar frame 2.ROWS, untuk menentukan berapa baris bagian yang akan dibentuk 3.COLS, untuk menentukan berapa kolom yang akan dibentuk. Untuk Attribut yang digunakan dalam Frame yaitu : 1. NAME, untuk memberi identitas/nama bagi frame tersebut. Fungsinya adalah ketika frame tersebut dijadikan target untuk menampilkan suatu halaman. SRC, menunjukkan file yang mengisi frame tersebut. SCROLLING, untuk menunjukkan apakah kita akan menggunakan scrolling bar di samping atau di bawah halaman, opsi inputnya adalah "YES, NO atau AUTO".

Contoh Frame Ini adalah contoh frame yang dibagi menjadi 6 Hasil :

C. Cara Membuat Frame HTML Sama halnya seperti membuat tabel, dalam mendefinisikan frame, hal pertama yang harus dilakukan adalah mendefinisikan dahulu bentuk frame yang akan dibuat, misalnya bentuk frame pada contoh berikut: Untuk membuat frame seperti Frame diatas, langkah awalnya adalah buat sebuah halaman yang bagi menjadi dua bagian terlebih dahulu secara horizontal seperti gambar berikut, kemudian dibagi lagi hingga seperti diatas

Untuk koding HTMLnya Frame

D. Cara mengisi Data di Layout Web yang Pakai Frame Untuk mengisi data pada layout frame tidak bisa secara langsung seperti layout table, kita harus memisahkan bagian file layout frame dengan file isi frame dengan kata lain ada 2 dokumen atau lebih, contoh : Seperti gambar contoh disamping terdapat 2 buah dokumen yang ditampilkan dalam sebuah frame yang mana dokumen tersebut adalah : 1.Dokumen untuk membuat tampilan frame 2.Dokumen untuk tampilan selamat datang

Langkah Pengerjaan Pertama buat dulu koding untuk menapilakan isi, dalam contoh kasus ini menampilakan kata “SELAMAT DATANG DI WEB SITE SAYA” lalu simpan file dengan nama : home.html SELAMAT DATA DI WEB SITE SAYA

Buat file untuk menampilkan frame dengan nama frame.html Frame Home.html adalah sebuah dokumen yang menampilkan “SELAMAT DATANG DI WEB SITE SAYA”

D. Hyperlink HTML menggunakan hyperlink untuk membuat link ke dokumen lain atau bagian lain dari dokumen di internet, yaitu dengan tag anchor. Tag anchor ini dapat merujuk ke berbagai jenis dokumen multimedia, seperti dokumen teks, gambar/image, suara, video, dan lain-lain

E. Attribut Pada Hyperlink 1. Attribut HREF digunakan untuk memberikan alamat link yang dikehendaki, sedangkanteks yang berada di antara tag dan akan ditampilkan sebagai hyperlink. Contoh : teks 2. Attribut target digunakan untuk mendefinisikan di mana dokumen pada link tersebut akan dibuka. Pada contoh di bawah ini target=”_blank” akan membuka dokumen pada window web browser baru. Secara default, tanpa atribut target dokumen akan dibuka pada window yang sama. Contoh : teks Sebuah image dapat dijadikan link. Sama halnya dengan pembuatan link dengan menggunakan teks seperti dijelaskan di atas, hanya saja untuk teks diganti dengan image, yaitu dengan menyisipkan tag di antara tag dan. Misal :