Sabtu, 26 Februari 2011

studi kasus modul 4 desain web css

hehehe. sebenarnya sih sudah terlambat kalau mau posting studi kasus modul 4 ini. hm, tapi lebih baik terlambat daripada tidak sama sekali , bukan begitu (?) #menghibur diri sendiri.
yah, hitung-hitung berbagi ilmu sama yg mau baca. karena alangkah baiknya jika kita bisa berbagi dengan orang lain apa yg kita punya dan yang kita pahami #walaupun sebenarnya saya juga tidak paham banget alias masih dalam tahap belajatr :)
yey. berikut ini cara membuat desain border halaman web. yg standart yg di dalamnya content-nya belum ada isinya apa-apa. lets play ..
========================================================================
========================================================================
>> langkah pertama , buat code dan menyimpannya dengan ekstensi css. berikut sourcenya ..
body {
margin: 10px auto;
width: 750px;
}
header,nav,section,footer {
display:block;
}
header {
height:70px;
width:700px;
border:1px solid red;
background:#971c96;
}

Minggu, 20 Februari 2011

tugas modul 4 desain web css

dalam episode kali ini (ahihihi) saya akan mencoba share ttg bagaimana caranya membuat desain halaman web dengan menggunakan css. sebenarnya sih tidak terlalu rumit , bila kita mau memahami perlahan-lahan namun pasti #padahal saya sendiri juga gak paham --,

hm, tapi mungkin dengan sedikit source code #sebenarnya banyak , saya mencoba berbagi ilmu yang sudah sedikit saya pahami. berikut sourcenya .. yuhuuu :)

===========================================================================
>> pertama kita membuat source code dengan ekstensi css #dot css maksutnya --'

body {
margin: 10px auto;
width: 800px;
}

header,nav,section,footer {
display:block;
}

header {
height:70px;
width:800px;
background-image:url(header.gif);
}

nav{
float:left;
width:800px;
height:40px;
background:#ccccff;
}

Selasa, 15 Februari 2011

tugas modul 3 tampilan face-mu

>> source code css

#wrapper {
margin:auto;
width: 1000px;
border: 1px solid white;
}


#header{
height: 90px;
background: #930bc0;
}


#ukuran {
float: right
height: 30px;
font-weight:bold;
}


#content {
float: right;
width: 1000px;
height: 420px;
background: #eed8f5;
}


#footer {
clear: both;
height:50px;
background: #9454a4;
}

Rabu, 09 Februari 2011

tugas dan studi kasus modul 2

# studi kasus 
>> source code header

<html>
<head>
<title>STUDI KASUS</title>
<frameset rows="15%,*, 10%">
<!--frame atas -->
<frame src="atas.html" name="top" id="top"/>
<frameset cols="20%,*, 20%">
<!--frame atas -->
<frame src="kiri.html" name="top" id="top"/>
<!--frame kiri -->
<frame src="tengah.html" name="left" id="left"/>
<!--frame kanan -->
<frame src="kanan.html" name="right" id="right"/>
<!--frame mid -->
<frame src="indo.html" name="middle" id="middle"/>
</frameset>
<!--frame bawah -->
<frame src="bawah.html" name="bottom" id="bottom"/>
</html>

>> output hasil pada halaman web ..

==============================================
==============================================