Anda di halaman 1dari 5

Pengenalan Web Server

Apabila Anda ingin menjadi seorang web programmer, Anda harus lebih dahulu mengerti apa itu web server, dan bagaimana suatu situs web dapat berfungsi di internet. Ketika Anda browsing Internet, browser Anda bertindak sebagai klien yang akan disambungkan ke berbagai web server dan web server akan kembali menampilkan informasi dari suatu situs. Lalu apakah yang dimaksud dengan web server?? Webserver adalah server internet yang digunakan sebagai koneksi dan transfer data (HTML, asp, aspx, php, js, dan lain sebagainya). Komputer Anda dapat juga bertindak sebagai suatu web server jika Anda menginstal dan menjalankan aplikasi web server. Seperti Personal Web Server (PWS), IIS (Internet Information Services), atau Apache. Pada Windows, web server defaultnya adalah IIS. Namun, web server yg paling banyak digunakan adalah Apache. Web server apache ini lebih banyak digunakan oleh programmer pada saat ini karena web server apache merupakan web server yang paling kompatibel dan andal dengan PHP dan MySQL. Saat ini banyak software berbasis apache yang dapat kita gunakan sebagai web server. Di antaranya yang paling banyak digunakan adalah wampserver dan xampp. Kelebihan dua software tersebut adalah kita hanya cukup menginstal salah satunya, maka Apache dan MySQL akan terinstal juga, sehingga kita tidak usah menginstal berulang kali. Cukup simple bukan?

Pemrograman Dasar HTML dengan Notepad++


Langkah pertama untuk belajar HTML guna membuat webpage adalah menentukan editor teks yang digunakan untuk mengetikkan kode HTML. Dan itu sudah Anda lakukan sebelumnya, di mana penulis mencontohkan dengan Notepad++. (baca tulisan : Pemrograman HTML dengan Notepad++) Sekarang kita akan belajar dasar-dasar HTML dan akan langsung belajar sambil praktek. Ini adalah dasar-dasarnya, di bagian belakang dari tulisan ini akan dijelaskan lebih detail tentang tag-tag tertentu.

1. Apa Itu Tag HTML


Sebenarnya bahasa HTML untuk membuat halaman web sangat mudah untuk dipelajari. Untuk membuat halaman HTML, Anda cuma perlu mengetikkan teks, kemudian memasukkan tag-tag khusus di mana tag ini akan memengaruhi tampilan teks yang ada di antaranya. Jadi secara garis besar, format untuk menuliskan tag HTML adalah: <TAG>Teks yang akan dipengaruhi oleh tag</TAG>

Dari format di atas, Anda dapat melihat bahwa semua tag HTML ada 2 jenis, yaitu tag pembuka dan tag penutup. Perbedaan tag pembuka dan tag penutup adalah adanya penambahan karakter / di tag penutup sebelah nama tag tersebut. Misalnya untuk tag <title> akan ditutup oleh tag </title>. Jadi, seperti Anda perhatikan, HTML memformat teks dengan cara mengapit teks tersebut dengan awalan tag pembuka dan akhiran tag penutup. HTML sebenarnya cuma terdiri atas tag-tag seperti ini. Jadi, apa yang harus Anda lakukan sebagai webmaster adalah dengan mengutak-atik tag ini dan menerapkannya pada tempat yang seharusnya agar Anda mendapatkan tampilan hasil akhir halaman web sesuai dengan keinginan Anda.

2. Mendefinisikan Struktur Halaman


Dari sekian banyak tag yang ada. Tag-tag yang wajib ada di setiap webpage adalah tag yang mendefinisikan struktur halaman. Tag ini wajib hukumnya ada di setiap halaman web. Untuk mendefinisikan struktur dokumen HTML, bagian awal dari semua kode harus diawalidengan kode <html> dan kemudian ditutup dengan kode </html>. Jadi, semua kode di antara tag ini-lah yang dianggap sebagai dokumen HTML. Formatnya seperti berikut: <html> Semua kode di sini, akan dianggap dokumen HTML </html> Di dalam tag <html> tersebut yang merupakan dokumen HTML juga masih dibagi menjadi 2 tag lagi. Tag pertama adalah <head> dan fungsinya sebagai tempat untuk memperkenalkan halaman HTML tersebut. Jadi, sekarang dokumen HTML Anda menjadi seperti berikut: <html> <head> Ini informasi mengenai halaman web </head> </html> Setelah head, bagian kedua adalah <body>. Di bagian inilah, Anda akan meletakkan teks dan berbagai hiasan serta file multimedia di halaman web. Tag <body> ini diletakkan di bawah penutup tag <head>. <html> <head> Ini head </head> <body> Semua teks body diisikan di sini </body> </html> Mudah bukan, struktur halaman HTML memang sangat simple. Bahkan Anda yang baru belajar sekalipun akan langsung mudah mempraktekkannya. Anda akan memelajarinya di

subbab lain di bab ini. Subbab sekarang masih pendahuluan saja.

3. Menambahkan Title
Title adalah judul halaman web. Judul ini berbeda dengan nama file HTML yang nanti dihasilkan. Karena nama file akan Anda buat saat menyimpan dokumen menggunakan editor teks, sementara title akan diisikan di dalam tag di kode HTML-nya. Untuk mendefinisikan title di dokumen HTML, tag yang dipakai adalah tag <title>. Misalnya untuk membuat judul Belajar HTML yuuk! maka Anda tinggal membuat kode berikut: <title> Belajar HTML yuuk!</title> Nah, tag <title> ini harus diletakkan di dalam tag <head> sehingga misalnya Anda akan membuat halaman kosong namun dengan judul di atas, maka tampilannya terlihat seperti berikut: <html> <head> <title> Belajar HTML yuuk! </title> </head> <body> </body> </html> Karena di tag <body> masih kosong, maka halaman ini tidak akan terlihat di browser. Yang terlihat hanya teks di tag saja. Berikut ini tampilannya jika Anda sudah menyimpan dokumen ke dalam format HTML.

4. Menambahkan Teks ke Body


Setelah title dari webpage dibuat, barulah Anda dapat memasukkan konten dari halaman web. Konten ini diletakkan di antara tag <body> dan </body>. <html> <head> <title> Belajar HTML yuuk! </title> </head> <body> Teks ini adalah isi dari halaman web. Dengan menggunakan tag body, semua apa yang Anda ingin tampilkan akan terlihat di browser.

</body> </html>

Dari gambar di atas, terlihat bahwa tampilan teks terus disambung walaupun di kodenya Anda sudah memisahkan teks menggunakan Enter (baris baru). Untuk membuat paragraf, Anda bisa menggunakan tag <p>. <html> <head> <title> Belajar HTML yuuk! </title> </head> <body> <p>Teks ini adalah isi dari halaman web. </p> <p>Dengan menggunakan tag body, semua apa yang Anda ingin tampilkan akan terlihat di browser. </p> </body> </html>

5. Menggunakan Heading
Heading adalah bagian dari halaman yang memungkinkan dipakai untuk outline. Heading yang digunakan antara heading 1 sampai heading 6. Heading dibuat menggunakan tag <h1> sampai <h6>. Berikut ini contoh penggunaan heading. Walaupun sebenarnya Anda bisa membuat layout yang baik tanpa memakai heading, namun heading ini nanti juga penting ditinjau dari SEO (search engine optimization). Contoh kode pembuatan halaman untuk heading adalah: <html> <head> <title>Heading, outline untuk halaman web</TITLE> </head> <body> <h1>1. Mengenal Komputer</h1> Komputer adalah komponen yang sangat penting peranannya <h2>1.1 Komponen Komputer</h2> Ada banyak komponen komputer <h3>1.1.1 Penyimpan Data</h3> Ada banyak komponen bisa dikategorikan sebagai storage device. <h4>1.1.1.1 Hard Drive</h4> Hard Drive adalah komponen utama penyimpan data yang memakai platter </body> </html>

Lanjut image, link dll