::. Resume PWEB 1 .::

Dosen : P. Kurniawan Jatmika, S.kom

Devinisi HTML

HTML atau kepanjangan dari Hypertext Markup Language, yaitu bahasa yang digunakan untuk menulis halaman web. Gampangnya HTML itu bahasa yang mencerna maksud dari keinginan kita untuk di transfer di web yang tidak tergantung pada satu sistem operasi tertentu





Sejarah HTML

HTML ditemukan oleh Tim Barnes Iee yan sekarang mendapat gelar kehormatan "Sir".

HTML ditemukan pada tahun 1989 dan dikembangkan mulai tahun 1990 hingga maju pesat tanpa merubah cara kerja HTML. macam-macam versi HTML Sbb :

->HTML 2.0 resmi dikeluarkan pada bulan november 1995 oleh IETF (Internet Enginering Task Force) yang mana versi 2.0 ini merupakan penyempurnan dari HTML + (1993).

->HTML 3.0 (1995) memberikan kelebihan dari sebelumnya, tahun 1996 WWW Constrasium HTML Working Group menghasilkan HTML 3.2 Namun versi ini baru diresmikan pada bulan januari 1997.

WEB FORM

   Web form adalah suatu teknologi ASP.NET yang digunakan untuk membuat halaman web yang dapat diprogram. Web form dapat menampilkan informasi dengan menggunakan bahasa markup apapun kepada user dalam berbagai macam browser apapun dan menggunakan kode atau skrip pada server untuk mengimplementasikan logik aplikasi.
    Dengan web form dapat juga membuat halaman web yang dapat berjalan pada berbagai macam browser dimana secara otomatis web form akan menampilkan style, layout dan kode  tampilan sesuai browser.

sumber : elib.unikom.ac.id/download.php?id=757

MASTER PAGE

Master page adalah halaman template utama untuk semua halaman dalam website tersebut. Ini berisi menu, informasi hak cipta dan setiap konten yang diduplikasi di semua halaman di situs. Anda dapat memilih untuk memiliki situs multi-mode, sehingga tergantung pada item yang Anda pilih utama dari halaman pembuka Anda mendapatkan konten yang berbeda.

sumber : http://www.delicious-webdesign.com/website-design-uncovered.html

HTML TABLE
Tabel didefinisikan dengan tag <table>.
Sebuah tabel dibagi menjadi baris (dengan tag <tr>), dan setiap baris dibagi ke dalam sel data (dengan tag <td>). td singkatan dari "data tabel," dan memegang isi sel data. Sebuah tag <td> dapat berisi teks, link, gambar, daftar, formulir, tabel lain, dll
Tabel Contoh
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>    
Bagaimana kode HTML di atas terlihat dalam browser:
baris 1, sel 1     baris 1, sel 2
baris 2, sel 1     baris 2, sel 2

Tabel HTML dan Atribut Perbatasan
Jika Anda tidak menentukan atribut border, tabel akan ditampilkan tanpa batas. Kadang-kadang ini dapat berguna, tetapi sebagian besar waktu, kita ingin menunjukkan perbatasan.
Untuk menampilkan tabel dengan perbatasan, menentukan atribut border:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

HTML Tabel Header
Informasi header dalam sebuah tabel didefinisikan dengan tag <th>.
Semua browser utama akan menampilkan teks dalam elemen <th> sebagai berani dan terpusat.
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Bagaimana kode HTML di atas terlihat pada browser Anda:
Header 1     Header 2
baris 1, sel 1     baris 1, sel 2
baris 2, sel 1     baris 2, sel 2

 sumber : http://w3schools.com/html/html_tables.asp

 Hyperlink (Link)


Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat Anda klik untuk melompat ke dokumen baru atau bagian baru dalam dokumen ini.
Bila Anda memindahkan kursor ke suatu link di halaman web, tanda panah akan berubah menjadi tangan kecil.
Link yang ditentukan dalam HTML menggunakan tag <a>.
Tag <a> dapat digunakan dalam dua cara:

   1. Untuk membuat link ke dokumen lain, dengan menggunakan atribut href
   2. Untuk membuat bookmark dalam dokumen, dengan menggunakan nama atribut

Sintaks HTML Tautan
Kode HTML untuk link sederhana. Ini terlihat seperti ini:
<a href="url">Link text</a>
Atribut href menentukan tujuan link.
Contoh
<a href="http://www.w3schools.com/">Visit W3Schools</a>
yang akan menampilkan seperti ini: W3Schools Kunjungi
Mengklik hyperlink ini akan mengirim pengguna ke situs W3Schools '.
Tip: The " teks link "tidak harus berupa teks. Hal ini dapat menjadi gambar atau elemen HTML lainnya.
HTML Link - Atribut Target
Atribut target menentukan di mana untuk membuka dokumen yang terhubung.
Contoh di bawah ini akan membuka dokumen terkait dalam jendela browser baru atau tab baru:

Contoh
<a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>
HTML Link - Atribut Nama
Atribut name menentukan nama anchor.
Atribut name digunakan untuk membuat bookmark dalam dokumen HTML.
Catatan: Standar HTML5 mendatang menyarankan menggunakan atribut id bukan nama atribut untuk menentukan nama anchor. Menggunakan atribut id benar-benar bekerja juga untuk HTML4 di semua browser modern.
Bookmark tidak ditampilkan dalam cara khusus. Mereka terlihat bagi pembaca.
Contoh
Sebuah named anchor dalam sebuah dokumen HTML:
<a name="tips">Useful Tips Section</a>
Buat link ke "Bagian Tips Berguna" di dalam dokumen yang sama:
<a href="#tips">Visit the Useful Tips Section</a>
Atau, membuat link ke "Bagian Tips Berguna" dari halaman lain:
<a href="http://www.w3schools.com/html_links.htm#tips">
Visit the Useful Tips Section</a>



sumber : http://w3schools.com/html/html_links.asp



HTML IMAGE

Gambar HTML - Tag <img> dan Atribut Src
Dalam HTML, gambar didefinisikan dengan tag <img>.
Tag <img> kosong, yang berarti bahwa itu hanya berisi atribut, dan tidak memiliki tag penutup.
Untuk menampilkan sebuah gambar pada halaman, Anda perlu menggunakan atribut src. Src singkatan dari "sumber". Nilai dari atribut src adalah URL dari gambar yang ingin ditampilkan.
Sintaks untuk mendefinisikan gambar:
<img src="url" alt="some_text"/>
URL poin ke lokasi di mana gambar disimpan. Sebuah gambar bernama "boat.gif", yang terletak di direktori "images" pada "www.w3schools.com" memiliki URL: http://www.w3schools.com/images/boat.gif.
Browser menampilkan gambar di mana tag <img> terjadi dalam dokumen. Jika Anda menempatkan tag gambar antara dua paragraf, browser menunjukkan paragraf pertama, kemudian gambar, dan kemudian paragraf kedua.
Gambar HTML - Atribut Alt
Atribut alt diperlukan menentukan sebuah teks alternatif untuk gambar, jika gambar tidak dapat ditampilkan.
Nilai atribut alt adalah seorang penulis-didefinisikan teks:
<img src="boat.gif" alt="Big Boat" />
Atribut alt menyediakan informasi alternatif bagi gambar jika pengguna untuk beberapa alasan tidak bisa melihatnya (karena koneksi yang lambat, kesalahan dalam atribut src, atau jika pengguna menggunakan pembaca layar).
Gambar HTML -Mengatur Tinggi dan Lebar dari suatu Gambar
Tinggi dan atribut lebar digunakan untuk menentukan tinggi dan lebar dari suatu gambar.
Nilai atribut yang ditetapkan dalam piksel secara default:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" />

Sumber : http://w3schools.com/html/html_images.asp
control images
Perangkat mobile yang berbeda memiliki kemampuan tampilan yang berbeda.
Kontrol Gambar memungkinkan pengembang untuk menentukan berbagai jenis gambar untuk berbagai jenis perangkat.

Background

fungsinya adalah untuk mengatur apakah gambar latar belakang tetap atau gulungan dengan sisa halaman.
Sintak :
background: color position size repeat origin clip attachment image;

Nilai     Keterangan     CSS
background-color     Menentukan warna latar belakang yang akan digunakan     1
background-position     Menentukan posisi gambar latar belakang     1
background-ukuran     Menentukan ukuran gambar latar belakang     3
background-repeat     Menentukan bagaimana untuk mengulang gambar latar belakang     1
background-asal     Menentukan area posisi gambar latar belakang     3
background-klip     Menentukan area lukisan gambar latar belakang     3
background-attachment     Menentukan apakah gambar latar belakang tetap atau gulungan dengan sisa halaman     1
background-image     Menentukan SATU atau LEBIH gambar latar belakang untuk digunakan     1


Sumber : http://www.w3schools.com/cssref/css3_pr_background.asp

3.



->HTML versi terbaru adalah HTML 4.01 yang dikeluarkan oleh W3C secara resmi pada tangal 24 April 1998. Yang merupakan oerbaikan dari HTML 4.0 yang lebih dahulu diterbitkan pada 18 Desember 1997.


contoh :


Devinisi CSS

CSS kepanjangan dari Coscading Style Shect yang mana sebuah printah yang mampuy berjalan diantara tag HTML.

CSS berguna untuk membuat sebuah form templete pada tiap halaman WEB dengan mudah dan dinamis. yang mana script CSS dapat ditaruh di film terpisah dari file HTML ataupun dapat dijadikan satu dengan HTML.


Sejarah CSS

CSS versi terakhir sampai saat ini adalah CSS 2 atau yang sering dikenal dengan nama CSS versi 2 (dua) sebelum CSS dikembangkan pada tahun 1996 adalah lembaga konsorsium standarisasi web yang menyusun data proposal untuk pembuatan web.

CSS level 1 dengan berbagai fitur peraturan dan beberapa :

- jenis font

- warna, bacground dll.

CSS level 2, dikembangkan tahun 1998

CSS level 3, dekembangkan hingga sekarang.


Devinisi Scripting

Suatu program yang berbasis produktipe yang berjalan disisi Klien dan berjalan di Browse / Halaman web agar halaman web menjadi lebih hidup.



Sejarah Scripting

Pertama kali dikenalkan oleh Netscop tahun 1995, dulu sebelum dinamai java script adalah namanya live script yang berfungsi sebagai bahasa sederhana dalam browser net scape memberi nama java script pada bahasa yang digunakan untuk browser tersebut.