EduCation

Pertama buatlah rangkaian seperti ini dengan menggunakan 2 router, 1 switch, dan 2 PC.

Menentukan ip class, disini saya menggunakan subnet /28, dimana terdapat (32-28)=4, 2^4=32 dan yang 2 ip digunakan untuk network,jadi ada 30 ip broadcast yang dapat digunakan.

Oke langsung saja, setelah itu..

Setting Ip router, dengan klik router kemudian akan tampil seperti berikut..

Untuk mengkonfigurasi ip router, lakukan seperti langkah pada gambar..

Int fastEthernet 0/0 merupakan interface dari fastEthernet router pada interface 0/0..

Lakukan sekali lagi untuk men setting interface 1/0..

Maka tampilan akan berubah seperti ini..

Untuk router yang ke 2, langkahnya sama, Cuma ip address yang dipakai apabila dengan router 1, maka ip address harus dalam satu range, apabila dengan switch dapat digunakan lain network dalam satu subnet..

Setelah itu tampilan akan seperti ini..

Untuk langkah selanjutnya, yaitu setting OSPF routing..

Langkah selanjutnya, setting ip address PC..

Untuk yang satunya, seperti berikut

Selesai..

Untuk mengetest apakah sudah berhasil.. seperti berikut..

Semua itu Hanya tutorial untuk membuat OSPF Routing,,

Untuk tampilan Tugas yang telah saya kerjakan..

Link Download Tugas.pkt.rar

Hmm... apa kabar nich? Semoga baik2 saja ya..

Karena pada tutorial kali ini, saya akan membahas tentang CSS pada HTML,, mula – mula, kita harus mengetahui apa itu CSS??
CSS merupakan kepanjangan dari Cascading Style Sheet yang memiliki fungsi sebagai pengatur tampilan pada suatu website, baik tata letak, jenis huruf, warna, dan lain-lain yang berhubungan dengan mempercantik Website...

Okey, langsung saja.. siapkan bahan2 yang akan dipergunakan:

1. Notepad++

2. Xampp

3. Aplikasi browser/ mozilla firefox/ google chrome

4. CSS sebelum di edit

Yupz... sudah klik CSS sebelum edit untuk download???

Berikut cara penulisan CSS dalam HTML..

Selanjutnya, copykan folder CSS yang telah di downloadke dalam folder XAMPP/htdocs, kemudian rename menjadi CSS..

Kemudian , buka mozilla firefox, pada Menu Address, ketikkan localhost/CSS/kemudian Enter..

Setelah itu, maka akan tampil seperti berikut:

Terlihat masih kosongan, dan ukuran teks masih tidak teratur..

Selanjutnya..

Buka folder xampp/htdocs/CSS kemudian, pada file index.php open with notepad++..

Untuk selanjutnya, silahkan lihat gambar berikut...

Berikut tag HTML yang sudah finish...

<html>
<head>
<style type="text/css">
table{
border-colapse:colapse;
border:1px solid black;
}

#menu{
height:40px;
width:960px;
background:url(bg-nav.jpg) repeat-x;
}

#menu table{
border:none;
}

#menu a{
color:white ;
text-decoration:none;
}

#menu a:hover{
background-color:white;
color:red;
}

#menu td{
height:40px;
text-align:center;
vertical-align:middle;
color:#fff;
font: bold 14px Candara, Arial, Tahoma;
}

#isi{
padding: 10 10 10 10;
}

#isi p{
color:black;
font: 11px Candara, Arial, Tahoma;
padding-bottom:5px;
}

#isi ul{
color:black;
font: 11px Candara, Arial, Tahoma;
padding-bottom:5px;
}

#isi img{
boder: 1px solid black;
width: 80px;
height: 100px;
}

.table-menu{
vertical-align: top;
border-colapse: colapse;
border: 1px solid black;
background-color: #0066cc;
}

.footer{
background-color:yellow;
}
#gawedewe a:hover{
background-color=white;
color=red;

}

#cobaaja h{
color:black;
}

</style>
</head>

<body>
<table width="70%" align="center">
<div id="cobaaja">
<tr>
<td><h1>EduCation</h1></td>
</tr>
<tr>
<td colspan=2><img src="header.jpg"></td>
</tr>
<tr>
<td colspan=2>
<div id="menu">
<table width="100%">
<tr>
<td align="center"><a href="">Depan</a></td>
<td align="center"><a href="">Profil</a></td>
<td align="center"><a href="">Produk</a></td>
<td align="center"><a href="">Kontak</a></td>
<td align="center"><a href="">Forum</a></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td width="70%">
<div id="isi">
<h1 style="color:blue; font:bold 16px Candara, Arial, Tahoma;"> Ayo Minum Susu</h1>
<img src="susu.jpg"/>
<p>Susu adalah sebuah cairan bergizi yang dihasilkan oleh kelenjar susu dari mamalia betina.
Susu adalah sumber gizi utama bagi bayi sebelum mereka dapat mencerna makanan padat.
Susu binatang (biasanya sapi) juga diolah menjadi berbagai produk seperti mentega, yoghurt, es krim, keju, susu kental manis, susu bubuk dan lain-lainnya untuk konsumsi manusia.
Semua orang di dunia ini membutuhkan susu untuk menopang kehidupannya. Baik dari bayi sampai orang yang sudah lanjut usia.</p>
<p>Khasiat susu sapi ternyata banyak sekali. Susu yang banyak digemari anak-anak ini disebut juga darah putih bagi tubuh karena mengandung banyak viatmin dan berbagai macam asam amino yang baik bagi kesehatan tubuh.
Dalam segelas susu terdapat antara lain:
<ul>
<li>Potasium, yang menggerakkan pembuluh darah agar tetap stabil, menghindarkan Anda dari penyakit darah tinggi dan jantung.</li>
<li>Zat besi, mempertahankan kulit tetap bersinar.</li>
<li>Tyrosine, mendorong hormon kegembiraan dan membuat tidur lebih nyenyak.</li>
<li>Kalsium, menguatkan tulang.</li>
<li>Magnesium, menguatkan jantung dan sistem saraf sehingga tidak mudah lelah.</li>
<li>Yodium, meningkatkan kerja otak cepat.</li>
<li>Seng, menyembuhkan luka dengan cepat.</li>
<li>Vitamin B2, meningkatkan ketajaman penglihatan.</li>

</ul>
</p>
</div>
</td>
<td width="30%" class="table-menu">
<marquee><h3><blink>Artikel Lainnya</blink></h3></marquee>
<div id="gawedewe">
<ul>
<li><a href=""><blink>Cara mempercantik Blog</blink></a>
<li><a href=""><blink>Bagaimana cara untuk merawat tubuh agar tetap langsing dan bahenol</blink></a>
<li><a href=""><blink>Tutorial membuat Web</blink></a>
</ul>
</div>
</td>
</tr>
<tr>
<td colspan=2 height=50 class="footer">
<p style="color:blue; font:bold 12px candara, arial, tahoma; text-align:center;"><a href="roni3merlin.blogspot.com">roni3merlin.blogspot.com</a></p>
</td>
</tr>
</table>
</body>
</html>

EduCation

Kamis, 27 Juni 2013

OSPF (jaringan komputer)

Selasa, 02 April 2013

Tutorial implementasi CSS dalam HTML