-TIPS DAN TRIK MEMBUAT WEB SEDERHANA MENGGUNAKAN MACROMEDIA
DREAMWAEVER 8
·
Cara menyambungkan file CSS ke file HTML
Pertama buat site baru lalu buat file HTML setelah itu buat
file baru degan menekan tombol Ctrl + N atau pilih file pada menu bar lalu
pilih New dengan basic page CSS.
Tulis diantara <head >dan </head> pada
file HTML (<link rel="stylesheet" type="text/css" href="index.css"
/> setelah anda menulis href jangan
lupa brows pada file css yang dituju).
Tulislah atau copy pada file css text dibawah ini
#wraper
{
height:auto;
width:900px;
padding:5px;
padding-top:20px;
padding-left:15px;
padding-right:15px;
padding-bottom:20px;
margin:auto;
border:2px solid black;
border-radius:15px;
}
#header
{
height:140px;
width:900px;
background-color:#1F1A17;
margin:auto;
border:2px solid white;
border-radius:15px;
}
#menu
{
height:auto;
width:900px;
margin:auto;
margin-top:5px;
margin-top:5px;
}
#sidebar
{
height:auto;
width:200px;
float:left;
margin:auto;
margin-top:10px;
border:2px solid white;
border-radius:15px;
}
#content
{
height:auto;
width:685px;
float:right;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}
#footer
{
height:auto;
width:900px;
clear:both;
margin:auto;
border-radius:15px;
}
a
{
padding:4px;
}
Setelah itu tulislah text dibawah
ini diantara <body> dan </body>
<div id="wraper">
</div>
<div id="menu">
</div>
<div id="sidebar">
</div>
<div id="content">
</div>
</div>
</div></body>
Lalu cobalah melihat hasilnya
dengan menekan f12
Tidak ada komentar:
Posting Komentar