Sunday, July 7, 2013

Bab 2. Cara Kerja Web



Sebelum kita beranjak lebih jauh tentang bagainmana membuat suatu web. Adalah sangat penting bagi kita untuk memahami terlebih dahulu konsep HTML dan CSS secara utuh. 

HTML dan CSS tidak ada artinya jika tidak ada web browser (Apple SafariGoogle ChromeMozilla FirefoxMicrosoft Internet ExplorerOpera, dan lain-lain), karena browser adalah perangkat untuk menampilkan hasil dari kode HTML dan CSS. Dan tidak akan ada seorangpun kecuali teman-teman sendiri yang dapat melihat konten web kita jika tidak memasukkan konten web kedalam suatu web server. Web server memungkinkan konten web kita dapat dilihat oleh orang lain yang menggunakan web browser  mereka untuk mengakses alamat web kita.

Berikut adalah skema bagaimana web bekerja:

How The Web Works

Gambar 2.1

Seperti dapat teman-teman lihat pada gambar diatas, terjadi beberapa proses sebelum kita dapat melihat keseluruhan konten suatu web yang kita request dengan mengetikkan alamat suatu web pada web browser kita.

Sebagai contoh, adalah ketika kita berkunjung ke google.com

Gambar 2.2

Sebelum kita dapat melihat tampilan google seperti pada gambar, berikut adalah beberapa proses yang berjalan dibalik layar:
  1. Web server kita mengirimkan request ke google server, sejalan dengan kita mengetikkan google.com pada address bar
  2. Web server kemudian mencarikan konten web yang kita request, membukanya, dan mengirimkan konten web tersebut ke browser kita
  3. Web browser kita menerima konten web dari server, yang berisi kode-kode HTML
  4. Web browser menerjemahkan kode-kode HTML dan mengkaitkannya dengan konten google  sehingga tampak seperti yang terlihat pada gambar 2.2




Bab 1. Pengantar HTML

Tujuan tutorial HTML ini adalah berbagi ilmu tentang cara membuat Web dengan menggunakan HTML (Hypertext Markup Language)

HTML adalah suatu bahasa yang diperlukan oleh browser untuk menampilkan text, gambar, dan file agar menjadi satu kesatuan, sehingga terlihat seperti yang kita inginkan.

Bagaimana agar dapat mempelajari HTML dengan cepat? Pada tutorial ini, kami mencoba dengan menggunakan beberapa contoh yang terkait, dengan langkah-langka secara bertahap (stepbystep-tutorial). Dengan metode ini, kami berharap teman-teman dapat dengan mudah memahami.
Pada tutorial ini sebenarnya tidak hanya HTML saja yang dapat teman-teman pelajari, karena tidak hanya dengan HTML saja pada saat ini suatu web dibuat. Berikut adalah beberapa materi yang dapat teman-teman pelajari pada tutorial ini:

  1. XTHML (eXstensible Hypertext Markup Language) merupakan standar baru yang digunakan dalam membuat web.
  2. CSS (Cascading Style Sheets) merupakan salah satu cara untuk memodifikasi layout, fonts, warna, dan mengatur setiap aspek dari halaman web, termasuk juga gambar. 
  3. Mempublish halaman web kita, baik secara online maupun dalam suatu jaringan LAN.
Demikian kami sangat berharap teman-teman semua bersedia memberikan saran dan kritik tentang tutorial-tutorial yang ada pada stepbystep-tutorial

Untuk memulai tutorial HTML, silahkan klik Bab 2. Cara Kerja Web

Powered by Blogger.