• Terbaru

    Latian membuat Web 2, Frame

    Kali ini saya ingin posting tentang membuat web, untuk pemula (seperti saya), malah waktu belajar browsing dulu di forum web luar negeri taunya masih 2005 (ketinggalan 7 taun WEW), misal membuat web dengan link ke halaman lain, gimana caranya supaya saya tidak membuat banyak file html dengan tampilan yang sama ?, maksud saya misal membuat file mainpage.html di sini ada tampilan header ,banner,footer, dan tampilan yang lain lain.

    mainpage.html
    <html>
    <head>
    <title>judul</title>
    <style>
    CSS dll, script untuk tampilan halaman utama
    </style>
    </head>
    <body>
    <ul>
    <li>Menu 1</li>
    <li>Menu 2</li>
    <li>Menu 3</li>
    </ul>
    </body>
    </html>


    Ketika ingin membuat halaman web lagi yang di link ke web itu tapi dengan tampilan yang sama persis seperti mainpage.html sebut saja yang ini sub menu ny web/halaman lain web, dan pengenya sih ketika link di klik dan pindah ke halaman lan cuman isi dari halaman itu aja yang di load ga sama header,dll nya, makanya di halaman yang lain tidak di tuliskan tampilan banner,dll nya, cuman isi nya saja pake html / php.

    contohlainhalaman.php

    <html>
    <head></head>
    <body>
    isinya saja
    </body>
    </html>

    Di link pake frame,
    frame ini fungsiya buat membuka tampilan web lain di satu halaman, jadi bisa satu halaman dua tampilan atau di dalam frame itu ada halaman web lain yang di tampilkan, nah buat nge link web yang tadi buat link tapi di arahkan ke frame. Tapi di cotoh saya isi pake link google di menu, sesuaikan saja, ganti alamat link sama halaman web isi.

    link di menu
    <a href="http://alexander-zulkarnain.blogspot.com" target="f1">menu 1</a>
    <a href="http://www.unpam.ac.id/" target="f1">menu 2</a>
    <a href="http://www.arrahmah.com/" target="f1">menu 3</a>


    bikin frame di tempat yang kelihatan keren di web
    <iframe name="f1" width="90%"; height="700px">

    jadinya kaya gini :
    //menu dngan frame coba klik menu 1, menu 2, atau menu 3.


    //menu dgn frame




    Ada alternatif lain sebenernya bisa aja nulis kaya gini, tapi yang ini nge load header,menu,footer ke halaman yang di link:

    <?php
    include ('header.php');
    include ('menu.php');
    ?>
    <!--
    disini di tempatin html nya
    -->
    <?php include ('footer.php'); ?>

    And that's how we do it :) , silakan modifikasi sendiri, selamat belajar.

    No comments

    Saya sangat berterimakasih apabila sahabat sekalian bersedia untuk tidak meninggalkan spam dan meninggalkan komentar yang berhubungan dengan artikel di atas.