pengenalan html - 4

10
Matakuliah Pengenalan Internet STMIK Palangkaraya Oleh : Suparno Email : [email protected] Blog : www.digdoyo.com Pengenalan HTML - 4 Membagi Halaman Web dengan Frame

Upload: baris

Post on 10-Jan-2016

33 views

Category:

Documents


0 download

DESCRIPTION

Pengenalan HTML - 4. Membagi Halaman Web dengan Frame. HTML – Frame. Agar lebih menarik maka halaman web dibagi menjadi beberapa bagian yang digunakan untuk menampilkan konten yang berbeda dalam satu halaman - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Pengenalan  HTML - 4

Matakuliah Pengenalan InternetSTMIK Palangkaraya

Oleh : SuparnoEmail : [email protected]

Blog : www.digdoyo.com

Pengenalan HTML - 4

Membagi Halaman Web dengan Frame

Page 2: Pengenalan  HTML - 4

HTML – Frame

• Agar lebih menarik maka halaman web dibagi menjadi beberapa bagian yang digunakan untuk menampilkan konten yang berbeda dalam satu halaman

• Pembagian halaman dilakukan dengan mendefinisikan masing-masing bagian yang diinginkan

• Element yang terdapat dalam Frame adalah : Frameset, Frame, dan Noframe

Page 3: Pengenalan  HTML - 4

Element Frameset

• Element ini berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian.

• Element ini memiliki attribute cols (membentuk kolom), rows (membentuk baris), border, bordercolor, frameborder (utk menampilkan border frame), dan framespacing (jarak antara frame).

• Element FRAMESET terletak di antara element HEAD dan BODY.

Page 4: Pengenalan  HTML - 4

Element Frameset

Syntax:<frameset cols="list” rows="list”

border="pixel” bordercolor="color” frameborder="yes"|"no” framespacing="pixel">...........................

</frameset>list = jumlah kolom/baris dengan lebar

masing-masing dlm persen (%)Misalnya “40%, 60%” atau “30%, 25%, 45%

Page 5: Pengenalan  HTML - 4

Element Frame

• Element FRAME untuk mendefinisikan frame yang terdapat dalam frameset.

• Element ini mempunyai attribute name (nama frame), marginheight, marginwidth, bordercolor, frameborder, noresize, scrolling, src (isi yang ditampilkan pada frame).

• Element ini tidak mempunyai tag penutup.

Page 6: Pengenalan  HTML - 4

Element Frame

Syntax:<frame name="name”

marginheight="pixel” maginwidth="pixel” bordercolor="color” frameborder="yes"|"no” noresize scrolling="yes"|"no” src="uri">

uri = alamat file (script html) yang akan ditampilkan sebagai isi frame dimaksud

Page 7: Pengenalan  HTML - 4

Element Noframes

• Element Noframes mendefinisikan isi yang akan ditampilkan jika sebuah frame tidak dapat diakses.

Syntax:<noframes>

.....................</noframes>

Page 8: Pengenalan  HTML - 4

File Pembentuk Frame

• File script html utama : yang digunakan untuk mendefiniskan web dengan bentuk frame, juga mengatur jumlah frame yang diinginkan

• File script html pengisi frame yang ada. Jika ada sebanyak 3 bagian frame dalam satu halaman maka file script html pengisi frame juga harus ada 3 file script yang ditampilkan pada masing-masing bagiannya.

• Biasanya file frame utama digunakan sebagai homepage-nya

Page 9: Pengenalan  HTML - 4

Contoh Halaman dengan Frame

Page 10: Pengenalan  HTML - 4

Bagaimana…?

• Buatlah sebuah halaman dengan element frameset sebanyak 4 (empat) frame

• Frame 1 untuk Header yang berisi judul/nama webnya

• Frame 2 untuk daftar/map link• Frame 3 untuk menampilkan isi dari

daftar• Frame 4 untuk Footer yang berisi

identitas Anda sebagai pembuatnya