Translate

berita dari news.detik

This is default featured post 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured post 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Senin, 28 Oktober 2013

Trend Potongan Rambut Cowok Ala Korea 2013

Trend Potongan Rambut Cowok Ala Korea 2013

Trend Potongan Rambut Cowok Ala Korea 2013 – Buat cowok Indonesia yang suka bergaya, dan sangat memperhatikan penampilan mungkin bisa menjadi bahan acuan penampilan kalian. Langsung saja berikut ini adalah beberapa model rambut pria korea terbaru 2013 yang sedang menjadi tren model rambut di korea.
1. Short Hair Mohicans Potongan Rambut Cowok Ala Korea 2013
Korean+Hairstyles+Male+01 Trend Potongan Rambut Cowok Ala Korea 2013
Pada Gaya Model Rambut Pria Korea Terbaru 2013 ini, kedua sisi rambut dipotong pendek, model ini sebenarnya sudah lama menjadi tren di dunia di tahun 90n, akan tetapi para desainer rambut korea dengan cerdas membuat desain baru model ini dengan lebih fresh dan futuristik. Model rambut pria yang terkenal dengan sebutan Mohicans ini akan membuat kamu tampak lebih bersih dan macho.
2. Revealed short curly hair Potongan Rambut Cowok Ala Korea 2013
Korean+Hairstyles+For+Men+03 Trend Potongan Rambut Cowok Ala Korea 2013
Gaya rambut ini menjadi tren bagi kalangan eksmud di korea. Meskipun begitu banyak loh artis yang juga menerapkan Gaya Model Rambut Pria Korea Terbaru 2013 ini dan menjadi tren di tahun 2013 ini. Model ini sebetulnya hampir sama dengan Model Mohichan cuma, ini engga pake di bikin mohawk ke atas, tetapi di jatuhkan ke depan atau kesamping.
3. Oblique Bangs Potongan Rambut Cowok Ala Korea 2013
Korean+Hairstyles+For+Men+05 Trend Potongan Rambut Cowok Ala Korea 2013
Model rambut korea tipe ini sebetulnya sudah menjadi tren di tahun 2012 kemaren akan tetapi bakalan tetap eksis di tahun 2013 ini, Alasannya adalah simple, karena bintang-bintang korea masih betah pake model rambut jatuh kesamping ini.
4. Textured Perm Hairstyle Potongan Rambut Cowok Ala Korea 2013
2012120615313710 Trend Potongan Rambut Cowok Ala Korea 2013
Mode rambut ala korea ini akan membuat kamu tampak lebih cute dan sexy icon razz Trend Potongan Rambut Cowok Ala Korea 2013 . Wanita sangat menyukai pria dengan gaya rambut yang lembut seperti ini. Terutama bagi para gadis yang masih duduk dibangku sekolah pasti menyukainya.
5. Short Mohawk K-Pop Style Potongan Rambut Cowok Ala Korea 2013
tae yang2 Trend Potongan Rambut Cowok Ala Korea 2013
Thanks God ada sosok Taeyang yang super duper keren dengan model rambut korea ini. Tidak bisa dipungkiri style rambut ala korea ini langsung menjadi tren di kalangan anak muda. Dan apa yang di bilang para ladies tentang fenomena para pria yang memakai gaya rambut ala korea ini? “wow cocok banget”, begitulah kata para ladies out there.
6. Obligue Fringe X Style
543524 300206186735006 156699717752321 670435 2107973201 n Trend Potongan Rambut Cowok Ala Korea 2013
Model ini sangat cocok untuk kamu tipe pria yang cuek apa adanya.  Kesan cool akan tampak dengan sedikit bantuan wax untuk mengangkat bagian depan agar tetap rapi. Ini merupakan gaya rambut yang juga sangat di gemari di jepang. Cocok banget untuk kamu yang berjiwa rocker, eits sapa bilang kpop ga bisa ngeRock.
7. Overlay Long bangs X Style Potongan Rambut Cowok Ala Korea 2013
Korean+Hairstyles+For+Men+06 Trend Potongan Rambut Cowok Ala Korea 2013
Model rambut untuk pria simpel, easy going dan fluffy pria. Gaya rambut model seperti ini memerlukan poni panjang dibagian depan untuk disisir kesamping.

Rabu, 23 Oktober 2013

cara membuat desain web


cara membuat desain web


  



Pengenalan Tag Pada HTML

Dalam HTML tag merupakan code sekaligus perintah dimana kita dapat mengatur tampilan yang kita inginkan. Tag pada HTML selalu diawali dengan <x> dan ditutup dengan </x> dimana x adalah perintah dari apa yang kita inginkan.
·         Daftar Tag Pada HTML
ELEMEN DASAR
Jenis Dokumen
<HTML></HTML>
(terdapat pada awal dan akhir dari file HTML)
Judul
<TITLE></TITLE>
(harus selalu terdapat pada mukadimah)
Mukadimah (Header)
<HEAD></HEAD>
(keterangan umum, seperti judul dsb.)
Batang Tubuh
<BODY></BODY>
(isi dari halaman HTML)





FORMAT TAMPILAN
Huruf Tebal
<B></B>
(Bold)
Huruf Miring
<I></I>
(Italic)
Garis Bawah
<U></U>
(Underline - jarang digunakan)
Rata Tengah
<CENTER></CENTER>
(Center - berlaku untuk teks maupun gambar)
Huruf Kedip
<BLINK></BLINK>
(Blinking - tag terlucu sampai kini)
Ukuran Huruf
<FONT SIZE=?></FONT>
(Font Size - boleh diisi dari 1 sampai 7)
Warna Huruf
<FONT COLOR="#$$$$$$"></FONT>

Pilih Jenis Huruf
<FONT FACE="***"></FONT>


PEMISAH
Paragraf
<P></P>
(tag penutup seringkali tak diperlukan)
Align Text
<P ALIGN=LEFT|CENTER|RIGHT></P>
 
Pndah Baris
<BR>
(pindah ke baris berikut)
Garis Datar
<HR>
(Horizontal Rule)
Penataan Letak Garis
<HR ALIGN=LEFT|RIGHT|CENTER>
 
Tebal Garis
<HR SIZE=?>
(dalam satuan pixel)
Lebar Garis
<HR WIDTH=?>
(dalam satuan pixel)
Lebar Garis Persentasi
<HR WIDTH="%">
(dalam persentasi terhadap lebar halaman)

LATAR BELAKANG DAN WARNA
Latar Belakang Gambar
<BODY BACKGROUND="URL">
(Tiled Background)
Warna Latar Belakang
<BODY BGCOLOR="#$$$$$$"
(Background Color - urutan: merah/hijau/biru)
Warna Huruf Teks
<BODY TEXT="#$$$$$$">


TABEL
Rancangan Tabel
<TABLE></TABLE>

Garis Batas Tabel
<TABLE BORDER=?></TABLE>

Lebar Tabel
<TABLE WIDTH=?>
(dalam satuan pixel)
Lebar Tabel Persentasi
<TABLE WIDTH="%">
(dalam satuan persen terhadap lebar halaman)
Baris dalam Tabel
<TR></TR>
 
Penataan Letak Baris
<TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
 
Sel dalam Tabel
<TD></TD>
(harus ada dalam setiap baris tabel)
Penataan Letak Sel
<TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
 
Kepala Tabel
<TH></TH>
(Table Header - seperti data dengan Bold dan Center)
Penataan Letak Kepala Tabel
<TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM
VALIGN=TOP|BOTTOM|MIDDLE>
 
Warna Kepala Tabel
<TH BGCOLOR="#$$$$$$">



A.    Dasar dasar HTML

1.      Membuat judul tab dalam halaman web, buka notepad++ terlebih dahulu, kemudian ketikan code dibawah ini:

<html>
<head>
  <title> My First HTML Project </title>
</head>
  <body BGCOLOR=“Green” TEXT=“Red”>
     WELCOME TO MY WEBSITE
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 1 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7SYS6E1ukOeKYXgn5kBWpikPD-lbjtQq4JJSMmcj7q0MnX6JEo_fjA_qR8zuV9GwfZw-R98Od92fX1RoBTk7Tf5KRFIFaJki8IUtqXNR9y-urjVUNSWaesQu54Hmw-b4yz26f-yXy4MA/s320/welcome.png 
Gambar 1.  Judul Tab Halaman

2.      Mengatur paragraf texs, buka notepad++ kemudin ketikan code dibawah ini:

<html>
<head>
 <title> Tag P, Br dan Hr </title>
</head>
<body>
 <p>Ini adalah paragraf pertama, yang berisi 3 baris.  Baris satu, dua dan tiga. <br><br></p>
 <p>Ini adalah paragraf kerdua, yang berisi garis horizontal</p>
<hr> Ini adalah garis horizontal.
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 2 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvNGVErTDnIiUYqNx1hTSzQdvUW9bI61zKo2rycL_CvvX5q2MEkTdI47iSLYjaF9vtQ86LQuIbfiCyk8UNTL-0dXiRSyysb5OJ3Udx1ho1wP53TV4_SBjT3FqYv6joOP_djBqBwS7AbdL/s320/paragraf.png 
Gambar 2. Mengatur Paragraf

3.      Mengatur ukuran huruf, buka notepad++,  kemudian ketikan code dibawah ini:

<html>
<head>
<title> Tag Heading </title>
</head>
<body>
<h1> Heading 1 </h1>
<h2> Heading 2 </h2>
<h3> Heading 3 </h3>
<h4> Heading 4 </h4>
<h5> Heading 5 </h5>
<h6> Heading 6 </h6>
</body>
<body bgcolor=”#00ff00”>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 3 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQyFHKNGw3MiJyQpDHgqRyWzWwEc6tx-85hmR2nwRmIxhSdjMj8eQevXSP2G4Ev3dWLthhrRregnPIUuBZAD9aIhWAVYqPvKBAThl-sPTmxWijTlsK2JVI9surbX7S-5nUIsA3kcaN71MJ/s320/Header.png 
Gambar 3.  Ukuran Huruf

4.      Mengatur format texs, Buka notepad++, kemudian ketikan code dibawah ini:

<html>
<head>
<title>format tulisan</titele>
</head>
<body>
teks normal <br>
<small> teks small </small><br>
<big> teks big</big><br>
<b> teks tebal </b><br>
<i> teks miring </i><br>
<u> teks bergaris bawah </u><br>
Contoh superscript : x <sup>2</sup><br>
Contoh subscript : H<sub>2</sub>O<br>
<strike> Ini teks tercoret </strike><br>
<font size = 5 face = verdana>
menggunakan tag font
</font>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 4 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiql3uhh7MOLfrGKc0Umiyo-V-rOf-Bk20gqSRv3Ovnx5e48XgKm7lZEo8IF8SLiLoE5UBFSoddVcg5O78QuZU0_pIA6wR1I3Emi3EDOZuk8nUoq5CBqxJFI09MscYzHPUYuCz50st-SZXh/s320/format+tulisan.png 
Gambar 4. Format tulisan

5.      Membuat from komentar, buka notepad++, kemudian ketikan code dibawah ini:

<html>
<head>
      <title> From komentar </title>
</head>
<body>
<table>
<tr>
<tdcolspan="3">&nbsp;</td></tr><tr>
  <td colspan="3"><h3>Silahkan Berkomentar : </h3></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type=text name="nama"></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type=text name="email"></td>
</tr>
<tr>
<td valign=top>Komentar</td>
<td valign=top>:</td>
<td><textarea name="komentar" rows=6 width=200></textarea></td>
</tr>
<tr>
<td colspan="3"><input type=submit name="submit"
value=submit></td>
</tr>
</table>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 5 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieR2SXYWGgxlz1Y35uqmczJjpW_OYAUS6WSwU_R1loVBaTvNG3b9cOMqAv4gkviDQTkMBGdCGiYiMt4nE1NBQRAX6tTW2WYyua-XlfWYPhRguTZOR6zYTjNs7jQRaZ3ZDsblooAsEwbgfg/s320/komentar.png 
Gambar 5. From komentar

6.      Mengatur kolom, buka notepad++ kemudian ketikan code dibawah ini:

<html>
<head>
<title>warna-warna</title>
</head>
<body>
<table width="300" border="1">
<tr>
    <td colspan="3" align="center">warna-warna </td>
</tr>
<tr>
    <td bgcolor="#00FF00">Hijau</td>
    <td bgcolor="#FFFF00">Kuning</td>
    <td bgcolor="#FF0000">Merah </td>
</tr>
<tr>
    <td bgcolor="#999999">Abu-abu</td>
    <td bgcolor="#0000FF">Biru</td>
    <td bgcolor="#FF9900">Orange</td>
</tr>
<tr>
    <td bgcolor="#663300">Cokelat</td>
    <td bgcolor="#3399CC">Biru muda</td>
    <td bgcolor="#FF00FF">Merah muda</td>
</tr>
</table>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 6 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRCZLWPUXBN5qXBKbbupAcN0uloo8bAApBbar1yXdwASwJMciQ7sluWeRHX2qBQZVkGs3a7X4XxwvSer5Bj0JwM8gK9iYWfCaNFZlMIwlTBbSjCeiSVFJsyh4fk4yoixBoLtcwSIRvEylp/s320/kolom.png 
Gambar 6. Tabel

B.     Hyperlink

1.      Membuat hyperlink kehalaman web lain, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title> Judul tab </title>
      </head>
<body>
      Ini hyperlink ke wordpress
      <a href="http://www.wordpress.com/" title="Masuwordpress"> Wordpress </a>
      <br>Klik dan masuk ke yahoo<a href="http://www.yahoo.com/" title="Masuk yahoo"> Yahoo </a>
      <br>Masuk ke facebook anda
<a href="http://http://www.facebook.com/" title="Masuk ke facebook"> Facebook </a>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 7 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQhkOaQ0MZD5ME776zB9LNhDJ8KlkEeKjH4koBNySZfFEZzJz0ePnUn_7wfLShdlVk04RKTFsxbkFz9roMLXyOz2EyPDQn5h5XDHaLCLNfECT9mpZ9iPiXefmtXgW-pbdQzwR0i8geAqCB/s320/hyperlink.png 
Gambar 7 link halaman web lain


2.      Membuat hyperlink antar bagian dalam web, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>
<head>
      <title> Judul tab </title>
      </head>
<body>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/home.html" title="ke Rumah"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Graphic1.jpg" border="0" width="80" height="30"/></a>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/profil.html" title="Profilku"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/profil.jpg" border="0" width="100" height="30"/></a>
<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/html_colors.html" title="Kode Warna Pada HTML"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Kode%20Warna.jpg" border="0" width="150" height="30"/></a>
<a href="file:///C:/Users/COMPAQ/Documents/HTML.1/kumpulan%20puisi.html" title="kumpulan Kata-kata Mutiara"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/kata%20kata.jpg" border="0" width="100" height="30"/></a>
</body>
<body BGCOLOR ="#00FF00">
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 8 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIAjSRY2riM_2syJ9efs_ajsPTQudQhJA87f2rP7HMu7h1v1TkAnAA-UYBr2DORG8RwS7l9LPosLZoWt5luwf_cc9MgVNF8TgatVF5z5oczljGIgkn4KAYXWGip3JirDev4pJXjXYas3nP/s320/hyperlink+folder.png 
Gambar 8. Link Antar Bagian Dalam Web

C.    Membuat Website Sederhana

1.      Membuat halaman login pada website, buka notepad++, kemudin ketikan atau copy saja code dibawah ini:

<html>
<head>
<title>login web</title><link rel='icon' href='gambar/B.png'>
</head>
<body>
<p align="center"> <font  size="6" color="#FF6600" >
Silahkan mengisi data yang ada di bawah untuk masuk ke website saya :)</font>
</p>
<table align="center">
<td><form method="post" action="home.html"><label><font color="#FF6600">Nama Anda:</label>
<br>
<input type="text" name="nama" value=""></br>
<label><font color="#FF6600">Email Atau telepon:</label>
<br>
<input type="text" name="Email" value=""></br><label><font color="#FF6600">Alamat:</label>
<br>
<input type="text" name="Alamat" Value=""></br>
<label><font color="#FF6600">Tanggal Lahir </label>
<br>
<select name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="select2">
<option value="1">Januari</option>
<option value="2">Februari</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Agustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">Nopember</option>
<option value="12">Desember</option>
</select>
<select name="select3">
<option value="2001">1988</option>
<option value="2002">1989</option>
<option value="2003">1990</option>
<option value="2004">1991</option>
<option value="2005">1992</option>
<option value="2006">1993</option>
<option value="2007">1994</option>
<option value="2008">1995</option>
<option value="2009">1996</option>
</select></br>
<label><font color="#FF6600">Jenis Kelamin </label>
<br><font color="red">Pria
<font color="#CCFF00">Wanita</br>
<input type="submit" Value="Masuk">
</td>
</table>
<body background="gambar/aaa.png">
<EMBED SRC="MP3/Greenday%20-%20I%20walk%20Alone.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
<p align="center"> <font  size="1" color="#FF6600" ><BLINK>..... Dalam penggisiannya harus jujur yaa, jangan bo'onk  :) ......
</body>
</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, background dapat anda ganti sendiri sesuai dengan kesukaan anda.

Hasilnya seperti pada gambar 9 berikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSNfPsAhdQVyJonfRg5E3v9YP52gOmcDIeMTwAIYI7PhQc0gu2-ROWaWBXX02E9l8m9OrlXQ3tQBJVhfMrq4IGVmeHwBEc2DN-lz_cLum6i3ECjxfpEK1xABig72Fg_PrsfJDKPJXv-NSQ/s320/login.png

Twitter Delicious Facebook Digg Stumbleupon Favorites More