yanuar ardhy

Konsep Hypertext Markup Language

Objektif

¡ Markup Language

¡ Web Page

¡ HTML

¡ XHTML

¡ Browser

Definisi

Markup Language

Markup language adalah sejenis pengkodean pada teks yang merepresentasikan teks sebagai suatu struktur detil tentang teks yang diperlihatkan.

Pada markup language modern, penggunanya yang sangat menyebar adalah HTML dan XML

Web Page

Web adalah sarana yang dapat membantu anda untuk mengemukakan ide-ide anda. Dalam merancang sebuah web site, sebaiknya anda menentukan :

• Tentukan tujuan membuat website.

• Tentukan halaman-halaman web apa yang diperlukan untuk website tersebut.

• Tentukan sasaran pembaca web yang anda buat.

• Usahakan menambah suara, gambar, animasi atau fitur-fitur agar web anda terlihat menarik.

Hyper Text Markup Language

Tag markup HTML biasanya disebut tag HTML

Tag HTML adalah kata kunci dikelilingi oleh tanda kurung siku seperti <html>
Tag HTML biasanya datang dalam pasangan seperti dan 
Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir
Mulai dan tag akhir juga disebut tag pembuka dan tag penutup

Contoh penulisan (tag) HTML

<html>
<head>
<title>website pertama</title>
</head>
<body>
Aku adalah teks tebal

Aku adalah teks tebal, bergaris bawah dan miring 
</body>
</html>

Fungsi masing-masing tag HTML

Fungsi	Notasi	Hasil
Garis Bawah	<u>Contoh Kalimat</u>	Contoh Kalimat
Huruf Miring	<i>Contoh Kalimat</i>	Contoh Kalimat
Huruf Tebal	<b>Contoh Kalimat</b>	Contoh Kalimat
Huruf Bercoret	<s>Contoh Kalimat</s>	~~Contoh Kalimat~~
Huruf Besar	<big>Contoh Kalimat</big>	Contoh Kalimat
Huruf Kecil	<small>Contoh Kalimat</small>	Contoh Kalimat
Huruf Agak Kebawah	<sub>Contoh Kalimat</sub>	_{Contoh Kalimat}
Huruf Agak Keatas	<sup>Contoh Kalimat</sup>	^{Contoh Kalimat}
Ukuran Huruf	<font face=&size=5>Contoh Kalimat</font>	Contoh Kalimat
Merubah Huruf	<font face="arial">Contoh Kalimat</font>	Contoh Kalimat
Merubah Huruf dan Ukuran Huruf	<font face="arial"size=1>Contoh Kalimat</font>	Contoh Kalimat
Link dengan target halaman baru	<a href="http://Contoh Kalimat.com/" target="_blank">Contoh Kalimat</a>	Contoh Kalimat

Extensible Hyper Text Markup Language (XHTML)

Definisi

singkatan dari Extensible Hipertext Markup Language adalah “bahasa baru” yang dibuat oleh W3C untuk menggantikan kedudukan HTML. Namun sebenarnya, XHTML adalah gabungan dari HTML dan XML. Sejak kelahirannya XHTML 1.0 pada tahun 2000, kemudian XHTML dirilis pada tahun 2001. Tentu saja dengan adanya XHTML tidak semata-mata hanya menggantikan, tentunya XHTML memiliki kelebihan dibandingkan dengan HTML. ( sumber: wordpress)

XHTML dibuat dengan tujuan agar terdapat sebuah “bahasa” standar yang dapat digunakan oleh aplikasi lain secara luas dan oleh platform yang berbeda. Dengan menggunakan XHTML, sebuah situs masih dapat dinikmati dengan baik menggunakan browser teks, PDA, Phone Cell, dan lain-lain. Sedangkan HTML hanya dapat dinikmati dengan baik bila menggunakan Web browser seperti IE atau Netscape. Hal ini memungkinkan halaman Web yang menggunakan HTML akan lebih dapat diterima secara luas oleh berbagai aplikasi.

Tiga tipe XHTML

XHTML sendiri di bagi menjadi tiga type dokumen yaitu :

STRICT. Puncaknya standard, gunakan ini apabila anda benar-benar menginginkan kode yang benar-benar terstruktur. Beberapa tag sudah dihilangkan disini seperti <iframe>. Anda harus mengkombinasikan antara XHTML dan CSS

TRANSITIONAL. Gunakan ini apabila anda ingin tampilan ditampilkan didalam file XHTML tidak di CSS

FRAMESET. Gunakan yang ini, jika anda ngotot ingin menggunakan frames

Contoh Deklarasi

1. Deklarasi XHTML Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2. Deklarasi XHTML Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

3. Deklarasi XHTML Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Konsep Web Programming (World Wide Web, HTTP, Internet)

¡ Definisi World Wide Web.

¡ Sejarah World Wide Web.

¡ Cara kerja Word Wide Web.

¡ Apa itu HTTP.

¡ Apa itu URL.

¡ Protokol Transfer.

¡ Domain Name System (DNS).

¡ Apa Itu Internet.

Definisi WWW

World Wide Web atau yang biasa disebut Web adalah suatu kumpulan informasi pada beberapa server komputer yang terhubung satu sama lain dalam jaringan internet.Informasi-informasi dalam web mempunyai link yang menghubungkan informasi tersebut ke informasi lain dalam jaringan internet .Link Mempunyai tanda Khusus. Bisa Berupa text bergaris bawah dab berwarna tanda khusus. Bisa berupa text bergaris bawah dan berwarna. Ikon maupun gambar yang dikelilingi

Sejarah World Wide Web (WWW)

Sejarah Web dimulai pada bulan Maret 1989 ketika Tim Berner-Lee yang bekerja di laboratorium Fisika Partikel Eropa atau yang dikenal dengan nama CERN (Consei European pour la Rechere Nuclaire) yang berada di Genewa Swiss. Mengajukan protokol (suatu tata cara untuk berkomunikasi)

Protokol ini yang selanjutnya dikenal sebagai World Wide Web dan dikembangkan oleh World Wide Web Consortium (W3C).

Cara kerja Word Wide Web

Secara Kronologis Urutan Proses Diatas Adalah :

¡ User Mengetik Alamat Website Pada Browser

¡ Browser Mengirim Request Dari User Melalui Protokol HTTP

¡ Server Merespon HTTP Request dari Browser

¡ Server Mengirim HTTP Respon ke Browser

¡ Browser Menampilkan Halaman Browser

¡ Apa itu HTTP

Ketika kita Mengunjungi sebuat situs katakanlah, http://www.facebook.com , ada sebuah proses dibalik layar yang tidak anda ketahui. Proses tersebut cukup kompleks namun, jika digambarkan dalam sebuah diagram sederhana :

Hyper Text Transfer Protocol (HTTP) ?

Hyper Text Transfer Protocol atau yang biasa dipanggil HTTP adalah suatu protokol untuk menentukan aturan yang harus diikuti oleh web browser dalam meminta atau mengambil suatu dokument melalui internet yang disediakan oleh web server yang dituju.

¡ Apa itu HTTP

Protokol ini merupakan protokol standar yang digunakan untuk mengakses dokumen HTML.

Contoh : Ketika anda membuka halaman web maka anda harus mengetik ke addressbar yang tersedia di masing-masing browser yang anda gunakan dengan format http://www.stikom.edu, ini merupakan salah satu penggunaan protokol HTTP dalam Web.

¡ Uniform Resource Locator (URL)

Apa itu URL?

URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu Web Server. Format umum suatu URL adalah :

Protokol transfer ://nama host/ path /nama file

¡ Uniform Resource Locator (URL)

¡ Protokol Transfer : adalah protokol yang digunakan oleh suatu browser untuk mengambil informasi.

§ Nama host : adalah nama dari komputer di mana informasi tersebut berada

§ Path/nama file : adalah jalur serta nama file dari suatu informasi.

¡ Uniform Resource Locator (URL)

Biasanya alamat yang diketik pada Address bar adalah protokol transfer dana nama host saja. Setelah homepage tampil maka anda tinggal link ke bagian tertentu dari Website tersebut.

Barikut Ini contoh lengkap pemanggilan URL :

http://sicyca.stikom.edu/login/index.html

¡ Uniform Resource Locator (URL)

Dengan Penjelasan :

http adalah protokol yang digunakan.
Stikom.edu adalah nama dari server komputer di mana informasi yang dicari berada.
Login adalah jalur/path dari inforasi yang dicari
index.html adalah nama file di mana informasi tersebut berada

¡ Protokol Transfer

Protokol Transfer adalah suatu protokol yan digunakan untuk pengiriman informasi di internet

¡ Protokol Transfer

Selain HTTP, dalam internet juga dikenal beberapa protokol lain, di antaranya adalah:

FTP (File Transfer Protokol) adalah suatu protokol yang berfungsi untuk tukar-menukar file dalam suatu network yang mensupport TCP/IP protokol. Dua hal penting yang ada dalam FTP adalah FTP server dan FTP Clien
Gopher adalah aplikasi yang dapat mencari content yang ada di Internet, tetapi hanya "text base" saja, atau berdasarkan teks.
HTTPS adalah versi aman dari HTTP, protokol komunikasi dari World Wide Web. Ditemukan oleh Netscape Communications Corporation untuk menyediakan autentikasi dan komunikasi tersandi dan penggunaan dalam komersi elektris.
NEWS.
TELNET adalah singkatan dari TELetype NETwork adalah sebuah protokol jaringan yang digunakan di koneksi Internet atau Local Area Network.Dengan menggunakan telnet anda bisa menggunakan komputer anda untuk berhubungan dengan komputer lain dan mencari atau mengambil informasi-informasi yang ada di komputer tersebut.

Dengan protokol-protokol tersebut, browser anda dapat bertindak sebagai client dari protokol tersebut

Domain Name System (DNS)

Komputer-komputer di internet menggunakan suatu format penamaan standart untuk mempermudah pengelolaan server di internet. Sistem penamaan server komputer di internet adalah Domain Name System (DNS).

¡ Domain Name System (DNS)

Beberapa contoh nama domain

¡ Com -> Organisasi Komersial contoh : yahoo.com

¡ Edu -> Organisasi Pendidikan contoh : stikom.edu

¡ Id -> Organisasi Komputer di Indonesia : google.co.id

¡ DLL.

¡ Network dan Internet

Apa itu network (jaringan komputer)?

Kumpulan dari beberapa komputer dan network device yang saling terhubung satu dengan lainnya

¡ Network dan Internet

Apa alasan kita menggunakan network?

¡ Network dan Internet

Apa itu Internet?

Kumpulan network (worldwide collection of networks) yang mengkoneksikan berjuta-juta pelaku bisnis, pemerintahan, institusi pendidikan, individu dsb sehingga bisa saling komunikasi dan bertukar informasi

Manfaat Internet

1. Gudang Informasi
Dengan adanya Internet, dunia ilmu pengetahuan semakin terbuka bagi kita, penyebaran informasipun semakin cepat, segala informasi di belahan dunia manapun dapat diperoleh dalam sekejap. Informasi yang tadinya sulit diperoleh, saat ini sudah bukan sesuatu yang sulit lagi. Ini semua dimungkinkan dengan adanya fasilitas Searh Engines, atau mesin pencari dalam dunia Internet, yang artinya adalah pencarian segala informasi yang kita perlukan, yang bisa saja berupa data, file, gambar, musik, maupun film.

2. Perpustakaan
Selain hal-hal tersebut diatas, Internet juga menyediakan fasilitas Perpustaakan Online, yang berupa kumpulan-kumpulan Web sites dari perpustakaan kelas dunia. Dalam Site ini kita dapat memperoleh buku-buku yang dapat kita baca secara online maupun offline (setelah kita download terlebih dulu) secara gratis, buku-buku tersebut mulai dari ensiklopedia, Novel, Iptek, dan sebagainya.

3. Pendidikan
Salah satu website yang ada di Internet yang dapat membantu kita mengembangkan Ilmu Pengetahuan dan Pendidikan kita adalah Website yang mengkhususkan pada Informasi seputar Pendidikan. Salah satunya adalah website dengan alamat: www.apasich.com. Website ini bermuatan lokal dan mencakup seluruh informasi, data serta statistik yang sangat dibutuhkan dalam perkembangan dunia Pendidikan dan Ilmu Pengetahuan di Tanah Air kita.

( sumber:perpustakaan-online.blogspot)

yanuar ardhy

Jumat, 25 Februari 2011

Pertemuan 2 (Resume Konsep HTML)

Pertemuan 1 ( Resume Konsep Web Programming )

Mengenai Saya

Blog Archive

Pengikut