Scribd Logo
Unggah

Selamat datang di Scribd!

  • Materi HTML-11

    Diunggah oleh

    Danu Nugraha
    3 tayangan3 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    3 tayangan3 halaman

    Materi HTML-11

    Diunggah oleh

    Danu Nugraha

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 3

    BAB-11

    MERANCANG HALAMAN WEBSITE


    DENGAN MENGGUNAKAN FRAME HTML

    Pada bab ini, Anda diharapkan mampu membuat dan merancang halaman Website
    dengan menggunakan fasilitas Frame (pada Bab 7 dan 8, Anda merancang halaman Website
    dengan fasilitas Tabel). Kali ini kita akan mencoba dengan menggunakan fasilitas Frame.

    Adapun output yang diinginkan seperti contoh di bawah ini :

    Merancang Halaman Website dengan Script HTML 85


    PRAKTEK MODUL-11 :

    1. Untuk mengerjakan rancangan Website di atas, kerjakan script HTML berikut di bawah ini :

    a. File-1 : Header

    <html>
    <body>
    <table border=1 width=100%>
    <tr>
    <td width=15%><img src="cinta-1.jpg" width=150 height=100>
    <td background="J0164153.jpg"><font face="Bernard MT Condensed" size=6 color= yellow>
    <marquee>Welcome to My WebSite :</marquee>
    <br><font face="Broadway" size=10 color= blue><marquee direction=right>CINTA LAURA

    b. File-2 : Contents

    <html>
    <body bgcolor=pink>
    <table border=1 width=20% >
    <tr>
    <td bgcolor=black><font color=white>Option Menu :
    <tr>
    <td bgcolor=cyan><a href="home.html" target=kanan>Home</a>
    <tr>
    <td bgcolor=green><a href="about me.html" target=kanan>About Me</a>
    <tr>
    <td bgcolor=yellow><font color=blue><a href="education.html"
    target=kanan>Education</a>
    <tr>
    <td bgcolor=cray><a href="interest.html" target=kanan>Interest</a>
    <tr>
    <td bgcolor=black><font color=white>Web Favorite :
    <tr>
    <td bgcolor=violet><font color=yellow><a href="http://www.facebook.com" target =
    kanan> Facebook</a>
    <tr>
    <td bgcolor=cyan><a href="http://www.twitter.com" target=kanan>Twitter</a>
    <tr>
    <td bgcolor=green><a href="http://www.youtube.com" target=kanan>YouTube</a>
    <tr>
    <td bgcolor=orange><a href="http://www.yahoo.com" target=kanan>Yahoo</a>
    <tr>

    Merancang Halaman Website dengan Script HTML 86


    c. File-3 : Home

    <html>
    <body background="J0148309.jpg"><font color=yellow>
    <p align=center>Selamat datang di WebSite saya! Silakan Anda explore WebSite saya, mudah-
    mudahan ada hal-hal yaing menarik dan bermanfaat
    bagi Anda terutama bagi Anda yang ingin lebih jauh mengenal diri saya,Ok!</P>
    <center><br>Selamat menikmati!</center>

    d. File-4 : Index (Menggabungkan file bentuk Rows dan Cols)

    <html>
    <frameset rows=25%,*>
    <frame src="judul.html" noresize scrolling=no>

    <frameset cols=16%,*>
    <frame src="contents.html">
    <frame src="home.html" name=kanan>
    </frameset>

    Merancang Halaman Website dengan Script HTML 87

    Anda mungkin juga menyukai