Sabtu, 10 Maret 2012

ISP (Internet Service Provider)


Pengertian ISP (Internet Service Provider)
ISP (Internet Service Provider) adalah perusahaan atau badan usaha yang menjual koneksi internet atau sejenisnya kepada pelanggan. ISP awalnya sangat identik dengan jaringan telepon, karena dulu ISP menjual koneksi atau access internet melalui jaringan telepon. Seperti salah satunya adalah telkomnet instant dari Telkom.
Sekarang, dengan perkembangan teknologi ISP itu berkembang tidak hanya dengan menggunakan jaringan telepon tapi juga menggunakan teknologi seperti fiber optic dan wireless. Di Bali, denpasar pada khususnya ISP dengan teknologi wireless paling banyak tumbuh.

Contoh dan instalasi ISP

Contoh-contoh ISP adalah : Centrin, CBN, Cross Network Indonesia, Central Online, Cabinet dan masih banyak lagi.
Cara menginstalasi ISP :
1. Klik Start, Control Panel
2. Klik Network and Internet Connections
3. Klik Set up or change your internet connection
4. Klik Setup pada tab Connections
5. Klik next sampai 4 kali
6. pilih modem yang dipasang, lalu next
7. Masukkan nama ISP lalu next
8. masukkan phone number, next
9. pilih anyone’s use dan next
10. isikan password, username dan confirm password dan next
11. finish
Berikut cara instalasi laptop dengan Harddisk Type SATA dengan 2 cara yaitu :
I. Men “DISABLE” SATA NATIVE SUPPORT
Hal ini dilakukan apabila “BIOS” pada Notebook/Laptop tersebut mendukung untuk melakukan DISABLE SATA NATIVE SUPPORT, yaitu dgn cara sebagai berikut:
1. Masuk Menu BIOS (Tekan F10 – segera setelah tampilan COMPAQ muncul, untuk Notebook Compaq)
2. pilih Menu System Configuration
3. pilih SATA NATIVE SUPPORT
4. Rubah menjadi DISABLE
5. Save perubahan dan keluar dari Menu BIOS
6. Setelah Restart lakukan instalasi Windows XP















Pendahuluan







http://lecturer.eepis-its.edu/%7Eriyanto/dot.gif

·  Apakah HTML itu?




HTML singkatan dari Hyper Text Markup Language.
HTML bukan suatu bahasa pemrograman tetapi sebuah bahasa dalam bentuk text yang dapat digunakan untuk menyusun tulisan, gambar, suara, film dan banyak lagi informasi yang bisa ditampilkan.

·  Apa yang diperlukan untuk membuat HTML?




Cukup dengan mengunakan Notepad untuk mengetik Text dan Internet Explorer untuk menampilkan halaman WEB kita.
Kalau kita menginstall windows dua program ini sudah pasti tersedia.
Anda juga dapat menggunakan program-program yang lain untuk membuat HTML seperti Front Page, Microsoft Word, Dos Edit, Mac SimpleText, Unix, dll.

·  Bagaimana menjalankan HTML?




Dengan cara mengetik di editor kemudian disimpan dalam file dengan akhiran html, misalnya coba.html
Kemudian file yang berakhiran html tersebut dibuka di Internet Explorer, jadilah sudah program HTML kita.

·  Bagaimana program HTML Online?




Hubungkan program HTML kita dengan salah satu Internet Service Provider (ISP) yang kita kehendaki.
Kita bisa menggunakan provider dari www.geocities.com dengan cara upload file atau dengan provider lainnya.
LANGKAH-LANGKAH

Membuat Halaman Pertama

http://lecturer.eepis-its.edu/%7Eriyanto/dot.gif
Pendahuluan
 Bab 1
 2
 3
 4
 5
http://lecturer.eepis-its.edu/%7Eriyanto/dot.gifSilahkan buka notepad anda.
Ketik seperti dibawah ini:
<html>
<head><title>Halaman web saya yang pertama</title></head>
<body>
Ini halaman web saya yang pertama.
</body>
</html>

·  Setiap dokumen HTML harus diawali dengan tag <html> dan diakhiri dengan tag </html>




·  <head> dan </head> digunakan sebagai informasi tentang dokumen kita.




·  <title> dan </title> digunakan sebagai judul dari browser kita.




·  <body> dan </body> digunakan sebagai isi dari halaman WEB kita. Sekarang kita simpan text yang telah kita ketik misalnya dengan nama hal1.html
Sekali lagi jangan lupa akhiri nama file dengan .html
Selanjutnya kita buka Internet Explorter: klik gambarnya, kemudian File->Open->Browse, cari file dengan nama hal1.html kemudian Open dan OK.
Apa yang terjadi? Ternyata halaman WEB kita sudah bisa tampil sekarang, seperti dibawah ini.
http://lecturer.eepis-its.edu/%7Eriyanto/web1.gifhttp://lecturer.eepis-its.edu/%7Eriyanto/dot.gif

Menambah Text dan Formatnya

http://lecturer.eepis-its.edu/%7Eriyanto/dot.gif
Pendahuluan
 Bab 1
 2
 3
 4
 5
http://lecturer.eepis-its.edu/%7Eriyanto/dot.gifPada bab ini kita akan belajar membuat paragaf, heading, format text dan bentuknya.
1. Membuat Paragraf
Silahkan ketik di notepad seperti dibawah ini:
<html>
<head><title>Menambah Text dan Formatnya</title></head>
<body>
Ini baris pertama<p>
Dan ini baris ke tiga<br>
Kalau ini baris ke empat<br>
</body>
</html>
Hasilnya silahkan di lihat disini.
Ini baris pertama 
http://lecturer.eepis-its.edu/%7Eriyanto/dot.gif
Dan ini baris ke tiga
Kalau ini baris ke empat
·  <p> artinya pindah paragraf atau pindah dua baris



·  <br> artinya pindah baris
http://lecturer.eepis-its.edu/%7Eriyanto/dot.gif2. Membuat Heading
Silahkan ketik diantara <body> dan </body> seperti dibawah ini: <h1>Heading Pertama</h1>
<h2>Heading Kedua</h2>
<h3>Heading Ketiga</h3>
<h4>Heading Keempat</h4>
<h5>Heading Kelima</h5>
<h6>Heading Keenam</h6>
Hasilnya silahkan di lihat disini.

Heading Pertama

Heading Kedua

Heading Ketiga

Heading Keempat

Heading Kelima
Heading Keenam



·  Terlihat bahwa besarnya tulisan tiap heading berbeda-beda.
http://lecturer.eepis-its.edu/%7Eriyanto/dot.gif3. Format Text dan Bentuknya
Silahkan ketik diantara <body> dan </body> seperti dibawah ini: <style type="text/css">
body {font-family:"Arial";font-size:"12pt";color:blue}
</style>
<body>
Ini <b><i><u>halaman</u></i></b> web saya
</body>
Hasilnya silahkan di lihat disini.
Ini halaman web saya


·  <style> dan </style> adalah bentuk, ukuran dan warna text.



·  <b> dan </b> adalah text yang ditebalkan.



·  <i> dan </i> adalah text yang dimiringkan.



·  <i> dan </i> adalah text yang digaris bawahi.


Membuat Tabel

http://lecturer.eepis-its.edu/%7Eriyanto/dot.gif
Pendahuluan
 Bab 1
 2
 3
 4
 5
http://lecturer.eepis-its.edu/%7Eriyanto/dot.gifTabel digunakan untuk menampilkan angka-angka dalam baris dan kolom, pada bab ini kita akan belajar bagaimana membuat tabel.
1. Membuat Tabel Sederhana
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
<table>
<tr><th>Kolom 1</th><th>Kolom 2</th></tr>
<tr><td>Baris 2</td><td>Baris 2</td></tr>
<tr><td>Baris 3</td><td>Baris 3</td></tr>
</table>
Hasilnya silahkan di lihat disini.
Kolom 1
Kolom 2
Baris 2
 Baris 2
Baris 3
 Baris 3

·  <tr> definisi baris horisontal



·  <td> definisi data sel dalam satu baris



·  <th> definisi data sel pada judul tabel
http://lecturer.eepis-its.edu/%7Eriyanto/dot.gif2. Membuat Tabel Dengan Formatnya
Silahkan ketik diantara <head> dan </head> seperti dibawah ini: <style type="text/css">
th {font-family:"Arial";font-size:"12pt";color:red}
td {font-family:"Tahoma";font-size:"12pt";color:blue}
</style>
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
<table with="50%" border="1" rules=ALL>
<tr><th bgcolor="silver">Kolom 1</th><th bgcolor="silver">Kolom 2</th></tr>
<tr><td align="center">Baris 2</td><td align="center">Baris 2</td></tr>
<tr><td align="center">Baris 3</td><td align="center">Baris 3</td></tr>
</table>
Hasilnya silahkan di lihat disini.

http://lecturer.eepis-its.edu/%7Eriyanto/dot.gif3. Membuat Tabel Lanjutan
Silahkan ketik diantara <head> dan </head> seperti dibawah ini:
<style type="text/css">
th {font-family:"Arial";font-size:"12pt";color:red}
td {font-family:"Tahoma";font-size:"12pt";color:blue}
</style>
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
<table with="100%" border="1" rules=ALL>
<tr><th bgcolor="silver" colspan="2">Kombinasi kolom 1 dan kolom 2.</th></tr>
<tr><td>Baris 2</td><td rowspan="2">Kombinasi baris 2 dan baris 3.</td></tr>
<tr><td>Baris 3</td></tr>
</table>
Hasilnya silahkan di lihat disini.
Kombinasi kolom 1 dan kolom 2.
Baris 2
 Kombinasi baris 2 dan baris 3.
Baris 3

Menghubungkan Text dan Dokumen




http://lecturer.eepis-its.edu/%7Eriyanto/dot.gifPada bab ini kita akan membahas cara menghubungkan text atau web dokumen yang kita buat ke lokasi tertentu atau sering disebut dengan Hyperlinks.
Kita dapat menghubungkan text kita dengan file dan email lainnya, bisa juga kita hubungkan dalam halaman yang sama ataupun halaman yang berbeda.
1. Menghubungkan Text kita dengan file lain dan email lain
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
Silahkan <a href="hal1.html">klik disini </a>untuk membuka halaman pertama.<br>
Silahkan <a href="http://www.geocities.com/riyanto_its/html.html">klik disini </a>untuk membuka web belajar HTML.<br>
Silahkan <a href="mailto:sigit@ece.ibaraki-ct.ac.jp">klik disini </a>untuk mengirim email ke Sigit.<br>
Hasilnya silahkan di lihat disini.
Silahkan untuk membuka halaman pertama.
Silahkanuntuk membuka web belajar HTML.
Silahkan untuk mengirim email ke Sigit. http://lecturer.eepis-its.edu/%7Eriyanto/dot.gif2. Menghubungkan Text Pada Halaman Yang Sama
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
<h2>Klik tulisan bergaris untuk membaca text secara penuh</h2><br>
<a href="#BS"><i>Paragraf Satu</i></a><br>
<a href="#BD"><i>Paragraf Dua</i></a><br>
<h1>Membaca Artikel Penuh>/h1><br>
<h2><a name="BS">Paragraf Satu</a></h2><br>
Ini tulisan pertama.<p>
Ini tulisan kedua.<p>
Ini tulisan ketiga.<p>
Ini tulisan keempat.<p>
Ini tulisan kelima.<p>
Ini tulisan keenam.<p>
Ini tulisan ketujuh.<p>
<h2><a name="BD">Paragraf Dua</a></h2><br>
Ini tulisan pertama.<p>
Ini tulisan kedua.<p>
Ini tulisan ketiga.<p>
Ini tulisan keempat.<p>
Ini tulisan kelima.<p>
Ini tulisan keenam.<p>
Ini tulisan ketujuh.<p>
Hasilnya silahkan di lihat disini.

Klik tulisan bergaris untuk membaca text secara penuh


Paragraf Satu
Paragraf Dua

Membaca Artikel Penuh


Paragraf Satu


Ini tulisan pertama. Ini tulisan kedua.
Ini tulisan ketiga.
Ini tulisan keempat.
Ini tulisan kelima.
Ini tulisan keenam.
Ini tulisan ketujuh.

Paragraf Dua


Ini tulisan pertama. Ini tulisan kedua.
Ini tulisan ketiga.
Ini tulisan keempat.
Ini tulisan kelima.
Ini tulisan keenam.
Ini tulisan ketujuh.
http://lecturer.eepis-its.edu/%7Eriyanto/dot.gif3. Menghubungkan Text Pada Halaman Lain
Silahkan ketik diantara <body> dan </body> seperti dibawah ini:
<h2>Klik tulisan bergaris untuk membaca text secara penuh</h2><br>
<a href="para1.html"><i>Paragraf Satu</i></a><br>
<a href="para2.html"><i>Paragraf Dua</i></a><br>
Hasilnya silahkan di lihat disini.

Klik tulisan bergaris untuk membaca text secara penuh

Paragraf Satu


Ini tulisan pertama. Ini tulisan kedua.
Ini tulisan ketiga.
Ini tulisan keempat.
Ini tulisan kelima.
Ini tulisan keenam.
Ini tulisan ketujuh.

Paragraf Dua


Ini tulisan pertama. Ini tulisan kedua.
Ini tulisan ketiga.
Ini tulisan keempat.
Ini tulisan kelima.
Ini tulisan keenam.
Ini tulisan ketujuh.
Diposting oleh di

1 komentar:

  1. Unknown17 Juli 2012 pukul 02.44

    artikelnya bagus gan, tapi fontnya kenapa gelap bener T.T jd susah bacanya gan harus di blok dlu huhu

    --
    ISP Company

    BalasHapus

Langganan: Posting Komentar (Atom)