LAN Kurulumu ile İlgili Hazır Site Taslağı
LAN Kurulumu ile İlgili Hazır Site Taslağı
HTML Kısmı;
<body> <div id="wrapper"> <div id="header"> <ul class="menum"> <li><a href="#">Anasayfa</a></li> <li><a href="#">Hakkımızda</a></li> <li><a href="#">Kayıt Ol</a></li> <li><a href="#">İletişim</a></li> </ul> <form class="login"> <table border="0" bgcolor="#999999" width="200px" height="50px"> <tr> <td>Kullanıcı Adı </td> <td><input type="text" name="t" size="13" maxlength="50"></td> </tr> <tr> <td>Şifre </td> <td><input type="password" name="p" size="14" maxlength="10"></td> </tr> <tr> <td></td> <td><input type="submit" value=" Giriş "></td> </tr> </table> </form> </div> <div align="center" id="content"> <h2>LAN Kurulumu</h2> <p> Ağ (network) iki veya daha fazla bilgisayarın birbirleriyle iletişim hâlinde olmasıdır. Bu iletişim internet üzerinden farklı kıtalardaki iki bilgisayar arasında da olabilir, aynı mekân içinde olan iki bilgisayar arasında da olabilir. Eğer bu bilgisayarlar aynı yerel alan içinde bulunurlarsa bu ağ, LAN (local area network) olarak adlandırılır. </p> <p> Bilgisayarlar ağa bağlanmaya hazır ise yapılacak ilk iş ağ topolojisini seçmek olacaktır. Günümüzde en çok kullanılan topoloji yıldız topolojisidir. Uygun topoloji seçildikten sonra ağ yapısına uygun kablo seçimleri yapılmalıdır. Kablo seçiminden sonra belirlenen yere kablo döşeme standartlarına uygun olarak ağ kablolarının çekilmesi ve tüm kabloların ağ cihazları ile oluşturulan merkezde toplanması gerekmektedir. </p> <img src="internet.png"> </div> <div id="sidebar"> <h3>Kategoriler</h3> <ul class="menum2"> <li><a href="#">Donanım</a></li> <li><a href="#">Yazılım</a></li> <li><a href="#">Tasarım</a></li> <li><a href="#">Network</a></li> <li><a href="#">Veri Tabanı</a></li> <li><a href="#">İşletim Sistemi</a></li> <li><a href="#">İç Donanım</a></li> <li><a href="#">Dış Donanım</a></li> <li><a href="#">İşletim Sistemi</a></li> <li><a href="#">Bilgisayar Bileşenleri</a></li> </ul> </div> <div id="footer"> <h4>Copyright 2015 Tüm Hakları Saklıdır.</h4> </div> </div> </body>
CSS Kısmı;
@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
#wrapper
{
width:800px;
height:700px;
margin:10px auto;
}
#header
{
width:800px;
height:100px;
background-color:#333;
}
#content
{
width:600px;
height:600px;
background-color:#666;
float:left;
}
#content h2
{
text-align:center;
line-height:75px;
}
#content p
{
color:#FFF;
text-align:justify;
text-indent:25px;
padding:10px;
}
#content img
{
width:550px;
height:310px;
}
#sidebar
{
width:200px;
height:600px;
background-color:#999;
float:left;
}
#sidebar h3
{
text-align:center;
line-height:50px;
}
#footer
{
clear:both;
width:800px;
height:50px;
background-color:#333;
}
#footer h4
{
text-align:center;
line-height:50px;
color:#9FF;
}
.menum
{
list-style-type:none;
margin:8px;
padding:0px;
position:relative;
top:65px;
}
.menum a
{
text-decoration:none;
font-weight:bold;
padding:7px 10px;
color:#FFF;
background-color:#999;
text-align:center;
font-size:14px
}
.menum a:hover
{
font-weight:bold;
color:#009;
}
.menum li
{
display:inline;
}
.login
{
margin: 8px;
padding: 0px;
position: relative;
top:-20px;
left:575px;
color:#FFF;
}
.menum2
{
list-style-type:none;
padding:10px;
text-align:center;
}
.menum2 a
{
text-decoration:none;
color:#FFF;
}
.menum2 li
{
padding:5px;
}
.menum2 a:hover
{
font-weight:bold;
color:#009;
}
