Notes
Notes - notes.io |
<div class="ana">
<div class="ust"> ÜST Bölüm (Banner Alanı) </div>
<div class="sol"> SOL Bölüm (Menü) </div>
<div class="sag"> SAĞ Bölüm (İçerik) </div>
<div class="alt"> ALT Bölüm (Footer Alanı) </div>
</div>
ana
{
width:995px;
margin:0 auto;
padding:1px;
border:1px solid blue;
border-radius:5px;
}
.ust
{
height:100px;
border:1px solid blue;
background-color:white;
padding:10px;
border-radius:5px;
margin-bottom:1px;
}
sol
{
float:left;
width:150px;
height:450px;
border:1px solid blue;
background-color:white;
padding:10px;
border-radius:5px;
}
.sag
{
float:left;
width:800px;
height:450px;
border:1px solid blue;
background-color:white;
padding:10px;
border-radius:5px;
margin-bottom:1px;
margin-left:1px;
}
alt
{
clear:both;
height:50px;
border:1px solid blue;
background-color:white;
border-radius:5px;
text-align:center;
padding:10px;
}
<div class="sol">
<ul class="solmenu">
<li> <a href="index.html"> Bilişim </a> </li>
<li> <a href="ag.html"> Ağ </a> </li>
<li> <a href="teknik.html"> Teknik Servis </a> </li>
<li> <a href="veritabani.html"> Veritabanı </a> </li>
<li> <a href="web.html"> Web </a> </li>
</ul>
</div>
.body
{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
}
.solmenu
{
margin:0 auto;
padding:0px;
}
.solmenu li
{
list-style-type:none;
padding-bottom:5px;
}
solmenu li a
{
text-decoration:none;
background-color:white;
color:blue;
border:1px solid blue;
display:block;
border-radius:5px;
padding:5px;
}
.solmenu li a:hover
{
background-color:blue;
color:white;
font-weight:bold;
}
.ust
{
……..
……..
//Aşağıdaki kod yukarıdaki .ust kodlarına ilave edilecektir.
background-image:url(banner.jpg);
}
BİLİŞİM TEKNOLOJİLERİ ALANI:
Öğrencileri gündelik hayat ve iş dünyasının vazgeçilmez bir parçası olan
bilgisayar alanında, yazılım ve donanıma hâkim bireyler haline getirmek; onları
geleceğe ve ülke ekonomisindeki yeni yerlerine hazırlamak, öğrencileri
bilgisayar teknolojilerini kullanabilen, ülke kalkınması yolunda önemli adımlar
atabilen, iyi kararlar verebilen ve bu kararlara katılabilmek için, genel ve
teknolojik anlamda usta birer okur-yazar olan bireyler haline getirmek ve
onların Bilişim Teknolojileri alanında istihdam edilebilmelerini sağlamaktır.
<div class="alt">
<ul class="altmenu">
<li> <a href="index.html"> Bilişim </a> </li>
<li> <a href="ag.html"> Ağ </a> </li>
<li> <a href="teknik.html"> Teknik Servis </a> </li>
<li> <a href="veritabani.html"> Veritabanı </a> </li>
<li> <a href="web.html"> Web </a> </li>
</ul>
</div>
.altmenu
{
margin: 0 auto;
padding-left:150px;
padding-top:10px;
}
.altmenu li
{
list-style-type:none;
}
.altmenu li a
{
text-decoration:none;
background-color:white;
color:blue;
border:1px solid blue;
display:inline;
border-radius:5px;
padding:5px;
margin-right:5px;
float:left;
width:120px;
}
.altmenu li a:hover
{
background-color:blue;
color:white;
font-weight:bold;
}
.sag p
{
font-size: 24px;
}
<link type="text/css" href="stil.css" rel="stylesheet"/>
AĞ İŞLETMENLİĞİ DALI: Bilgisayar sistemlerinin donanım ve yazılım kurulumu,
ağ sistemlerinin kurulumu, yönetimi ve ağ ortamı üzerinde yaşanabilecek
sorunlar, çözüm yolları ve geniş ağ sistemleri yönetimine yönelik eğitim ve
öğretim verilen daldır.
TEKNİK SERVİS DALI: Bilgisayar sistemlerinin donanım ve yazılımı kurulumu,
bakım ve arıza giderme işlemleri ve bilgisayarla kontrol edilebilen sistemler
kurmaya yönelik eğitim ve öğretim verilen daldır.
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
