Scribd Logo
Unggah

Selamat datang di Scribd!

  • Materi Perancangan Home Page

    Diunggah oleh

    HervaES
    4 tayangan24 halaman
    Untuk materi pertemuan pertama

    Judul Asli

    Materi Perancangan Home Page.ppt

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Untuk materi pertemuan pertama

    Hak Cipta:

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

    Materi Perancangan Home Page

    Diunggah oleh

    HervaES
    Untuk materi pertemuan pertama

    Hak Cipta:

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

    Pengenalan

    • Lecture
    • Penilaian
    • Tujuan Pembelajaran

    • Kemampuan dari Hasil Pembelajaran

    >> Introducing Website


    Definisi
    Menurut Wikipedia :

    Terminologi website adalah kumpulan dari


    halaman-halaman situs, yang biasanya
    terangkum dalam sebuah domain, yang
    tempatnya berada di dalam world wide web
    (www) internet.

    Penemu website Sir Timonthy John “Tim”


    Bernes-Lee.
    Website yang tersambung dengan jaringan
    pertama kali muncul pada tahun 1991.
    Jenis Website

    • Website Static : website tidak


    dimaksudkan untuk diupdate secara
    berkala.
    • Website Dynamic : website yang secara
    berkala, informasinya di dalam berubah
    dengan berbagai macam cara atau
    metode (HTTP Cookies, sejarah
    kunjungan, variabel session dll)
    Content

    Using the following :


    1. Look Website
    2. Layout Website
    3. Media Elements Website
    Look
    Tampilan dan nuansa situs, font, warna
    latar belakang dan gambar yang
    kompatibel dengan tampilan dan nuansa
    situs.
    Layout

    Organisasi konsisten dari halaman ke


    halaman.
    Media Element
    • Situs memiliki gambar, suara dan / atau
    animasi.
    • Media elemen meningkatkan mengelola
    situs atau konten.
    Aplikasi Pembuat Website
    Sederhana
    Notepad
    Dreamweaver
    Graphic file formats

    • GIF (.gif)
    • JPEG (.jpeg)
    • PNG (.png)
    GIF

    • 256 solid colors (Kepadatan Warna)


    • 1 transparent color per image
    • Animate gif files
    JPEG

    • 16.7 million colors (Kumpulan warna dan


    bayangan)

    • No transparency
    • No animation
    • Lossy (setiap kali Anda menyimpan jpeg, file menjadi
    lebih kecil dan kehilangan kualitas)
    PNG

    • 16.7 million colors (Kumpulan warna dan


    bayangan)

    • 256 transparent colors per image


    Apa itu HTML ?
    Logika Perbandingan HTML

    HTML :
    1+1=1+1
    (frame)

    Php :
    1+1=2
    (Terolah)
    Penjelasan Teori Singkat
    HTML

    Menurut Wikipedia HTML adalah:

    HyperText Markup Language (HTML)


    Adalah sebuah bahasa markup
    yang digunakan untuk membuat
    sebuah halaman web dan
    menampilkan berbagai informasi di
    dalam sebuah browser Internet.
    ■ HTML berupa kode-kode tag yang
    menginstruksikan browser (seperti
    Mozilla Firefox atau MicrosoftMicrosoft
    Internet Explorer) untuk menghasilkan
    tampilan sesuai dengan yang diinginkan.
    ■ HTML dokumen tersebut mirip dengan
    dokumen teks biasa, hanya dalam dokumen
    ini sebuah teks bisa memuat instruksi yang
    ditandai dengan kode atau lebih dikenal
    dengan TAG tertentu.
    STRUKTUR DASAR DOKUMEN HTML

    Dalam penggunaannya sebagian


    besar kode HTML tersebut harus
    terletak di antara tag kontainer.
    Yaitu diawali dengan <namatag>
    dan diakhiri dengan </namatag>
    (terdapat tanda "/").
    Sebuah halaman web minimal
    mempunyai empat buat tag, yaitu :
    ■ <HTML> Sebagai tanda awal dokumen HTML.

    ■ <HEAD> Sebagai informasi page header. Di dalam tag ini


    kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK,
    SCRIPT, STYLE & META.

    ■ <TITLE> Sebagai titel atau judul halaman. Kalimat yang


    terletak di dalam tag ini akan muncul pada bagian paling
    atas browser Anda (pada title bar).

    ■ <BODY> Di dalam tag ini bisa diletakkan berbagai page


    attribute seperti warna latar belakang, warna teks, warna
    link, warna visited link, warna active link dan lain-lain.
    Contoh Dokumen HTML
    <HTML>
    <HEAD>
    <TITLE>Website saya yang
    pertama</TITLE>
    </HEAD>
    <BODY>
    Hello World !
    </BODY>
    </HTML>
    Catatan: Dokumen HTML dibuat
    dengan
    Penyimpanan Dokumen HTML
    ■ Simpanlah file tersebut, bukan sebagai
    file teks (.txt), tetapi sebagai file html.
    ■ Simpan dengan nama hal1.html di suatu
    folder baru. Kalau anda bingung
    bagaimana melakukannya, inilah yang
    harus anda lakukan.... Di window Notepad
    klik File kemudian Save As.
    ■ Anda akan menghadapi dialog box. Buat
    folder baru  
    Beri nama foldernya.
    ■ Kemudian klik dua kali untuk
    membukanya. Di kotak File name:
    tuliskan hal1.html
    ■ Pada kotak Save as type: pastikan bahwa
    jenis file ini adalah All Files (*.*)
    ■ Kemudian tekan tombol Enter!
    Sekian Perjumpa’an Kita
    Terimakasih..
    Sampai bertemu di Minggu
    depan..

    Anda mungkin juga menyukai