Scribd Logo
Unggah

Selamat datang di Scribd!

  • Font&Frame

    Diunggah oleh

    Jhony Panannangan
    1 tayangan24 halaman
    Untuk para pemula pemrograman web dengan html

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPT, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Untuk para pemula pemrograman web dengan html

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPT, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    1 tayangan24 halaman

    Font&Frame

    Diunggah oleh

    Jhony Panannangan
    Untuk para pemula pemrograman web dengan html

    Hak Cipta:

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

    PEMROGRAMAN WEB I

    Oleh:
    I Wayan Simpen
    Agenda

    • Font & CSS


    • Frame

    By I Wayan Simpen
    Font
    • Atribut Tag Font
    Atribut Kegunaan
    Size=“n” Menentukan ukuran font
    sebesar n (n=1..7)
    Size=“+n” Menaikkan ukuran font
    sebesar n
    Size=“-n” Menurunkan ukuran forn
    sebesar n
    Face=“Nama_Font” Menentukan jenis fornt
    Color=“Warna” Menentukan warna font
    By I Wayan Simpen
    Contoh:

    • Penggunaan <Font Size=“”>


    <BODY>
    <FONT SIZE=1>FONT SIZE=1</FONT><br>
    <FONT SIZE=2>FONT SIZE=2</FONT><br>
    <FONT SIZE=3>FONT SIZE=3</FONT><br>
    <FONT SIZE=4>FONT SIZE=4</FONT><br>
    <FONT SIZE=5>FONT SIZE=5</FONT><br>
    <FONT SIZE=6>FONT SIZE=6</FONT><br>
    <FONT SIZE=7>FONT SIZE=7</FONT>
    </BODY>

    By I Wayan Simpen
    Hasil

    By I Wayan Simpen
    Menggunakan Font Color
    <HTML>
    <BODY BGCOLOR="SILVER">
    <FONT SIZE=1>FONT SIZE=1</FONT><br>
    <FONT SIZE=2 Color="blue">FONT SIZE=2</FONT><br>
    <FONT SIZE=3 color="red">FONT SIZE=3</FONT><br>
    <FONT SIZE=4 color="#00EEff">FONT SIZE=4</FONT><br>
    <FONT SIZE=5 color="green">FONT SIZE=5</FONT><br>
    <FONT SIZE=6 color="yellow">FONT SIZE=6</FONT><br>
    <FONT SIZE=7 color="#ff8800">FONT SIZE=7</FONT>
    </BODY>
    </HTML>

    By I Wayan Simpen
    Hasil

    By I Wayan Simpen
    Menggunakan <Font face=“”>
    <BODY BGCOLOR="SILVER">
    <FONT SIZE=6>
    <FONT face="Arial Black">Font Arial
    Balck</font><br>
    <FONT face="Tahoma">Font Tahoma</font><br>
    <FONT face="Comic Sans MS">Font Comic Sans
    MS</font><br>
    <FONT face="Time New Roman">Font Time New
    Roman</font><br>
    <FONT face="Arenski">Font Arenski</font>
    </BODY>
    By I Wayan Simpen
    Hasil

    By I Wayan Simpen
    Contoh Lain
    <body bgcolor="silver">
    <p><FONT face="Tahoma" size="6" color="red">
    Apakah dokumen HTML itu ?</font>
    <p align="justify"><FONT face="Comic Sans MS"
    color="green">
    Adalah file teks reguler (file ASCII) yang diciptakan
    dengan menggunakan editor teks (misalnya,
    Notepad dalam Windows, Emacs atau vi dalam
    Unix/Linux) atau dengan menggunakan word
    processor, yaitu bila menyimpannya dalam format
    "text only with line breaks"</font>

    By I Wayan Simpen
    <p><FONT face="Time New Roman"
    Color="Blue">
    Adalah dokumen yang tampil dalam Web, dimana
    semua orang dalam
    seluruh jaringan Internet di seluruh dunia dapat
    mengaksesnya
    </body>

    By I Wayan Simpen
    Hasil

    By I Wayan Simpen
    CSS
    • CSS (Cascade Style Sheet) merupakan
    fitur baru dari HTML hal ini diperlukan agar
    manajemen pages menjadi lebih mudah
    dan efesien.
    • Aturan Penggunaan CSS

    Selector {property:Value}

    By I Wayan Simpen
    Jenis CSS

    CSS Internal

    CSS CSS in Line

    CSS External

    By I Wayan Simpen
    <HTML> CSS Internal
    <HEAD>
    <style>
    body {background-color:silver}
    h1 {color : red}
    h2 {color : blue}
    p {font-size:10pt; margin-left: 15px; text-
    align:Justify}
    A:Link {color:Blue}
    A:Visibled {color:red}
    A:Ative {Color:green}
    A:Hover {color:maroon; font-weight:bold}
    </style>
    </HEAD>
    <BODY> ……..</BODY><HTML>
    By I Wayan Simpen
    CSS External
    Buat Dokumen dengan nama Format.CSS
    yang isinya sebagai berikut:

    body {background-color:silver}
    h1 {color : red}
    h2 {color : blue}
    p {font-size:10pt; margin-left: 15px; text-
    Align:Justify}
    A:Link {color:Blue}
    A:Visibled {color:red}
    A:Ative {Color:green}
    A:Hover {color:maroon; font-weight:bold}
    By I Wayan Simpen
    Cara Memangil CSS
    • Tempatkan perintah berikut pada antara
    tag <HEAD> dan </EHAD>

    <HEAD>
    <Link rel="stylesheet" type="text/css"
    href="format.css">
    </HEAD>

    By I Wayan Simpen
    Contoh Lain:

    By I Wayan Simpen
    FRAME

    • Untuk membangun web page yang


    memungkinkan menampilkan beberapa
    web page dalam satu window browser.
    • Untuk memperjelas penyajian informasi
    dan biasanya disediakan menu pilihan.

    By I Wayan Simpen
    Bentuk umum Frame

    <FRAMESET BORDER=# ([rows|cols}=(#, [#


    [,..]])>
    <FRAME SRC=“url” NAME=“namaFrame”>
    </FRAMESET>

    By I Wayan Simpen
    Target Frame
    Nama Frame Kegunaan
    Target frame adalah frame tempat
    _self
    link berada
    Target frame adalah window
    _top tempat frame berada (frame yang
    lain akan hilang)
    Target frame adalah setingkat di
    _parent
    atas link berada
    _blank Membuka pada window baru

    By I Wayan Simpen
    Contoh:
    • Buat 3 dokumen html dengan nama masing-
    masing: Atas.htm, Kiri.htm, dan Kanan.htm
    • Buat frame seperti berikut:
    <HTML>
    <HEAD><TITLE>Frame</TITLE></HEAD>
    <FRAMESET FRAMESPACING="1" ROWS="92,*">
    <FRAME NAME="judul" SCROLLING="no"
    NORESIZE src="Atas.htm">
    <FRAMESET COLS="180,*">
    <FRAME NAME="menu" SRC="Kiri.htm"
    SCROLLING="no">
    <FRAME NAME="main" SRC="Kanan.htm">
    </FRAMESET>
    </FRAMESET>
    </HTML>
    By I Wayan Simpen
    Hasil

    By I Wayan Simpen
    Contoh Lengkap

    By I Wayan Simpen

    Anda mungkin juga menyukai