Hy guys , Welcome to my blog

Rabu, 14 Mei 2014

Tentang Java Script

Tentang Java Script

Javascript adalah bahasa skrip yang ditempelkan pada kode HTML dan diproses di sisi klien. Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas. Sebagai contoh, dengan menggunakan JavaScript dimungkinkan untuk memvalidasi masukanmasukan pada formulir sebelum formulir dikirimkan ke server. Javascript bukanlah bahasa Java dan merupakan dua bahasa yang berbeda. Javascript diinterpretasikan oleh klien (kodenya bisa dilihat pada sisi klien), sedangkan kode Java dikompilasi oleh pemrogram dan hasil kompilasinyalah yang dijalankan oleh klien.Struktur dari JavaScript yaitu
:
<SCRIPT LANGUAGE = ”JavaScript”>
<!- -
Penulisan kode javascript
// - - >
</SCRIPT>
Keterangan :
Kode <!- - // - - > umumnya disertakan dengan tujuan agar sekiranya browser tidak mengenali JavaScript maka browser akan memperlakukannya sebagai komentar sehingga tidak ditampilkan pada jendela browser.

v  JavaScript sebagai bahasa berorientasi pada obyek :

a.       Properti
Properti adalah atribut dari sebuah objek. Contoh, objek mobil punya properti warna mobil.
Penulisan :
Nama_objek.nama_properti = nilai
window.defaultStatus = ”Selamat Belajar Dasar-Dasar JavaScript”;
b.      Metode:
Metode adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan
terhadap objek.
Penulisan :
Nama_objek.nama_metode(parameter)
document.write (”Hallo Sahabat Sampul Ilmu”)

v  Contoh Dasar-Dasar JavaScript:

Sebelum mencoba belajar JavaScript Terlebih dahulu buatlah halaman HTML di komputer anda.

a)      Pemakaian alert sebagai property window
<HTML>
<HEAD>
<TITLE>Alert Box</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
window.alert("Mari Belajar Bersama Sampul Ilmu");
//-->
</SCRIPT>
</BODY>
</HTML>

b)      Pemakaian metode dalam objek:
<HTML>
<HEAD>
<TITLE>Skrip JavaScript</TITLE>
</HEAD>
<BODY>
Percobaan memakai JavaScript:<BR>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write("Selamat Mencoba JavaScript<BR>");
document.write("Semoga sukses!");
//-->
</SCRIPT>
</BODY>
</HTML>

c)      Pemakaian prompt:
<HTML>
<HEAD>
<TITLE>Pemasukan Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Siapa nama Anda?","Masukkan nama anda");
document.write("Hai, " + nama);
//-->
</SCRIPT>
</BODY>
</HTML>

d)     Pembuatan fungsi dan cara pemanggilannya:
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function pesan(){
alert ("memanggil javascript lewat body onload")
}
</SCRIPT>
<BODY onload=pesan()>
</BODY>
</HTML>

v  Penulisan java script:

Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag <script type="text/javascript">.

<script type="text/javascript">
            alert("Halo Dunia!");
</script>

Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript).Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:

<script type="text/javascript" src="alamat.js">
</script>

1.      Script pada bagian head :
Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu.Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil)

<html>
<head>
<script type="text/javascript">
...
</script>
</head>
</html>

2.      Script pada Body
Script ini dieksekusi ketika halaman di-load sampai di bagian <body>.Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.

<html>
<head>
</head>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>
Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.

3.      External JavaScript
Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman.Maka JavaScript dapat ditulis di file secara eksternal.Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML.Berkas JavaScript tersebut disimpan dengan ekstensi .js.

JavaScript : js/xxx.js document.write("pesan ini tampil ketika halaman diload");

Untuk menggunakan eksternal JavaScript (.js) dipakai atribut "src" pada tag <script> pada halaman HTML-nya.

<html>
<head>
</head>
<body>
<script src="xxx.js">
</script>
<p>Script di atas berada di berkas "xx.js" (eksternal) </p>
</body>
</html>

Sumber :
http://lembar200.blogspot.com/2013/07/mengenal-dasar-dasar-javascript.html

http://id.wikipedia.org/wiki/JavaScript

Senin, 12 Mei 2014

Lirik Gabby - Begitu Indah

Bila cinta menggugah rasa
Begitu indah mengukir hatiku
Menyentuh jiwaku
Hapuskan semua gelisah

Duhai cintaku duhai pujaanku
Datang padaku dekat di sampingku
Ku ingin hidupku
Selalu dalam peluknya

Reff :
Terang saja aku menantinya 
Terang saja aku mendambanya
Terang saja aku merindunya
Karena dia...karena dia...
Begitu indah

Duhai cintaku
Pujaan hatiku
Peluk diriku dekap jiwaku
Bawa ragaku...melayang...

Memeluk bintang

Minggu, 04 Mei 2014

Teruntuk Orang Tersayang

Tulisan ini teruntuk orang tersayang
Wanita terhebat dan lelaki terhebat yang pernah aku temui
Mama Papa J
Tuhan, Terima kasih
Terima kasih telah memberikan sosok malaikat untukku
Terima kasih telah memberikan seorang mama dan papa yang sangat luar biasa
Mama , wanita hebatku wonder womanku
Wanita yang berani mempertaruhkan nyawanya untukku
Wanita yang selalu bernyanyi ketika aku berada didalam tubuhnya
Wanita yang tak pernah lelah menghiburku saat aku menangis dimalam hari sewaktu kecil
Wanita yang sangat teramat menyayangiku
Kelak aku ingin sepertimu
Menjadi seorang wanita kuat dan juga tegar
Papa, lelaki hebatku supermanku
Papa lelaki kuat yang selalu melindungiku dan mama
Papa selalu menjagaku dan mama
Papa tak pernah menghiraukan tetes demi tetes keringat
Yang mengalir ditubuhnya , dikala beliau mengerjakan kewajibannya
Terkadang , lelaki hebat dan wanita hebatku memarahiku
Aku tau beliau begitu karna sayang kepadaku
Larangan papa, karna papa tidak mau kesayangannya kenapa-napa
Mengalahnya mama, karna mama adalah sosok yang lembut
Tuhan ,perpanjangkanlah umurku dan umur kedua orangtuaku
Agar aku kelak bisa membahagiakan beliau
Agar kelak beliau bisa melihat anak semata wayangnya ini sukses
Lancarkan rezeki beliau
Ampuni dosa beliau
Tuhan , lindungilah kedua orangtuaku
Jagalah mereka , sayangilah mereka
Seperti mereka menjaga dan menyayangiku sewaktu kecil Tuhan 

I LOVE YOU MA PA 

Sabtu, 03 Mei 2014

Kamu !

Malam itu, bulan terlihat cantik
Bintang-bintang menari ditengah gelapnya langit malam
Tak salah bila aku berharap, malam ini akan penuh cerita
Malam yang penuh cinta, malam yang tentunya akan aku lalui bersama seorang terkasih
Oh Tuhan, semua tak sesuai harapanku
Semua semu , semua angan, dan semua sirna
Malam yang seharusnya kita berbahagia itu sirna
Sekarang malampun menakutkan
Bulan dan bintang-bintang tak lagi terlihat menari
Merekapun enggan untuk nampak lagi
Kamu? Kamu menghilangkan semuanya
Bercandamu tidak lucu !
Kamu ? kamu merubahnya
Kenapa kamu begitu tega?
Air mata ini , ini air mata untuk kamu !
Apa yang kamu lakukan?
Apa yang akan kamu perbuat?
Maaf? Itu terlalu mudah !
Maafmu tak sebanding dengan sakit yang kamu buat
Entahlah, aku hanya ingin kamu tak selalu mengulang kata maaf itu
Aku hanya ingin kamu mengerti kasih
Disini, seorang wanita menunggumu
Tak banyak yang dia minta dari kamu
Dia hanya berharap kamu tak akan melakukan hal itu lagi
Dia wanita egois , keras kepala, sifatnya yang kekanak-kanakan
Apakah kamu masih mau menjadikan dia wanita berharga dihidupmu?
Apa kau membenci semua sifatnya?
Yang perlu kamu tau…
Dia egois, karna dia tidak ingin wanita lain mencintaimu
Dia keras kepala, apa kata orang tentang kamu tidak dia perdulikan karna dia percaya kamu baik
Dia kekanak-kanakan , terkadang dia berbuat konyol hanya untuk melihat senyummu
Apa kau akan merelakan dia pergi?
Sungguh akan sangat menyesal jika kamu melakukannya.

Jumat, 02 Mei 2014

Lirik Rosemary feat Gania - Super Girl

Sometimes I feel I`m getting old
My brain is full of shit
And I dont wanna know
The days are back for me to walk
I have nobody, and I can givin all

Givin all all the time
Givin all all the question
Givin all all the time to be heard

In my life the complicated thing
Ruined all the day
In my life nothing seems to be so bad

REFF:
In my heart, in my soul
In my mind, in my day
I wanna be a supergirl
I wanna be like that
In my heart, in my soul
In my mind, in my day
I wanna be a supergirl
I wanna be like that

I wish that true... Wish that is true
I wish that true... Wish that is true... Yaaa....
I wish that true... Wish that is true
I wish that true... Wish that is true
I wish that true...

Kamis, 24 April 2014

Cara Mudah Membuat Menu CSS

Cara Mudah Membuat Menu CSS

Menu seperti itu sering digunakan diblog sebagai menu navigasi supaya memudahkan pembaca untuk menemukan artikel di suatu blog. Sekarang saya akan mencontohkannya. Anda boleh menggunakan notepad, dreamweaver , atau yang lainnya.

Ketikan script dibawah ini :

<!doctype html>
<html>
<head>
<title>Mendesain Menu CSS</title>
<style>
.float li
{
float: left;
list-style: none;
}
.float li a
{
color:#fff;
text-decoration: none;
font-variant: small-caps;
background:#000;
border: 1px solid black;
padding: 10px 15px;
-webkit-transition:all 1s ease-out;
-moz-transition:all 1s ease-out;
-ms-transition:all 1s ease-out;
-o-transition:all 1s ease-out;
transition:all 1s ease-out;
}

.float a:hover
{
text-decoration: none;
background: #FFF;
color: #000;
}
</style>
</head>
<body>
<ul class="float">
 <li><a href="#">Home</a></li>
 <li><a href="#">Services</a></li>
 <li><a href="#">Support</a></li>
 <li><a href="#">About</a></li>
 <li><a href="#">Contact</a></li>
</ul>
</body>
</html>

Berikut hasilnya :





http://taufan-web.blogspot.com/

Selasa, 01 April 2014

Cara Membuat Frame HTML

Cara Membuat Frame HTML

Frame adalah teknik yang digunakan untuk membagi window menjadi beberapa bagian. Setiap bagian kita isi dengan sebuah halaman web yang sesuai. Keuntungan dari penggunaan frame adalah mudahnya pengaturan hubungan antar satu halaman dengan halaman lainnya.

Frame dapat digunakan untuk berbagai macam keperluan, antara lain:
1.     Membuat suatu daftar isi pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isinya
2.     Membuat suatu judul atau logo yang tidak berubah-ubah pada suatu sisi frame, sedangkan sisi frame yang lain menampilkan isis dokumen
3.     Membuat suatu dokumen tanya jawab, dll.

Untuk membuat halaman web yang menggunakan frame kita perlu membuat beberapa file html, yaitu:

·        Sebuah pendefinisi file. File tersebut kita butuhkan untuk menampilkan halaman web dengan bentuk frame
·        Beberapa file pengisi frame, yang jumlahnya tergantung dari berapa bagian yang akan kita buat pada frame tersebut

Sama halnya seperti membuat tabel, dalam mendefinisikan frame, hal pertama yang harus dilakukan adalah mendefinisikan dahulu bentuk frame yang akan dibuat, misalnya bentuk frame pada contoh berikut:


Frame A1 - Cara Membuat Frame HTML


Frame A2 - Cara Membuat Frame HTML


Frame B1 - Cara Membuat Frame HTML


Frame B2 - Cara Membuat Frame HTML


Untuk membuat frame seperti Frame A2, sebuah halaman kita bagi menjadi dua bagian terlebih dahulu secara horizontal seperti Frame A1, kemudian dibagi lagi hingga seperti Frame A2. Demikian pula untuk membuat Frame B2 harus melalui bentuk Frame B1. Urutan ini akan sangat memengaruhi bentuk frame yang akan kita bangun.

Tag untuk membuat frame diawali dengan menggunakan <FRAMESET> dan diakhiri dengan </FRAMESET>. Pada file pendefinisi frame kita tidak lagi memerlukan tag <BODY></BODY>, sehingga struktur dasar pendefinisi frame adalah sebagai berikut:

1 <html>
2 <head>
3 <title></title>
4 </head>
5 <frameset>
6 --- bagian frame ---
7 </frameset>
8 </html>

Pada file pendefinisi frame ini, setiap kita akan membagi menjadi beberapa bagian, maka kita gunakan tag <FRAMESET></FRAMESET>. Atribut-atribut yang dapat menyertai tag ini adalah:
·        BORDER, untuk menentukan tebal garis pemisah antar frame
·        ROWS, untuk menentukan berapa baris bagian yang akan dibentuk
·        COLS, untuk menentukan berapa kolom yang akan dibentuk

Jika kita tidak akan membagi lagi frame yang ada, maka selanjutnya kita definisikan frame tersebut dengan tag <FRAME>. Atribut-atribut yang dapat menyertai tag ini adalah:
·        NAME, untuk memberi identitas/nama bagi frame tersebut. Fungsinya adalah ketika frame tersebut dijadikan target untuk menampilkan suatu halaman.
·        SRC, menunjukkan file yang mengisi frame tersebut.
·        SCROLLING, untuk menunjukkan apakah kita akan menggunakan scrolling bar di samping atau di bawah halaman, opsi inputnya adalah "YES, NO atau AUTO".

Yang perlu diperhatikan saat membuat file pendefinisi frame adalah bahwa kita telah mempunyai file yang akan digunakan untuk mengisi frame tersebut. Sekarang, kita akan membuat halaman web yang memiliki frame dengan tiga bagian (seperti gambar FRAME A2). Pertama, kita perlu membuat file pengisi frame sebanyak 3 buah. Buatlah file HTML berikut, simpan dengan nama logo.html

1 <html>
2 <head>
3 <title></title>
4 </head>
5 <body bgcolor="#006699">
6 <h2><font color="#FFFFFF">Cara Membuat WEB</font></h2>
7 </body>
8 </html>

Selanjutnya, buatlah file yang kedua, simpan dengan nama menu.html

1 <html>
2 <head>
3 <title></title>
4 </head>
5 <body bgcolor="#CCCCFF">
6 <h4>Latihan</h4>
7 Mencoba latihan membuat Frame HTML
8 </body>
9 </html>

Buatlah file yang ketiga, simpan dengan nama welcome.html

1 <html>
2 <head>
3 <title></title>
4 </head>
5 <body>
6 <h2>Selamat Datang</h2>
7 <h4>Anda berada pada halaman latihan Membuat FRAME HTML</h4>
8 </body>
9 </html>

Yang terakhir adalah kita membuat file pendefinisi frame, simpan dengan nama index.html

01 <html>
02 <head>
03 <title></title>
04 </head>
05 <frameset rows="25%,*" border="0">
06 <frame name="atas" src="logo.html" />
07 <frameset cols="20%,*">
08 <frame name="menu" scrolling="no" src="menu.html" />
09 <frame name="isi" src="welcome.html" />
10 </frameset>
11 </frameset>
12 </html>

Cara Membuat Frame HTML



http://www.carawebs.info/2013/08/cara-membuat-frame-html.html

Rabu, 26 Maret 2014

Contoh membuat CV dengan HTML

Contoh membuat CV dengan HTML

Dipertemuan kemarin pada mata kuliah pemrograman web saya disuruh membuat CV dengan html. Nah, untuk kali ini saya ingin membagikan apa yang sudah saya dapatkan meskipun hanya sedikit.

Kali ini saya membuat CV html dengan menggunakan notepad++. Saya akan membuat CV sederhana yang berisikan identitas pribadi dan riwayat pendidikan. Berikut adalah contoh tag htmlnya :

<html>
<head>
<title>Tugas Pemrograman Web</title>
</head>
<body style= "background-color:pink">
<div style="background-color:pink">
<form action="" method="post">
<h1 align="left">Biodata Pribadi</h1>
<hr>
<table border="0">
<tr>
<td>Nama Lengkap</td>
<td>:</td>
<td><input type="text" name="Nama" size="35" value="Nur Asri Setyo Wardani" /></td>
</tr>

<tr>
<td>Nama Panggilan</td>
<td>:</td>
<td><input type="text" name="Alamat" size="35" value="Asri" /></td>
</tr>


<tr>
<td>Tempat Tanggal Lahir</td>
<td>:</td>
<td><input type="text" name="Alamat" size="35" value="Sragen , 15 April 1996" /></td>
</tr>

<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type="radio" name="Kelamin" value="Laki-laki" />
Laki-Laki
<input type="radio" name="Kelamin" value="Perempuan" />
Perempuan</td>
</tr>

<tr>
<td>Agama</td>
<td>:</td>
<td><select name="select">
<option>Islam</option>
<option>Kristen Protestan</option>
<option>Kristen Khatolik</option>
<option>Hindu</option>
<option>Budha</option>
</td>
</tr>
<tr>
<td valign="top">Alamat</td>
<td valign="top">:</td>
<td valign="top"><textarea cols="25" rows="5">Karanglegi RT.01/06 . Tangkil . Sragen . Jawa Tengah</textarea></td>
</tr>

<tr>
<td valign="top">Riwayat Pendidikan Formal</td>
<td valign="top">:</td>
<td valign="top"><textarea cols="25" rows="5">TK Pertiwi Tangkil , Sragen
SDN Tangkil 1 Sragen
SMP Muhammadiyah 1 Sragen
SMA Muhammadiyah 1 Sragen</textarea></td>
</tr>

<tr>
<td valign="top">Riwayat Pendidikan Nonformal</td>
<td valign="top">:</td>
<td valign="top"><textarea cols="25" rows="5">Kursus di LPIKOM Center
</textarea></td>
</tr>

<tr>
<td>Hobi</td>
<td>:</td>
<td><input type="checkbox" name="Olahraga" value="olahraga" />
olahraga
<input type="checkbox" name="Membaca" value="Membaca" />
Membaca
<input type="checkbox" name="komputer" value="Komputer" />
Komputer
<input type="checkbox" name="Musik" value="Musik" />
Musik
<input type="checkbox" name="Lain-lain" value="Lain-Lain" />
Lain-Lain</td>
</tr>
<tr>
<td valign="top">Motto</td>
<td valign="top">:</td>
<td valign="top"><textarea cols="25" rows="5">Isikan motto anda disini</textarea></td>
</tr>
<tr>
<td colspan="2"></td>
<td><input type="reset" name="reset" /><input type="submit" name="Submit" /></td>
</tr>
</table>
</form>
<body>
</body>
</html>



Hasilnya seperti ini :





          Hasil diatas belum terlalu sempurna karena belum lengkap dan saya juga masih belajar membuatnya J

Cara membuat HTML dengan Notepad++

Cara Membuat HTML dengan Notepad++

Untuk belajar membuat HTML tidak harus ada software dreamweaver atau yang lainnya, kita bisa menggunakan notepad dan web browser. Untuk HTML editor kita bisa menggunakan notepad , dan untuk browser bisa menggunakan Mozilla Firefox yang sudah ada di computer atau laptop.

Di notepad untuk memasukkan tag HTML , dan di browser untuk melihat hasil halaman HTML itu sendiri. Nah , sekarang kita mulai caranya :

1.     Buka aplikasi notepad pada computer atau laptop anda
2.     Ketikan kode atau tag HTMLnya , misalkan :

<html>
<head>
<title>Tugas Pemrograman Web</title>
</head>
<body style= "background-color :pink">
<div style= "background-color :white" align="center"><h1>CURICULUM VITAE</h1>
</div>
<div style="margin-left:150;">
<h2>Identitas Pribadi</h2>
<table width="500">
<tr>
<td>Nama </td>
<td> : Nur Asri Setyo Wardani </td>
<td rowspan="6" height="100">
</td></tr>
<tr>
<td>Tempat, tanggal lahir </td>
<td> : Sragen, 15 April 1996 </td>
</tr>
<tr>
<td>Jenis Kelamin   </td>
<td> : Perempuan </td>
</tr>
<tr>
<td>Agama </td>
<td> : Islam </td>
</tr>
<tr>
<td>Alamat </td>
<td> : Karanglegi RT.01/06 , Tangkil , Sragen , Jateng</td>
</tr>
<tr>
<td>Email </td>
<td> : Asrisetyawardani@gmail.com</td>
</tr>
</table>
<h2>Riwayat Pendidikan</h2>
<ul>
<li>Pendidikan Formal</li>
<br/>
<table border="1" cellpadding="1" cellspacing="1.5" width="450">
<tr>
<td><b>Tingkatan Pendidikan<b/></td>
<td><b>LULUS</b></td>
</tr>
<tr>
<td>TK Pertiwi</td>
<td>2002</td>
</tr>
<tr>
<td>SDN Tangkil 1</td>
<td>2007</td>
</tr>
<tr>
<td>SMP Muh 1 Sragen</td>
<td>2010</td>
</tr>
<tr>
<td>SMA Muh 1 Sragen</td>
<td>2013</td>
</tr>
<tr>
<td>STMIK AMIKOM Yogyakarta</td>
<td>Masih dalam perkuliahan semester 2</td>
</tr>
</table>
<br/>
</body>
</html>




3.     Save file yang sudah dibuat. Simpan file dengan nama coba.html jangan tambahkan tanda petik (“) , jika ditambahkan tanda petik maka file yang tersimpan akan menjadi file dengan ekstension “txt”.



4.     Jika sudah tutup aplikasi notepad lalu buka file yang sudah disimpan tadi. Dibuka dengan double kill.



5.     Jika file yang disimpan tadi sudah benar file tersebut otomatis akan dibuka dengan menggunakan aplikasi yang ada dikomputer atau laptop anda seperti Mozilla Firefox. Dan tampilannya akan seperti diatas.



6.     Nah, hasilnya akan seperti pada gambar diatas itu.



Semoga tutorial diatas bisa membantu J