RINGKASAN HTML

A. EDITOR PROGRAM

Merupakan suatu aplikasi yang dapat digunakan untuk membantu dalam membuat program tertentu.Saat ini tersedia banyak sekali editor program-program

contoh:notepad,netbeans (java), dreamweaver (design situs web)

Dreamweaver adalah sebuah perangkat lunak yang secara khusus dibuat untuk membantu membangun situs web secara mudah dan tepat,dengan meyediakan fasilitas yg membantu penggunanya untuk membuat halaman web dengan mudah.

Banyak keunggulan dari beberapa Macromedia Dreamweaver yang mejadikannya banyak di gunakan dalam situs web antara lain:

Tampilan(interface) Dreamweaver mudah dimengerti oleh pengguna dari semua tinkatan.
Dreamweaver cukup tangguh untuk membangun berbagai type situs web
Selalu menjdi perangkat lunak yg pertama yang selalu medukung teknologi web terkini
Dreamweaver Merupakan editor berbasis WYSIWYG(WHAT YOU SAY IS WHAT YOU GET) yang berati apa yang nampak di editor sama seperti yang akan ditampilkan di web browser
Dreamweaver terintegrasi dgn produk macromedia lain seperti Macromedia FREEHAND dll
Macromedia Dreamweaver untuk membuat dan mengedit 3 jenis script:

HTML dan XHTML
HTML (HyperText Markup Language) merupakan bahasa markup yg digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi didalam sebuah halaman web browser(internet) rankaian printah(scrip)html& dikendalikan oleh W3C(world wide web consotium).

HTML memiliki kemampuan yg kurang lebih mirip HTML tapi dengan tampilan sinTEXT yg lebih ketat .CSS(cascading style sheets merupakan suatu basa style sheet yg di gunakan untuk mengatur tampilan suatu dokumen. CSS digunakan untuk menentukan warna,jenis huruf, tata letak, dan berbagai lain dokumen.

Dokumen HTML memuat intruksi yg ditandai dgn kode ateu lebih dikenal TAG.Tag HTML terdiri dari tag pembuka dan tag penutup.

contoh:jika ingin menampilkan teks mjd huruf tebal ……….

Sedangkan HTML (Extensible HyperText Markup Language) merupakan bahasa markup penerus dan pengembang dr HTML yg mpy kemempuan mirip HTML,tp dgn aturan sintaks yg lebih ketat. HTML merupakan aplikasi dr SGML yg sangat fleksibel, sedangkan XHTML adalah aplikasi dari XML turunan SGML yg lebih terbatas.

2. CSS(Cascanding Style Sheets) merupakan suatu bahasa stylesheet yg digunakan untuk mengatur tampilan suatu dokumen yg ditulis dalam bahasa markup. CSS digunakan untuk menentukan warna,jenis huruf, tata letak, dan berbagai aspek tampilan dokumen.

3. Java script

merupakan bahasa pemrograman kecil yg berjalan disisi browser diman untuk menjalan kan browser harus mendukung java scrip

B. Web Browser

merupakan sebuah perangkat lunak(aplikasi)yg digunakan untuk menampilkan halaman-halaman web.

beberapa contoh web browser:

ms.internet eksploler(http://www.microsoft.com)
mozilla firefox(http://www.mozilla.org)
opera(http://www.opera.com)
safari(http://aplple.com/safari)
C. EDITOR GAMBAR(Images editor)

merupakan unsur yg pntng dlm design web.Editor gambar merupakan perangkat lunak/aplikasi yg dpt digunakan untuk membuat dan mengedit gambar.editor gambar dpt dibagi menjadi 2 jenis:

1. Pain program menghasilkan gambar dalam format bitmap atau raster.

contoh: adobe photoshop dan Macromedia fireworks.

2. Draw program merupakan jenis editor gambar yg menghasilkan file gambar dalam format vektor.

contoh:macromedia freehand dan adobe ilustrator.

D. EDITOR MULTIMEDIA

Jenis file multimedia diantaranya file audio,vidio,animasi. Jenis format file multimedia beserta plugin untuk membukanya:

*format multimedia

1. macromedia flash = fla/flv

2. macromadia shockwave = swf

3. real media = rtm

4. adobe acrobat = pdf

*tipe

1. animasi

2. animasi

3. streaming audio dan vidio

4. rich text document

*plugin

1. flash player

http://www.macromedia.com/

2. shockwafe player

http://www.apple.com

3. real player

http://www.real.com

4. acrobat reader

http://www.adobe.com

E. EDITOR WARNA

Beberapa software atau aplikasi yg digunakan dalam desig web,sebenarnya banyak juga yg menyertakan fasilitas untuk memilih warna dgn mudah.

contoh:

1. macromedia dreamweaver

2. adobe photoshop

3. color schemer http://www.colorscheme.com

HTML DASAR

Materi dasar dokumen HTML(tag, elemen, attribute)elemen head, elemen title, elemen body struktur dasar HTML (HyperText Markup Language) merupakan bahasa markup yg digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi didalam sebuah halaman web browser,untuk mengakses printah ** yg di spesifikan

STRUKTUR dasar dokumen html sbg:scrip html

<bodypenulis informasi web

Dari stuktur dasar html ini:

1. TAG adalah texs khusus (markup) berupa dua karakter “”, sbg conth .Secar umum tag d tulis dengan berpasangan yg trdir tag pembuka &tag penutup

2. Elemen yaittu tag pembuka isi dan tag penutup.ex untk menampilkan judul dokumen

Contoh scripnya

yang benar yg salah

…………………. …………………

3. ATTRIBUT untuk mendefinisikan properti dr suatu elemen HTML yg yg terdri atas nama & nilai

Contoh scripnya

nama-attr=”nilai-attr”

nama-attr=”nilai-attr”

…………………

>

…………….

atribut hars berada dalam tanda petik satun atau dua ex membuat warna kuning &bg ny hijau

4. Elemen HTML menyatakan pad a browser bahwa dokumen web yg digunakan adalah HTML SinTAXTS

5 Elemen HEAD merupakan kepala dr dokumen HTML, Tag&tag trltak diantara tag &tag

…………

6. Elemen title yaitu untuk judul dari htmlyg dtamplkan pd jendela browser

sintexts

7. Elemen body Untuk menampilkan isi dokumen html.Tag &tagtrltak pd &

sintexts

<bodytext=”v”bg color=”w”backgraun=”uni” link=7″alink=”y”=vlink=”z”

………………

LANGKAH2 mencoba HTML

1. bka notpet

2. ketik kode html

3. simpan & kemudian liat dgn d buka yg anda simpan tadi akan terlihat html nya

SCRIP kode HTML :

turun bwah
=tilisanya besar2
=tlisanya berubah menjadi merah
&nbse;:menambah 1 spasi
=ukuran tulisan berubah mnjadi ukurannya 7
/ untuk menebalkan tilisan
= untuk menggaris bwah tulisan
dan lain lain
scrip html

…………….

2. TAG HTML entyti

“=………..&QUO;

&=………&

=…………..&gt

spasi=…………&nbsp

dll

3. LIST

A. TDK Bernomor

  • ………..
  • ……..

    tampil nya

    ……………..
    …………….
    B. BERNOMOR(ORDERED LIST)

    1. …………

    tampilan nya=

    ………………

    tag adalah teks khusus (markup) berupa 2 karakter “(“dan”)”.
    Contoh : adalah tag nama body.

    element
    terdiri dari :
    tag pembuka
    isi
    tag penutup
    contoh penulisan tag yang benar:

    ….

    attribute adalah suatu element HTML yang terdiri atas nama depan nilai penulisannya.
    element HTML menyatakan bahwa dokumen web yang digunakan adalah HTML.
    element HEAD merupakan kepala dari dokumen HTML yang terletak antara tag html.
    element TITLE merupakan judul dari document html yang terletak antara tag head.
    alement BODY digunakan untuk menampilkan isi dokumen html.
    contoh kode html

    : turun satu baris (enter)
    : membuat tulisan besar
    <font color =”warna”tulisan” : mewarnai tulisan
    isi : mengganti ukuran tulisan
    isi : menebalkan tulisan
    isi : membuat garis bawah
    isi :membuat tulisan kecil
    isi : memberi coret tengah pada tulisan
    isi : membuat tulisan tanpak berkedip
    10. <body text = “…” : mengubah warna

    11. <body bg color =”…” : mengubah background

    12.

    : rata kiri

    13.

    : rata tengah

    14.

    : rata semua

    15.

    : rata kanan

    Tag HTML entity
    &qout; : “
    & : &
    &it; :
    & nbsp; :
    © : ©
    « : «
    » : »
    ± : ±
    &frac14; : ¼
    &frac 12; : ½
    %frac 34; : ¾
    tidak bernomor :

      Menbuat tag daftar

    • satu
    • dua
    • tiga

    bernomor :

    1. satu
    2. dua
    3. tiga

    definisi :

    membuat table
    contoh:

    nama tabel
    baris 1 kolom 1 baris 1 kolom 2
    baris 2 kolom 1 baris 2 kolom 2

    Ket :

    : mendefinisikan bahwa teks didalamnya merupakan buatan tabel

    : mendefinisikan penentuan ada / tidaknya ukuran border pada tabel

    : mendefinisikan bahwa teks di dalamnya akan berada dalam 1 baris suatu tabel

    : mendefinisikan dari suatu kolom
    membuat frame
    digunakan untuk membuat tampilan html terbagi menjadi berbagai bagian.

    Contoh :

    a

    b

    c

    d

    d

    e

    Ket:

    menentukan banyaknya baris dan tinggi masing masing frame
    memberikan nama pada frame pertama yang telah dibuat dan menentukan nama file yang akan digunakan dalam frame
    membagi baris kedua menjadi 2 kolom
    memberikan nama frame paling kiri pada baris kedua dengan nama left_menu
    mengakhiri pembuatan frame

    Ikuti

    Get every new post delivered to your Inbox.