Ilham Tri Maulana Blogger

Jumat, 18 Mei 2012

Struktur dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/").

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

<HTML> Sebagai tanda awal dokumen HTML.

<HEAD> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.

<TITLE> Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

Contoh :

<TITLE>Tips HTML -- www.klik-kanan.com</TITLE>

<BODY> Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.

Atribut :

BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Contoh :

Sebuah contoh sederhana dokumen HTML :

<HTML>

<HEAD>

<TITLE>Halaman pembuka

</TITLE>

</HEAD>

Letakkan text, images, dan link Anda di sini

</BODY>

</HTML>

Pengaturan Teks

Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :

Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil.

Contoh :

<H2>Tutorial Html</H2>

Hasilnya akan terlihat seperti :

Tutorial Html

Paragraph Baru: <P> Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.

Line Break: <BR> Digunakan untuk pindah ke baris baru.

No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

Font <FONT> Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.

SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.

FACE: Jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit "aneh" Anda bisa menggunakan graphic.

COLOR: Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).

Contoh :

<FONT SIZE=4 FACE="Verdana, Arial, Helvetica" COLOR="#FF0000">Contoh teks yang berwarna merah</FONT>

Hasilnya akan terlihat seperti :

Contoh teks yang berwarna merah

Contoh lainnya :

Base Font: <BASEFONT> Digunakan untuk mendefinisikan "default text". Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.

Contoh :

Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :

Perhatian : Semua tag di bawah ini membutuhkan tap penutup.

<B> Bold text

<I> Italic text
<U> Underscore
<TT> Typewriter

<S> Strikeout - ~~draws a line through the text~~

<PRE> Preformatted Text <DFN> Definition

<BLINK> Text berkedip (lebih baik jangan digunakan)

<STRONG> Strong

<ADDRESS>

Italic

<CITE> Digunakan untuk quoting text

<CODE>

Monospaced font

(digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

<SAMP> Monospaced font(digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

<KBD> Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

<BIG> Ukuran teks akan lebih besar satu ukuran

<SMALL> Ukuran teks akan lebih kecil satu ukuran

<SUP> Membuat teks^superscript

<SUB> membuat teks_{sub script}
<ABBREV> Abbreviations

<ACRONYM> Untuk akronim

<PERSON> Digunakan untuk indexing

<Q> Membuat short inline quotation

<VAR> Membuat variable name, selalu dalam italics.

Lists

Terdapat tiga tipe list yang dapat digunakan, yaitu :

Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI>.

Contoh :

<UL>

<LI> Item nomer 1

<LI> Item nomer 2

<LI> Item nomer 3

</UL>

Hasil dari kode di atas adalah:

Item nomer 1
Item nomer 2
Item nomer 3

Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point.

Contoh :

<UL COMPACT TYPE=square> �

Ordered Lists: <OL> Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI> tag.

Contoh :

<LI> Item nomer 1

<LI> Item nomer 2

<LI> Item nomer 3

</OL>

Hasil dari kode di atas adalah :

Item nomer 1
Item nomerr 2
Item nomerr 3

Untuk TYPE Anda dapat juga menggunakan :

1- Default numbers, 1, 2, 3, etc.

A- Huruf besar. A, B, C, etc.

a- Huruf kecil. a, b, c, etc.

I- Romawi huruf besar. I, II, III, etc.

i- Romawi huruf kecil , i, ii, iii, etc.

Definition Lists: <DL>

Contoh :

<DL>

<DT> Item pertama.

<DD> Penjelasan tentang item pertama.

<DT> Item kedua.

<DD> Penjelasan tentang item kedua

</DL>

Hasil dari kode di atas adalah :

Item pertama.

Penjelasan tentang item pertama.

Item kedua.

Penjelasan tentang item kedua

Images

Images :

Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.

Atribut : alt, align=(center, left, right), hspave, vspace, border, width & height

Contoh :

Links :

Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah.

Contoh :

<A HREF="halaman2.html">Klik di sini</A> Untuk membuat link ke halaman lain.

<A HREF="mailto:webmaster@klik-kanan.com">Klik di sini</A> Untuk membuat link pada alamat e-mail.

<A HREF="#aplikasi">Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama.

<A HREF="halamanlain.html#aplikasi">Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang berbeda.

<A HREF="halaman2.html"><IMG SRC="gambar.gif"></A> Untuk membuat link dengan menggunakan gambar.

Tabel

Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web "terbagi" pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini.

Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>

<TABLE>

Terdiri dari atribut :

align - perataan : rata kiri (left), tengah (center) atau kanan (right).
bgcolor - warna latar belakang (background) dari tabel.
border - ukuran lebar border tabel (dalam pixel).
cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).
cellspacing - jarak antar cell (dalam pixel).
width - ukuran tabel dalam pixel atau percent.

Contoh :

<TR>

Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

align - perataan : rata kiri (left), tengah (center) atau kanan (right).
bgcolor - warna latar belakang dari baris.
valign - perataan vertikal : top, middle atau bottom.

Contoh :

<TD>

Tag ini digunakan untuk membuat kolom baru pada tabel.

align - perataan
background - image yang digunakan sebagai latar belakang dari kolom.
bgcolor - warna latar belakang
colspan - lihat gambar contoh
height - ukuran tinggi cell dalam pixels.
nowrap - membuat supaya isi dari kolom tetap berada pada satu baris.
rowspan - lihat gambar contoh
valign - perataan vertikal :top, middle atau bottom.
width - ukuran kolom dalam pixel atau percen.

Contoh :

Frames

1
<FRAMESET cols="*,140">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="menu.htm" NAME="Frame2">
</FRAMESET>

2
<FRAMESET cols="100,*">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="menu.htm" NAME="Frame2">
</FRAMESET>

3
<FRAMESET rows="100,*">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="menu.htm" NAME="Frame2">
</FRAMESET>

4
<FRAMESET rows="*,60">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="menu.htm" NAME="Frame2">
</FRAMESET>

5
<FRAMESET rows="*,60">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAMESET cols="50%,50%">
<FRAME SRC="menu.htm" NAME="Frame2">
<FRAME SRC="menu2.htm" NAME="Frame3">
</FRAMESET></FRAMESET>

6
<FRAMESET cols="*,50%">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAMESET rows="15%,15%,70%">
<FRAME SRC="menu.htm" NAME="Frame2">
<FRAME SRC="menu2.htm" NAME="Frame3">
<FRAME SRC="menu3.htm" NAME="Frame4">
</FRAMESET></FRAMESET>

7
<FRAMESET cols="50%,50%">
<FRAMESET rows="50%,50%">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="homepage2.htm" NAME="Frame2">
</FRAMESET>
<FRAMESET rows="50%,50%">
<FRAME SRC="menu.htm" NAME="Frame3">
<FRAME SRC="menu2.htm" NAME="Frame4">
</FRAMESET></FRAMESET>

8
<FRAMESET rows="15%,70%,15%">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAMESET cols="15%,70%,15%">
<FRAME SRC="menu.htm" NAME="Frame2">
<FRAME SRC="menu2.htm" NAME="Frame3">
<FRAME SRC="menu3.htm" NAME="Frame4">
</FRAMESET>
<FRAME SRC="homepage.htm" NAME="BIG">
</FRAMESET></FRAMESET>

Kumpulan Tag HTML

<!-- -->	Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href>	Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>	Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>	Sebagai awal dari Java applets
<area>	Mendefinisikan daerah yang dapat diklik (link) pada image map
<b>	Membuat teks tebal
<basefont>	Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>	Memberi (suara latar) background sound pada halaman web
<big>	Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>	Membuat teks berkedip
<body>	Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br>	Pindah baris
<caption>	Membuat caption pada tabel
<center>	Untuk perataan tengah terhadap teks atau gambar
<comment>	Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd>	Indents teks
<div>	Represents different sections of text.
<embed>	Menambahkan sound or file avi ke halaman web
<fn>	Seperti tag <a name>
<font>	Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form>	Mendefinisikan input form
<frame>	Mendefinisikan frame
<frameset>	Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> ... <h6>	Ukuran font
<head>	Mendefinisikan head document.
<hr>	Membuat garis horizontal
<html>	Bararti dokumen html
<i>	Membuat teks miring
<img>	Image, imagemap atau an animation
<input>	Mendefinisikan input field pada form
<li>	Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map>	Mendefinisikan client-side map
<marquee>	Membuat scrolling teks (teks berjalan) - hanya pada MS IE
<nobr>	Mencegah ganti baris pada teks atau images
<noframes>	Jika browser user tidak mendukung frame
<ol>	Mendefinisikan awal dan akhir list
<p>	Ganti paragraf
<pre>	Membuat teks dengan ukuran huruf yg sama
<script>	Mendefinisikan awal script
<table>	Membuat tabel
<td>	Kolom pada tabel
<title>	Mendefinisikan title
<tr>	Baris pada tabel
<u>	Membuat teks bergaris bawah

Kode untuk karakter khusus

Simbol	Karakter yg ditampilkan
"	"
&	&
<	<
>	>
&OElig;	Œ
&oelig;	œ
&Scaron;	Š
&scaron;	š
&Yuml;	Ÿ
&circ;	ˆ
&tilde;	˜
&ensp;
&emsp;

&zwnj;	‌
&zwj;	‍
&lrm;	‎
&rlm;	‏
–	–
—	—
‘	‘
’	’
&sbquo;	‚
“	“
”	”
&bdquo;	„
&dagger;	†
&Dagger;	‡
&permil;	‰
&lsaquo;	‹
&rsaquo;	›
€	€

Dasar - Dasar HTML

Untuk Mengenal Dasar-dasar HTML bagi Pemula disarankan menggunakan NotePad agar lebih mudah mengenal fungsi masing-masing TAG, atau menggunakan MS. Front Page/dreamweaver agar mudah mengetahui kesalahan atau kekurangan penulisan karena bisa langsung dilihat hasilnya.

HTML (HyperText Markup Language) umumnya terdiri dari perintah berikut:
<HTML>
<BODY>
Baru Belajar neeee…..
</BODY>
</HTML>
kode-kode dalam file HTML selalu dibatasi oleh tag < … >.

Untuk membuat title pada web tampilan tagnya seperti ini :
<HTML>
<HEAD>
<TITLE> Baru Belajar Bikin TITLE </TITLE>
</HEAD>
<BODY>
Baru Belajar neeee…..
</BODY>
</HTML>

Part 2

Kali ini kita akan mengenal untuk memanipulasi Text, seperti di bawah ini:
<B>Untuk membuat huruf tebal.</B>
<I>Untuk membuat huruf miring.</I>
<U>Untuk membuat garis bawah.</U>

atau anda juga bisa menggunakan
<strong>Untuk membuat huruf tebal.</strong>
<em>Untuk membuat huruf miring.</em>
tanda garis miring pada setiap TAG di belakang kata berfungsi untuk menutup TAG yang di depan, misalnya <B> ditutup dengan </B>

Anda juga dapat memanipulasi teks dengan tag
<FONT SIZE=”bebas” COLOR=”bebas” FACE=”bebas”>
teks anda</FONT>.
Fungsi SIZE untuk mengatur ukuran huruf
Fungsi COLOR untuk mengatur warna huruf
Fungsi FACE untuk mengatur jenis huruf

Contoh untuk memilih warna
<FONT COLOR=”red”>Ini warna merah.</FONT>
<FONT COLOR=”blue”>Ini warna biru.</FONT>
<FONT COLOR=”green”>Ini warna hijau.</FONT>
selain bisa diisi dengan nama warna juga bisa diisi dengan kode warna seperti #fffff untuk putih dsb,

Contoh memilih ukuran huruf
<FONT SIZE=”1″>Ini ukuran 1.</FONT>
<FONT SIZE=”2″>Ini ukuran 2.</FONT>
<FONT SIZE=”3″>Ini ukuran 3.</FONT>

Contoh untuk memilih jenis huruf
<FONT FACE=”Arial”>Ini memakai font arial black.</FONT>
<FONT FACE=”Helvetica”>Ini memakai font Helvetica.</FONT>
<FONT FACE=”impact”>Ini memakai font Impact.</FONT>

Anda bisa mengkombinasikan TAG-TAG yang ada di atas
contoh:
<FONT SIZE=”2″ COLOR=”red” FACE=”arial”>
<B><U><I> belajar</FONT></B></U></I>
Hasilnya Seperti ini => Belajar

Part 3

kal ini tentang paragraf… sebelum membaca artikel ini anda bisa baca PART 1 dan PART 2 nya

Anda juga dapat mengubah ukuran huruf dengan tag heading, yaitu <H1>sampai <H6>, di mana <H1> adalah yang terbesar, dan <H6> adalah yang terkecil. Perhatikan contoh berikut:

<H2>Ini menggunakan Heading 2</H2>

<H3>Ini menggunakan Heading 3</H3>

Sekarang mengenai paragraf

untuk mengatur paragraf anda harus mengenal tiga TAG di bawah ini:

<p> Untuk membuka paragraf

</p> untuk menutup paragraf

<br> Untuk membuat baris baru

<center> Untuk membuat tulisan berada di tengah </center>

Contoh penggunaan TAG paragraf

<P align=”left”><FONT COLOR=”blue”><B> Paragraf ini menggunakan rata kiri dengan warna tulisan biru dan bercetak tebal
<br> tag ini membuat tulisan ini dalam baris baru</B></FONT></P>

hasilnya :

Paragraf ini menggunakan rata kiri dengan warna tulisan biru dan bercetak tebal

tag ini membuat tulisan ini dalam baris baru

<P align=”right”><FONT COLOR=”red”><I> Paragraf ini menggunakan rata kanan dengan warna tulisan merah dan bercetak miring
<br> tag ini membuat tulisan ini dalam baris baru</I></FONT></P>

hasilnya:

Paragraf ini menggunakan rata kanan dengan warna tulisan merah dan bercetak miring

tag ini membuat tulisan ini dalam baris baru

<P align=”center”><FONT COLOR=”green”><U> Paragraf ini menggunakan rata tengah dengan warna tulisan hijau dan bergaris bawah
<br> tag ini membuat tulisan ini dalam baris baru</U></FONT></P>

Hasilnya:

Paragraf ini menggunakan rata tengah dengan warna tulisan hijau dan bergaris bawah

tag ini membuat tulisan ini dalam baris baru

Part 4

Setelah dasar-dasar HTML PART 1, PART 2, PART 3 kali ini akan delanjutkan dengan dasar-dasar HTML untuk membuat link dan tampilannya menggunakan TAG
<a HREF=”Link yang dituju”>Link yang dimaksud/anchor text</a>
Contoh:
<a HREF=”http://www.bowflexexercises.com”>
http://www.bowflexexercises.com<a>
Hasilnya
http://www.bowflexexercises.com
Jika ingin membuka situs yang diklik dalam windows baru tambahkan di dalam TAG <A>
TARGET=”_Blank”
Contoh:
<a HREF=”http://www.bowflexexercises.com” TARGET=”_Blank”>Bowflex Exercises<a>
Hasilnya
Bowflex Exercises
semoga membantu…

selamat mencoba semoga membantu, kalo ada yang mau ditanyakan silakan tinggalkan komentar di kolom komentar di bawah…

trims

»HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu.

Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.

Secara garis besar, terdapat 4 jenis elemen dari HTML:

structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1

presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,

hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKita sebagai sebuah hyperlink ke URL tertentu),

Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).

Selain markup presentational , markup yang lin tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.

»HTTP Singkatan dari Hypertext Transfer Protocol, yang mana adalah suatu protokol yang digunakan oleh World Wide Web. HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client.

HTTP juga mengatur aksi-aksi apa saja yang harus dilakukan oleh web server dan juga web browser sebagai respon atas perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika Anda mengetikkan suatu alamat atau URL pada internet browser Anda, maka sebenarnya web browser akan mengirimkan perintah HTTP ke web server.

Web server kemudian akan menerima perintah ini dan melakukan aktivitas sesuai dengan perintah yang diminta oleh web browser (misalnya akses ke database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.

»Pengertian URL (Uniform Resource Locator) adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet. URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis-penulis dokumen dokumen dapat mereferensikan pranala ke World Wide Web. Sejak 1994, konsep URL telah dikembangkan menjadi istilah Uniform Resource Identifier (URI) yang lebih umum sifatnya.

»File Transfer Protocol (FTP) adalah suatu protokol yang berfungsi untuk tukar-menukar file dalam suatu network yang menggunakan TCP koneksi bukan UDP.

Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client.

FTP server adalah suatu server yang menjalankan software yang berfungsi untuk memberikan layanan tukar menukar file dimana server tersebut selalu siap memberikan layanan FTP apabila mendapat permintaan (request) dari FTP client.

FTP client adalah computer yang merequest koneksi ke FTP server untuk tujuan tukar menukar file. Setelah terhubung dengan FTP server, maka client dapat men-download, meng-upload, merename, men-delete, dll sesuai dengan permission yang diberikan oleh FTP server.

Tujuan dari FTP server adalah sebagai berikut :

• Untuk tujuan sharing data

• Untuk menyediakan indirect atau implicit remote computer

• Untuk menyediakan tempat penyimpanan bagi user

• Untuk menyediakan transfer data yang reliable dan efisien

Keamanan FTP

FTP sebenarnya cara yang tidak aman dalam mentransfer suatu file karena file dikirimkan tanpa di-enkripsi terlebih dahulu tetapi melalui clear text. Mode text yang dipakai untuk transfer data adalah format ASCII atau format binary. Secara default, FTP menggunakan mode ASCII dalam transfer data. Karena pengirimannya tanpa enkripsi, username, password, data yang di transfer, maupun perintah yang dikirim dapat di sniffing oleh orang dengan menggunakan protocol analyzer (sniffer). Solusi yang digunakan adalah dengan menggunakan SFTP (SSH FTP) yaitu FTP yang berbasis pada SSH atau menggunakan FTPS (FTP over SSL) sehingga data yang

dikirim terlebih dahulu di enkripsi.

»DOMAIN menurut Wikipedia Nama Domain (domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai IP address. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya “wikipedia.org”. Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website.

Sederhananya domain merupakan nama unik/alamat untuk website anda, domain biasanya diakhiri dengan .com, .net, .org, .biz, .asia, .us dan lain-lain.

»Hosting biasa disebut dengan Web-Hosting, adalah perusahaan yang menyediakan layanan dan penyimpanan Web bagi perorangan atau perusahaan. Dengan kata lain Hosting adalah salah satu bentuk layanan penyewaan ruang simpan data (space) yang digunakan untuk menyimpan data – data website agar halaman website tersebut bisa diakses dari mana saja. Data web tersebut meliputi file – file html, php script, cgi script, css, image, database, dan file lain yang dibutuhkan untuk menampilkan halaman web.

Sebuah server web hosting akan online 24 jam sehari, sehingga memungkinkan kita bisa membuka web site yang dihosting kapanpun. Seperti biasa bila ada pertanyaan mengenai Domain dan Hosting ini silahkan diskusikan di form komentar.

»Pengertian Www Atau Web – Setelah pada artikel sebelumnya kita membahas mengenai Sejarah Internet, dan juga Cara Kerja Internet, maka kali ini kita akan membahas mengenai pengertian WWW atau World Wide Web, atau yang paling umum disebut adalah Web.

Www atau World Wide Web maupun Web saja adalah sebuah sistem yang saling terkait dalam sebuah dokumen berformat hypertext yang berisi beragam informasi, baik tulisan, gambar, suara, video, dan informasi multimedia lainnya dan dapat diakses melalui sebuah perangkat yang disebut web browser.

Untuk menterjemahkan dokumen hypertext kedalam bentuk dokumen yang dapat dipahami oleh Manusia, maka web browser melalui web client akan membaca halaman web yang tersimpan di sebuah webserver melalui protokol yang sering disebut HTTP atau Hypertext Transfer Protocol.

Sedangkan software atau perangkat lunak web browser saat ini tersedia dalam berbagai produk dengan kelebihan dan kekurangannya masing-masing. Beberapa web browser yang paling terkenal saat ini adalah Mozilla Firefox, Internet Explorer, Opera, Safari dan lain sebagainya.

Dokumen hypertext yang tersimpan didalam sebuah webserver memiliki banyak link atau sambungan antara satu dokumen hypertext dengan dokumen hypertext lainnya. Dengan adanya link antar dokumen hypertext, maka hal tersebut dapat memudahkan pengakses untuk mengunjungi atau mendapatkan dokumen-dokumen terkait yang diinginkannya.

Selebihnya dengan semakin banyaknya situs internet yang dapat diakses melalui browser dengan format http dan di ikuti dengan www , dan alamat url web yang hendak diakses, maka muncullah sebuah situs pencari atau search engine, seperti halnya google.com dan yahoo.com sebagai sarana memudahkan pengguna internet untuk mencari berbagai dokumen yang tersedia melalui jutaan web di sebuah jaringan internet global.

Teori Mikrotik

Mikrotik router OS adalah suatu sistim Operasi jaringan yang dapat menjadikan suatu PC menjadi perangkat Router pada suatu jaringan. Mikrotik OS dilengkapi dengan paket-paket pilihan penginstalasian untuk melakukan administrasi jaringan sesuai degan keperluan. Adapun Paket- Paket instalasi yang tersedia Pada Mikrotik :

a. System : Packet yang wajib diinstall karena merupakan inti dari system mikrotik.

b. PPP : Untuk membuat Point to Point Protocol Server

c. DHCP : Packet yang dibutuhkan apabila ingin membuat dhcp-server atau untuk mendapatkan dynamic ip address.

d. Advanced tool : Tools tambahan seperti ip-scan, bandwidth test dan lainnya.

e. Arlan : Packet untuk konfigurasi chipset wireless aironet arlan

f. GPS : Paket untuk support GPS Device

g. HOTSPOT : Packet untuk membuat hotspot gateway, seperti authentication , traffic quota dan SSL

h. HOTSPOT –fix : Tambahan packet hotspot

i. ISDN : Packet untuk isdn server dan isdn client membutuhkan packet PPP

j. lcd : Packet untuk customize port lcd

k. ntp : Packet untuk ntp server dan ntp client

l. radiolan : Driver for legacy RadioLAN cards.

m. Routerboard : Routerboard spesifikasi BIOS

n. Routing : Packet untuk routing OSPF, BGP dan static

o. Routing-test : Packet tambahan ( optional )

p. security : Packet untuk mendukung ssh dan ip sec.

q. synchronous : Untuk synchronous dengan device lain

r. telephony : Packet for VOIP ( H.323 )

s. ups : packet for ups monitor seperti alarm

t. user-manager : Packet tool user manager untuk radius server

u. web-proxy : packet untuk setting proxy server

v. web-proxy test : optional

w. wireless : Packet untuk dukung cisco aironet cards

NAT (Network Address Translation) adalah Firewall secara otomatis menyediakan proteksi terhadap sistem yang berada di balik firewall karena NAT Firewall hanya mengizinkan koneksi yang datang dari komputer-komputer yang berada di balikfirewall. Tujuan dari NAT adalah untuk melakukan multiplexingterhadap lalu lintas dari jaringan internal untuk kemudian menyampaikannya kepada jaringan yang lebih luas (MAN, WAN atau Internet) seolah-olah paket tersebut datang dari sebuah alamat IP atau beberapa alamat IP

NAT Firewall membuat tabel dalam memori yang mengandung informasi mengenai koneksi yang dilihat oleh firewall. Tabel ini akan memetakan alamat jaringan internal ke alamat eksternal. Kemampuan untuk menaruh keseluruhan jaringan di belakang sebuah alamat IP didasarkan terhadap pemetaan terhadap port-port dalam NAT firewall.

Jumat, 18 Mei 2012

Tutorial Html

Dasar - Dasar HTML

Teori Mikrotik

Langganan