Someday....

SOMEDAY

As days go by and fade to nights
I still question why you left.
I wonder how it didn't work out
But now you're gone and memories all I have
for now..

But no it's over
We'll get older
we'll get over
We'll live to see the day that I hope for come back to me
I still believe that
we'll get it right again,
we'll come back to life again,
we won't say another goodbye again,
and you'll live forever with me..

Someday
Someday we'll be together

Our someday might be today,
Misteries of destiny say,
Our somehow and our someway
for all we know they come tomorrow
But for today my eyes are open,
my arms are raised for your embrace
my hands are here to mend what is broken,
to feel again the walk of the faith

I believe there is more to life
oh I love you much more than life,
and still I believe I can change your mind
Revive what is dying inside

Someday
Someday we'll be together
Someday
Someday we'll be together

(OST.film August Rush--performed by John Legend)

love this song very much. GREAT LYRIC GREAT SONG GREAT MOVIE. impressively ARTISTIC. SOMEDAY MIGHT BE TODAY (a profound phrase for my life,your life maybe)
MISTERIES of DESTINY (apa yang tiba2 terjadi hari ini tak pernah bisa dijelaskan). Bukankah kebetulan-kebetulan itu bukanlah KEBETULAN!

Mengingat beberapa waktu lalu
tentang pertemuan dengan beberapa sahabat
saudara terbaik
ketika merasa asing di kota ini
ketika merasa aneh kuliah disini
ketika merasa rindu rumah
ketika sepi menguasai diri
ketika kondisi kadang penuh emosi
mereka ada untuk diri ini
dengan candanya..
dengan nasehatnya..
dengan ilmu-ilmunya..
dengan keabsurdannya..
dan dengan hal indah lainnya..

ada awal pasti ada akhir..
kenangan indah kita bersama bakalan tertanam kuat di memori
menemani sisa-sisa perjuangan di kota ini
we'll always be together...never apart, coz all of u guys are in my heart...
cz someday...we'll be together..

6 maret 2010 02.36 dini hari
@ RF tercinta

Membuat Desain Halaman Web Atraktif (2)

Setelah kita berhasil membuat layout halaman web dengan division, kita dapat mengembangkan layout tersebut menjadi sebuah halaman web yang atraktif.
Halaman web yang akan dibahas disini adalah halaman web sederhana sehingga mudah untuk dibuat.

Seperti sebelumnya, karena kita bekerja menggunakan CSS, maka terlebih dahulu kita buat file CSS dengan nama template.css
Kode selengkapnya seperti di bawah ini.

#wrapper {<br /> margin: auto;<br /> width: 900px;<br /> border: 1px solid blue;<br /> background: #00699F;<br /> }<br /> <br /> #header {<br /> height: 80px;<br /> border: 1px solid blue;<br /> margin: 7px 0 0 0;<br /> repeat: x;<br /> background: url(elektro.JPG);<br /> }<br /> #logo {<br /> height: 70px;<br /> width: 70px;<br /> margin: 5px 0 0 20px;<br /> float: left;<br /> }<br /> #textheader {<br /> height: 70px;<br /> width: 500px;<br /> margin: 5px 20px 0 0;<br /> float: left;<br /> font-size : 20px;<br /> font-color : white;<br /> }<br /> #buttonsearch {<br /> float: right;<br /> margin : 30px 0 0 0;<br /> width: 50px;<br /> height : 30px;<br /> border : 1px solid blue;<br /> }<br /> #fieldsearch {<br /> float: right;<br /> margin : 30px 50px 0 0;<br /> width: 150px;<br /> height : 30px;<br /> border : 2px solid black;<br /> }<br /> #button {<br /> float: right;<br /> cursor: pointer;<br /> font-size: 10px;<br /> font-weight: bold;<br /> height: 30px;<br /> margin: 0 0 0 7px;<br /> text-align: center;<br /> vertical-align: bottom;<br /> white-space: pre;<br /> width: 50px;<br /> }<br /> #text{<br /> border: 1px solid #ffffff;<br /> color: #000000;<br /> font-size: 10px;<br /> font-variant: normal;<br /> height: 25px;<br /> line-height: normal;<br /> width: 148px;<br /> }<br /> #menuheader ul {<br /> float: right;<br /> width: 250px;<br /> margin: 0;<br /> padding: 0 27px 0 0;<br /> list-style: none;<br /> }<br /> <br /> #menuheader ul li a{<br /> float: left;<br /> width: 45px;<br /> font-size: 12px;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> color: #011629;<br /> border-right: 1px solid #011629;<br /> }<br /> <br /> <br /> #inner{<br /> float: left;<br /> width : 900px;<br /> height : auto;<br /> margin:5px 0;<br /> border: 1px solid blue;<br /> }<br /> <br /> #sidebar {<br /> float: left;<br /> margin-right: 20px;<br /> width: 180px;<br /> height: 330px;<br /> border: 1px solid white;<br /> background: #C8DCEE;<br /> }<br /> <br /> #leftmenu ul {<br /> width: 180px;<br /> list-style-type: none;<br /> padding:0; margin: 0;<br /> }<br /> <br /> #leftmenu a:link, #leftmenu a:visited, #leftmenu a:active {<br /> padding-left: 15px;<br /> text-decoration: none;<br /> }<br /> <br /> #leftmenu a {<br /> padding: 5px 0px 5px 15px; display: block;<br /> background: #225D86 no-repeat left center;<br /> margin: 0px 0px 1px; color: #ffffff;<br /> }<br /> #leftmenu a:hover {<br /> background: #228664 no-repeat left center; color: #ffffff<br /> }<br /> <br /> #inner1{<br /> float: left;<br /> width: 685px;<br /> height: auto;<br /> margin-left : 5px;<br /> border: 1px solid blue;<br /> }<br /> <br /> #top{<br /> float: left;<br /> width: 683px;<br /> height: 100px;<br /> border: 1px solid blue;<br /> }<br /> <br /> #maincontent {<br /> float: left;<br /> width: 500px;<br /> height: 225px;<br /> border: 1px solid blue;<br /> background: #C8DCEE;<br /> }<br /> <br /> #right{<br /> float : right;<br /> width: 175px;<br /> height: 150px;<br /> border: 1px solid blue;<br /> background: #AABCCD;<br /> }<br /> <br /> #footer {<br /> clear: both;<br /> height: 50px;<br /> border: 3px solid white;<br /> font-size : 14px;<br /> font-weight: bold;<br /> }

Setelah itu kita membuat kode html dengan nama template.html
Kode selengkapnya seperti di bawah ini.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"xml:lang="en"lang="en"><br /> <br /> <head><br /> <title>Desain Halaman Web Atraktif</title><br /> <link rel="stylesheet" href="template.css" type="text/css" /><br /> </head><br /> <br /> <body><br /> <br /> <div id="wrapper"><div id="header"><div id="logo"><img src="UM.JPG" width="70" height="70"></img><br /> </div><div id="textheader"><h2>JURUSAN TEKNIK ELEKTRO</h2></div><div id="menuheader"><ul><li><a href="#home">Home</a></li> <li><a href="#Situs_Map">Situs Map</a></li> <li><a href="#RSS">RSS</a></li> <li><a href="#Contact">Contact</a></li> <li><a href="#About_US">About Us</a></li> </ul></div><div id="fieldsearch"><input type="text" name="q" size="10" id="text" title="searchfield" /><br /> </div><div id="buttonsearch"><input type="submit" name="Search" value="Search" alt="Search" id="button" title="Search" /><br /> </div></div><br /> <div id="inner"><div id="sidebar"><div id="leftmenu"><ul><li><a href="#">Home</a></li> <li><a href="#">Pembelajaran</a></li> <li><a href="#">Teknologi</a></li> <li><a href="#">Kemahasiswaan</a></li> </ul></div></div><div id="inner1"><div id="top"><img src="offb.jpg" width="340" height="98" align="left"></img><br /> <img src="header.jpg" width="340" height="98" align="left"></img><br /> </div><div id="maincontent"><h1>Semarak Lomba Desain Header Web</h1><p>Sampai dengan hari terakhir (31/01) batas pengumpulan desain header web dalam lomba yang diadakan oleh Jurusan Teknik Elektro, telah terkumpul sebanyak 120-an karya dari 18 desainer. Kiranya respon baik para mahasiswa Teknik Elektro ini patut diapresiasi dan dijadikan motivasi untuk meraih prestasi lebih tinggi.<br /><br /> <br /> </div><div id="right">Recent Posts<br /> <ul><li><a href="#">Pemenang Lomba Header</a></li> <li><a href="#">Hello World</a></li> <li><a href="#">Uncategorized</a></li> </ul></div></div></div><br /> <div id="footer"><p align="center">Copyright © 2010 by Rinda Wahyu Iksanti </p></div></div><br /> </body><br /> </html>

Setelah mengetikkan kode-kode di atas, kita dapat menjalankan file template.html dengan browser yang sudah ada. Jangan lupa untuk mengaktifkan local hostnya.
Tampilan desain halaman web sederhana yang atraktif dapat dilihat seperti gambar di bawah ini.

Perlu diketahui pula bahwa dalam pembuatan desain web di atas, kita memerlukan beberapa sumber gambar.