KONEKSI INTERNET
Jaringan
Internet,Intranet dan Dasar-Dasar HTML
Mendeskripsikan dasar-dasar sistem jaringan di Internet/Intranet
Jaringan
Internet
Internet merupakan
jaringan rangkaian komputer dengan rangkaian komputer lain di seluruh dunia. Internet
berguna untuk kita berkomunikasi dan bertukar informasi, file, data, suara,
gambar dan sebagainya antara individu dan manusia diseluruh dunia. Internet
adalah sebuah sistem komunikasi global yang menghubungkan komputer-komputer dan
jaringan-jaringan komputer di seluruh dunia. Setiap komputer dan jaringan
terhubung – secara langsung maupun tidak langsung – ke beberapa jalur utama
yang disebut internet backbone dan dibedakan satu dengan yang lainnya
menggunakan unique name yang biasa disebut dengan alamat IP 32 bit. Contoh:
202.155.4.230. Dengan ber INTERNET kita dapat memperoleh berbagai informasi apa
saja dimana saja dan kapan saja [ no limit, anywhere and anytime ]. Anda
tinggal ke search engine Dunia seperti Yahoo dan google. Ketik kalimat yang Anda
ingin cari maka akan ditampilkan alamat website yang memberikan informasi
tersebut. Komputer dan jaringan dengan berbagai platform yang mempunyai
perbedaan dan ciri khas masing-masing (Unix, Linux, Windows, Mac, dll) bertukar
informasi dengan sebuah protokol standar yang dikenal dengan nama TCP/IP
(Transmission Control Protocol/Internet Protocol).
Berbagai Jenis Koneksi
internet pada umumnya
Dial up = Menghubungkan komputer ke internet melalui sambungan
jaringan line telepon. Dengan menggunakan sebuah modem dial-up. Saat online [
connect ] maka telepon tidak dapat digunakan. Perhitungan pulsa telepon
berjalan + biaya internet dari provider. max Kecepatan 56kbps.
Broadband = Menghubungkan komputer ke internet melalui sambungan
jaringan kabel tv, dengan menggunakan modem broadband. Saat online dapat
sekaligus nonton tidak berpengaruh. Dan biaya lebih hemat cukup membayar
abodemen tv cable + biaya internet provider untuk 24 jam online [ no limit ].
kecepatan mulai dari 64kbps – 256kbps.
ADSL = Menghubungkan komputer ke internet melalui sambungan jaringan
line telepon juga. Namun ADSL menggunakan teknologi yang lebih modern. Saat
online jalur telepon tidak terganggu, dapat digunakan dalam kebersamaan. Biaya
cukup membayar provider internet dengan sistem perhitungan berdasarkan besarnya
kilobyte yang digunakan, koneksi 24 jam online. Kecepatan mencapai 512kbps.
HANDPHONE = Menghubungkan komputer ke internet melalui sambungan
jaringan handphone. Dapat dihubungkan melalui Bluetooth maupun usb cable data.
Saat online jalur telepon juga tidak terganggu. Bisa menggunakan jaringan GSM
maupun CDMA. GSM dapat lebih cepat dengan teknologi 3G atau bahkan teknologi
terbaru high speed 3,5G. Sedangkan CDMA menggunakan teknologi CDMA 2000 1x
hampir setara dengan 3G. Perhitungan biaya hampir sama semua yaitu menggunakan
sistem perhitungan per kilobyte. Kecepatan mulai dari 64kbps – 2Mbps.
Jaringan Intranet
Intranet merupakan
sebuah jaringan yag dibangun berdasarkan teknologi internet yang didalam nya
terdapat basis arsitektur berupa aplikasi web dan teknoogi komunikas data.
Intranet juga menggunakan protokol TCP/IP. Protokol ini memungkikan suatu
komputer mengirimdan memberi alamat data ke komputer lain sekaligus memastikan
pengiriman data sampai tujuan dengan tanpa kurang apa pun. Intranet berkembang
pesat di Amerika – Netscape (13/11/1995) melaporkan bahwa sebagian besar
penjualan server ke perusahaan di amerika di gunakan untuk intranet. Di
Indonesia intranet telah digunakan oleh beberapa perusahaan walaupun, terbatas
pada perusahaan komputer, dan indstri besar lainnya.
Komponen pembentuk intranet
Komponen pembentuk intranet pada dasarnya sama dengan komponen pembentuk internet, seperti:
Komponen pembentuk intranet pada dasarnya sama dengan komponen pembentuk internet, seperti:
aplikasi browser ( internet exploler, opra, mozilla firefox, netscape)
komputer server
perangkat jaringan
protokol TCP/IP
bahasa pemrograman (html, php, mysql , dll)
komputer client
perangkat bantu pengembang
yang perlu ditambahkan
dalam intranet apabila sebagian informasi organisasi tersebut ingin diekspose
agar dapat di akses jaringan luar (internet) adalah firewall dan router
(intranet ini akan menjadi ekstranet).
Dasar-Dasar HTML
HTML merupakan
singkatan dari HyperText Markup Language adalah script untuk menyusun
dokumen-dokumen Web.mendesain HTML berarti melakukan suatu tindakan
pemrograman. Namun HTML bukanlah sebuah bahasa pemrograman. Namun HTML hanyalah
berisi perintah-perintah yang telah terstruktur berupa tag-tag penyusun.
Menuliskan tag-tag HTML tidaklah sebatas hanya memasukkan perintah-perintah
tertentu agar HTML kita dapat di akses oleh browser. Mendesain HTML
adalah sebuah seni tersendiri. Homepage yang merupakan implementasi dari
HTML adalah refleksi dari orang yang membuatnya. Untuk itu kita perlu
mendesainnya dengan baik agar para pengunjung homepage yang kita buat merasa
senang dan bermanfaat.
Mendesain HTML dapat dilakukan dengan dua cara:
Mendesain HTML dapat dilakukan dengan dua cara:
Menggunakan HTML Editor, seperti Microsoft
FrontPage, Adobe Dreamweaver, dan lain-lain.
Dengan cara menuliskan sendiri secara manual satu persatu tag-tag HTML ke
dalam dokumen HTML.
Kedua cara diatas
memiliki Kelebihan dan kekurangan. Cara pertama kelebihannya adalah HTML Editor
merupakan sebuah program yang khusus didesain untuk membuat, melakukan editing
bahkan mem-publish ke internet. Dengan kemampuannya menggabungkan kemudahan dan
kecanggihan teknologi internet ke dalam dokumen HTML maka cara ini sangat
disukai oleh para pemula dan desainer yang tidak ingin belajar lebih mendalam
mengenai HTML. Sedangkan cara kedua adalah menuliskan secara manual satu
persatu tag-tag HTML. Hal ini sangat disarakan sulit dikarenakan akan memakan
tenaga dan waktu ekstra untuk melakukannya, ditambah lagi Anda harus melakukan
cara-cara konvensional untuk melihat hasilnya pada web browser. Namun pada cara
kedua adalah dasar dari segala bentuk HTML yang akan Anda pelajari, karena
dengan cara itulah Anda akan lebih paham mengenai cara kerja dan berbagai
perintah yang biasa dipakai pada bahasa HTML.
Struktur Dasar Dokumen HTML
Dokumen HTML disimpan
dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser
untuk mengeksekusi perintah-perintah yang dispesifikasikan. Struktur dasar
dokumen HTML(Tag, Element, Attribute), Element HTML, Element HEAD, Element
TITLE, Element BODY. Secara sederhana HTML terdiri dari dua bagian yaitu Header
dan Body. Struktur HTML diapit oleh tag awal <HTML> dan tag akhir
</HTML>. Standar penulisannya adalah:
<HTML>
<HEAD>
Deskrisi dokumen
</HEAD>
<BODY>
Isi dokumen
</BODY>
</HTML>
<HEAD>
Deskrisi dokumen
</HEAD>
<BODY>
Isi dokumen
</BODY>
</HTML>
Contoh aplikasinya
Buatlah scrips teks
seperti dibawah ini dengan menggunakan NotePad dan simpan filenya dengan nama
latihan1.html
<HTML>
<HEAD>
<TITLE>Belajar Dasar-Dasar HTML</TITLE>
</HEAD>
<BODY>
Pelajaran Pertama saya mengenai pemerograman HTML, Ternyata Belajar HTML itu sangat mudah dan mengasyikan</BODY>
</HTML>
<HEAD>
<TITLE>Belajar Dasar-Dasar HTML</TITLE>
</HEAD>
<BODY>
Pelajaran Pertama saya mengenai pemerograman HTML, Ternyata Belajar HTML itu sangat mudah dan mengasyikan</BODY>
</HTML>
Keterangan:
Tag <TITLE> digunakan untuk memberi judul dokumen HTML. Judul ini
dapat Anda lihat pada pojok kiri atas (title bar) browser.
Ketika orang akan mem-bookmark web Anda, maka judul inilah yang akan disimpan.
<BODY> adalah isi dokumen yang akan ditampilkan dibrowser Anda
Untuk melihat
hasilnya, silakan jalankan browser favorit Anda, dengan cara membuka file
latihan1.html yang sudah Anda buat tadi dengan menggunakan browser seperti
contoh tampilan dibawah ini saya menggunakan browser Mozila Firefox :
Setelah mempelajari
materi ini diharapkan anda dapat memahami struktur dasar dari dokumen HTML.
Referensi Tag HTML
1. Heading
Merupakan kepala dari
dokumen HTML. Tag <head> dan tag </head> terletak di antara tag
<html> dan tag </html>.
Sintaks:
<head>
………..
</head>
………..
</head>
Heading adalah
sekumpulan kata yang menjadi judul atau subjudul dalam suatu dokumen HTML.
Heading berbeda dengan tag <TITLE> yang tidak bisa muncul dalam halaman
web. HTML menyediakan enam tingkatan heading. Heading level 1 biasanya untuk
judul utama.
Contoh:
<HTML>
<HEAD>
<TITLE>Headings</TITLE>
</HEAD>
<BODY>
<H1>Heading Level 1</H1>
<H2>Heading Level 2</H2>
<H3>Heading Level 3</H3>
<H4>Heading Level 4</H4>
<H5>Heading Level 5</H5>
<H6>Heading Level 6</H6>
</BODY>
</HTML>
<HEAD>
<TITLE>Headings</TITLE>
</HEAD>
<BODY>
<H1>Heading Level 1</H1>
<H2>Heading Level 2</H2>
<H3>Heading Level 3</H3>
<H4>Heading Level 4</H4>
<H5>Heading Level 5</H5>
<H6>Heading Level 6</H6>
</BODY>
</HTML>
Dari struktur dasar
HTML di atas dapat dijelaskan sebagai berikut :
Tag
Adalah teks khusus (markup) berupa dua karakter “<” dan “>”, sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter “/” setelah karakter “<“), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.
Adalah teks khusus (markup) berupa dua karakter “<” dan “>”, sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter “/” setelah karakter “<“), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML.
Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML
Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:
<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML
Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.
Contoh penulisan tag-tag yang benar
<p>
<b>
…………….
</b>
</p>
<b>
…………….
</b>
</p>
Contoh penulisan
tag-tag yang salah
<p>
<b>
…………….
</p>
</b>
<b>
…………….
</p>
</b>
Attribute
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:
Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:
<TAG>
nama-attr=”nilai-attr”
nama-attr=”nilai-attr”
……………..
>
……………..
</TAG>
nama-attr=”nilai-attr”
nama-attr=”nilai-attr”
……………..
>
……………..
</TAG>
Secara umum nilai
attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk
membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam,
penulisannya adalah <body bgcolor=”black” text=”yellow”>
Element HTML
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.
Sintaks:
<html>
……….
</html>
……….
</html>
Element HEAD
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.
Merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.
Sintaks:
<head>
………..
</head>
………..
</head>
Element TITLE
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.
Sintaks:
<title>
………
</title>
………
</title>
Element BODY
Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.
Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.
Sintaks:
<body text=”v”
bgcolor=”w” background=”uri” link=”x” alink=”y” vlink=”z”>
…………..
</body>
…………..
</body>
Attribute text
memberikan warna pada teks, bgcolor memberikan warna pada latarbelakang dokumen
HTML, background memberikan latarbelakang dokumen HTML dalam bentuk gambar,
link memberikan nilai warna untuk link, alink memberikan warna untuk link yang
sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.
Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.
Tidak ada komentar:
Posting Komentar