Scribd Logo
Unggah

Selamat datang di Scribd!

  • Background Menyatu Pada Frameset

    Diunggah oleh

    Rhafi Fauzhi
    64 tayangan6 halaman
    menyatukan gambar frameset background

    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
    menyatukan gambar frameset background

    Hak Cipta:

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

    Background Menyatu Pada Frameset

    Diunggah oleh

    Rhafi Fauzhi
    menyatukan gambar frameset background

    Hak Cipta:

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

    1. Pilih Gambar dengan ukuran sesuai dengan resolusi layar monitor lebih besar juga tidak apa apa.

    2. Gunakan software editting picture (disini menggunakan photoshop cs4).


    3. Buat website dengan frameset seperti,
    <html>
    <head>
    <title>frameset</title>
    </head>
    <frameset rows=70,80,* border=0>
    <frame src=file.html>
    <frame src=file.html>
    <frame src=file.html>
    </frameset>
    </html>

    4. Buat Background Website dengan Photoshop.


    Buka Photoshop cs4 dan masukan gambar yang akan dijadikan background website.
    Duplikat gambar dengan ctrl+j.
    Gunakan Rectangular Marquee Tools untuk membagi gambar sesuai dengan frameset.

    Seleksi bagian atas gambar sesuai ukuran dengan menggunakan Rectangular Marquee Tools.
    Lalu tekan ctrl+x dan lalu ctrl+v, maka akan muncul Layer baru dan bagian yang di seleksi
    akan hilang.

    Klik mata pada layer 2, maka objek yang tadi di seleksi akan hilang.
    Lakukan seleksi kembali pada gambar (klik layer 1)

    Klik mata pada layer 3. Klik kembali layer 1

    Setelah itu hilangkan semua mata pada layer, untuk layer background kita delete.

    Klik Layer 2 dan klik mata pada Layer 2. lalu drop ke bagian atas.

    Lalu save dengan nama b1 format .png, save satu folder dengan file html. (ctrl+shift+s)

    Lakukan Hal yang sama pada layer 1 dan 3, dan save dengan format .png, untuk nama file
    bebas.
    Maka Kita memiliki 3 layer, dan 3 layer tersebut digunakan untuk layer 1 itu main, layer 2 itu
    head dan layer 3 adalah menu.
    Pembuatan Background selesai. Selanjutnya membuat file html frameset, head, menu dan
    main.

    5. Membuat File Html.


    Buat file Head dengan script.
    <html>
    <head>
    <title>Head</title>
    </head>
    <body background="b1.png" style="background-attachment:fixed">
    </body>
    </html>

    Buat file menu dengan script.


    <html>
    <head>
    <title>menu</title>
    </head>
    <body background="b2.png" style="background-attachment:fixed">
    </body>
    </html>

    Buat file main dengan script.


    <html>
    <head>
    <title>main</title>
    </head>
    <body background="b3.png" style="background-attachment:fixed">
    </body>
    </html>

    Buat website dengan frameset seperti.


    <html>
    <head>
    <title>frameset</title>
    </head>
    <frameset rows=70,80,* border=0>
    <frame src=file.html>
    <frame src=file.html>
    <frame src=file.html>
    </frameset>
    </html>

    6. Didalam Folder memiliki file

    7. Hasilnya Seperti Ini

    Gambar tidak full karena masalah resolusi gambar. Jika gambar ingin full maka kecilkan resolusi
    gambar.

    Anda mungkin juga menyukai