tutorian pembuatan website lengkap

tutorial pembuatan website melalui dreamweaver

·         Membuat gambar anda

<img src="http://url gambar anda"</a>

• cara membuat teks berjalan

<marquee>teks anda</marquee>

Memuat teks area tempat copy paste

<text area cols="15" rows="2">teks anda</text area> hapus spasi text area menjadi textarea

·         Membuat links dengan teks

<a href="http://url tujuan">link teks anda</a>

·         Membuat link dengan gambar

<a href="http://url tujuan"><img src ="http://url gambar anda"/></a>

·         Membuat link dengan tombol

<div style="text-align:center;"><a href="http://URLanda"><input type="submit" value="teks link anda" /></a></div>

·         Membuat garis

<hr></hr>

·         Membuat teks berbayng  denag  shadow

<style type="text/css">b.drop-shadow { text-shadow: 2px 2px 3px red }</style><font color="yellow"><b class="drop-shadow"><b>teks anda</b></font></b>

·         Membuat baris baru

</br>

·         Membuat teks berwarna sendiri

<span style="color:#00ffff">teks anda</span>

·         Membuat  list dengan number

<ol><li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li></ol>

·         Membuat teks dicoret

<s>teks anda</s>

·         Memuat teks mesin ketk

<tt>teks anda</tt>

·         Membuat teks dibawah

_{Teks anda}

·         Membuat teks di atas

^{teks anda}

·         Membuat teks ukuran besar+ warna

<font color="orange" size="15px">Teks</font>

15+ makin besar

·         Cara mebuat list klik

<SELECT>

<option>tanggal lahir</option>

<Option>1</option>

<option>2<option></SELECT>

·         Membuat teks efek stabilo

<span style="background-color:

#ffc1e0;">Teks</span>

·         Membuatteks satu kolom

<table width="100%" border="1"><tr><td width="100%" bgcolor="green" align="center">teks</td></tr></table>

·         Membuat teks dua kolom

<table width="100%" border="1"><tr><td width="50%" bgcolor="green" align="center">teks 1</td><td width="50%" bgcolor="green" align="center">teks 2</td></tr></table>

·         Membuat tekas 3 kolom

<table width="100%" border="1"><tr><td width="33%" bgcolor="green" align="center">teks 1</td><td width="34%" bgcolor="green" align="center">teks 2</td><td width="33%" bgcolor="green" align="center">teks 3</td></tr></table>

·         Membuat teks berkedip

<blink>TEKS</blink>

·         Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut:

<a href='http://URL KAMU'/>NAMA LINK</a>

·         Membuat suara latar background pada web

<bgsound src='http:// URL LAGU'>

·         Mendefenisikan frame

<frame src='http://URL KAMU'></iframe>

·         Mendefinisikan attribut halaman yang akan menggunakan frame:

<frameset>

·         Membuat

<hr size='4'>

·         Membuat kolom pada tabel

<td>

·         Membuat baris pada tabel

<tr>

·         Membuat garis tebal berwarna

<*hr style="height:5px;background:#0000ff;color:#FF0000;" />

·         Membuat garis berwarna

<hr style="color:#FF0000>

·         Membuat garis putus putus

<*div style="border-bottom:2px dotted #ff7500;" ><*/div>

·         Menampilkan gambar

<*img src="url gambar "/*>

·         Mengeccilkan gambar

<*img src="url-gambar" width="40" height="50"*>

·         Membuat tombl like

<*a href= "http:// www.facebook.com/plugins/like.php?href=http://Link Anda"*><*img src= "http://gegem.xtgem.com/like.gif/" alt= " like.gif" /*>

·         Membua tombol download

<*a href=" http://LINK TUJUAN"*><*img src="http://whiand11.mywapblog.com/files/download.jpg" alt= "download.jpg" /*>

·         Membuat teks are kosong

<*textarea cols="20" rows="2"><*/text area>

·         Membuat teks are kosong berisi

Test area berisi text <*textarea cols="20" rows="2">Isi Text Anda<*/textarea>

Membuat teks blockqoute

<*blockquote>Text Blockquote<*/blockquote>

Efek salju bertaburan

<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

Efek bintang bertaburan

<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

Efek gelembung

<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

Efek terbang

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Cara pemasangan :

1. Klik rancangan --> Edit html
2. Letakkan script efek di atas kode </body>
3. Klik Save

1.Meteor Jatuh

<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 2. Banjir

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

 3. Bunga Mekar

<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

4.  Bom Atom

<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>