Senin, 28 Februari 2011

Studi Kasus Modul 4


Souce Code Css:




Source Code html:
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Studi Kasus Modul 4</title>
<link rel="stylesheet" href="layout4.css" type="text/css" />
</head>
<body>
<header>Header</header>
<nav>
<home>Home</home>
<articles>Articles</articles>
<download>Download</download>
<aboutus>About Us</aboutus>
<search>Search</search>
</nav>
<inner>
<sidebar>
<login>Login</login>
<br/>Aside
</sidebar>
<contents>Content</contents>
Section
</inner>
<footer>Footer</footer>
</body>
</html>



Screenshoot:


Diposting oleh di Tidak ada komentar:

Tugas Praktikum Modul - 4


 

Syntaks.html :
<!DOCTYPE HTML>
<html lang="en">

<head>
<title>Welcome to Mellysa Raddin Site's</title>
<link rel="stylesheet" href="style.css" type=text/css />
</head>

<body>

<header>
</header>


<nav>
<font size="3" face="Times New Roman"><div align="center">
<ul id="nav">
<li><a href="">Logout</a></li>
<li><a href="">Tips</a></li>
<li><a href="">Tutorials</a></li>
<li><a href="">News</a></li>
<li><a href="">Home</a></li>
</ul>

<font color = "#6453ea" SIZE="4" face="Georgia">
<div align="left">
Search
<input type=”Search” name=”Search” size="30" width="30">
</nav>

<section>
<sidebar>
<img src="mell.jpg">
</sidebar>

<sidebar2>
<font color = "#6d6dec" SIZE="2" face="Sylfaen">
<br>
Abdinah lahir neng Mekkasan. E tanggel Ennam Desember Sebuh Sangangatos Sangang Polo, sareng reng tuwah e-berrik nyamah paleng Raddin enggi panekah "Mellysa Rahmawati Maryam".
<br>
<br>Arti dari bacaan Diatas :
Saya di lahirkan kota Pamekasan. Pada Tanggal 6 Desember 1990, Sama orang tua di beri nama yang paling Cantik yaitu "Mellysa Rahmawati Maryam".
<br>
<br>Akkuwgh persembahkan tuk Bunda terCinta :
"Women Light Heaven" (I Miss You Mother akkuwh). . .
flickering stars desperate able to remove it ....
the sun is shining can cover the grief ...
smile a remedy, the soul, like the full moon shining bright ...
loneliness terhampus sheet happiness he gave ...
light like a lump of light that can illuminate the whole of nature ...
his eyes are shining like water that revealed the face of beautiful ...
ablution water drop by drop membasahai his body ...
prayer by prayer poured his heart ...
when its wings on fire, he tried to make the wings were intact! ...
faithful patience to accompany my day a cheerful ....
he is always turned on the lights that dim in my life ...
obtaining a piece he put his hopes for the world is grateful and thankful for the blessings that God has given especially to the children ...
he is always taught the world to still not understand its environment, especially in children ...
because she is a woman who always made light of heaven we still not understand what the meaning of mutual respect and sense of each other happy ...
</sidebar2>

<sidebar3>
<font color = "#3c26e3" SIZE="3" face="Georgia">
<br>^_^ Scheduling Website Mell ^_^
<font color = "#3c26e3" SIZE="3" face="Bradley Hand ITC">
<br><br><a href="http://www.facebook.com/"> my facebook :) Mell</a>
<br><a href="http://melisa-mellz.blogspot.com/"> inspirative page #blog</a>
</sidebar3>
</section>

<footer>
<font color = "#942bb7" SIZE="3" face="MS Mincho"><div align="center">
Home | News & Media | Tutorials | Tips dan Tricks | Downloads
<br><font color = "#6d6dec" SIZE="4" face="Harrington"><div align="center">
&trade; Melisa Rahmawati Maryam _ 209533425529 &trade;
</footer>

</body>
</html>



Diposting oleh di Tidak ada komentar:

Senin, 14 Februari 2011

Studi Kasus Modul 3

 


Syntax : <!DOCTYPE html>
<html lang="en">

<head>
<title>Selamat datang di Face-mu, ...</title>
<link rel="shortcut icon" href="icon.png">
<style type="text/css">
<!--
.box1 {
float: right;
padding: 5px;
height: 100px;
}
.box2 {
float: right;
padding: 5px;
height: 100px;
}
#header{
height: 80px;
background: #4169E1;
}
#logo{
float: left;
padding-left: 100px;
padding-top: 20px;
}

.box3 {
}
.box4 {
width: 1950px;
height: 25px;
background: #4169E1;
text-align:left;
font-size:15px;
color:#fff
}
-->
</style>
</head>

<div id="logo">
<img src="facemu.png">
</div>

<form>
<div id="header">
<div class="box2">
<br><input type="button" value="masuk">
<br>
</div>

<div class="box1">
Password <br><input type="text" size="25">
<br>Lupa kata sandi anda?
</div>

<div class="box1">
Email <br><input type="text" size="25">
<br><input type="checkbox">Biarkan saya tetap masuk
</div>
</div>

<div class="box3">
<img src="bg.jpg" width='1950' height='365'>

<div class="box4"> Face-mu © 2011 - Melisa Production
</div>

</form>
</body>
</html>
Diposting oleh di Tidak ada komentar:

Tugas Praktikum Modul 3


 


Syntax :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Rounded Border</title>
<style type="text/css">
<!--

.lingkaran2{
width:150px;
height:150px;
border: 2px solid brown;
border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
background:#897048;
text-align:center;
font-size:18px;
color:#fff
}
.text-lingkaran{
padding-top: 100px;
}

.round2 {
-moz-border-radius-bottomright: 25px 25px;
border-bottom-right-radius: 25px 25px;
-moz-border-radius-topleft: 25px 25px;
border-top-left-radius: 25px 25px;
border: 4px solid green;
padding: 10px;
width: 270px;
height: 30;
}

.round3 {
border: 2px solid #897048;
padding: 10px;
}
.shadow {
width: 300px;
box-shadow: 5px 5px 7px #222;
-moz-box-shadow: 5px 5px 7px #222;
-webkit-box-shadow: 5px 5px 7px #222;
}

-->
</style>
</head>
<body>

<p>
<div class="lingkaran2">
<span class="text-lingkaran">
<br> Yang ini </br> border </br> Lingkaran!! Pendekatan yang di lakukan masih sama lho!!
</span>
</div>

<br />
<div class="round2">
Bisa juga kreasi border sperti ini.</br>
hhmmmmm.......
</div>
<br/>

<div class="shadow">
<p class="round3">Yang ini baru Efek Shadow
</div>
<br/>
</body>
</html> 


Diposting oleh di Tidak ada komentar:

Senin, 07 Februari 2011

Studi Kasus Modul 2

Script :

link 1:





Demo Link



Klik di sini






link 2 :





Demo Link 2



untuk kembali ke halaman pertama
Klik di sini





Gabungan Link 1 dan Link 2 :





frame












un





browser tidak support frame






Output :


Diposting oleh di Tidak ada komentar:

Tugas 2 Praktikum

Script :






Tabel Pengelompokan





















No
Fitur
Enterprise
Pro
Free
1Garansi seumur hidupX--
2MultiuserX--
3Update otomatisXX-
4Cetak laporanXX-
5Notifikasi errorXXX
6Ubah temaXXX
7Try ikonXXX






Output :


Diposting oleh di Tidak ada komentar:
Script :






Tugas 1 Praktikum
Perusahaan Pendapatan
Angin Reboot Ltd
+150%
Command Prompt, Inc
+55%
Hibernate Ltd -23%
Shutdown Ltd -75%







Output :


Diposting oleh di Tidak ada komentar:

Minggu, 06 Februari 2011

"Wanita Cahaya Syurga" ( I Miss You Bunda akkuwh) . . .

kerlip bintang mampu menghapus putus asa itu….
matahari yang bersinar bisa menutupi kesedihannya…
senyumannya yang menyejukan jiwa, laksana bulan purnama bercahaya terang…
kesendirianku terhampus lembaran kebahagiaan yang dia berikan…
cahayanya bagaikan segumpal cahaya yang mampu menerangi seluruh alam…
tatapan matanya yang bersinar seperti air yang menampakkan wajah cantiknya…
setetes demi setetes air wudhu membasahai raganya…
doa demi doa menyiram hatinya…
ketika sayap-sayapnya terbakar,dia berusaha membuat sayapnya itu utuh!…
kesabarannya setia menemani hariku yang ceria….
dia yang selalu menyalakan cahaya-cahaya yang redup dalam hidupku…
dia selau menaruh sepotong harapannya agar dunia semakin bersyukur dan bersyukur atas nikmat yang Tuhan berikan terutama pada anak-anaknya…
dia yang selalu mengajarkan dunia untuk mngerti lingkungannya terutama pada anak-anaknya…
karena dia adalah wanita cahaya syurga yang selalu membuat kita mngerti apa arti dari saling menghargai dan arti dari saling membahagiakan…
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)