Social Icons

MooTools

Kamis, 18 Desember 2014

MooTools

Pengenalan MooTools
- MooTools merupakan sebuah framework Javascript atau JavaScript libraries yang digunakan untuk  mempermudah seorang web developer untuk mengembangkan berbagai macam aplikasi web yang membutuhkan interaksi dengan user.
- MooTools sering di gunakan untuk mengirimkan data lewat ajax,animasi, dan lain lain.

Dasar dasar MooTools
- Pada umumnya JavaScript dipakai untuk menjalankan sesuatu ketika sebuah kejadian terjadi  misalnya saat tombol diklik,form disubmit,checkbox diklik dan sebagainya.
  Contohnya :


- Dengan MooTools anda bisa membuat fungsi yang serupa namun dengan struktur yang lebih
   terorganisir.
   Contohnya :


  - Menu Accordion

- Code Accordion MooTools





 - Example Konfermasi MooTools




- Kode Konfermasi MooTools





 - Example Toogle MooTools


- Kode Toogle MooTools






Diposting oleh di 12.53 0 komentar
Label:

Kamis, 27 Maret 2014

Cara Membuat Curriculum Vitae

Cara Membuat Curriculum Vitae
Script Membuat Curriculum Vitae:

<html>
<head>
<title>Curriculum Vitae </title>
</head>
<body bgcolor= orange>
<font color="#33FF66"></font>
<h1><font size=5>Identitas Diri</font></h1>
<hr color=”red” size=5>
<table border=4>
    <tr>
        <td>Nama</td>
        <td>Nurul Fitriana</td>
        <td rowspan=8><img src =photos/me/10001587_594681423943139_341199675_n.jpg width="254" height="384"></td>
    </tr>
    <tr>
        <td>Jenis Kelamin</td>
        <td>Perempuan</td>
    </tr>
    <tr>
        <td>Tempat dan Tanggal Lahir</td>
        <td>Cilacap, 07 Maret 1995</td>
    </tr>
    <tr>
        <td>Berat / Tinggi Badan</td>
        <td>40kg / 152cm</td>
    </tr>
    <tr>
        <td>Alamat</td>
        <td>Jl.Wijaya Kusuma No.09 Condong Catur,Sleman,Yogyakarta</td>
    </tr>
    <tr>
        <td>Nomor Telepon</td>
        <td>08562958843</td>
    </tr>
    <tr>
        <td>Alamat Website</td>
        <td>newrulfitriana.blogspot.com</td>
    </tr>
    <tr>
        <td>Alamat Email</td>
        <td>nufitriana@gmail.com</td>
    </tr>
</table>
<h2><font size=5>Latar Belakang Pendidikan</font></h2>
<hr color=”red” size=5>
<table border=4>
    <tr>
        <td>Tahun</td>
        <td>Tempat Pendidikan</td>
    </tr>
    <tr>
        <td>2013-Sekarang</td>
        <td>STMIK Amikom Yogyakarta</td>
    </tr>
    <tr>
        <td>2010-2012</td>
        <td>SMA Negeri 1 Cilacap</td>
    </tr>
    <tr>
        <td>2007-2009</td>
        <td>SMP Negeri 2 Cilacap</td>
    </tr>
    <tr>
        <td>2001-2006</td>
        <td>SD Negeri Sidanegara 2 Cilacap</td>
    </tr>
</table>
<h3><font size=5>Keahlian Personal</font></h3>
<hr color=”red” size=5>
<pre>
    <li><font size=4 face =arial>Bahasa Inggris (Penulisan maupun Berbicara)</font></li>
          <li><font size=4 face =arial>Bahasa Perancis (Penulisan maupun Berbicara)</font></li>
    <li><font size=4 face =arial>Keahlian Komputer (Programming, Web Design, Design Grafis, Animasi)</font></li>
          <li><font size=4 face =arial>Keahlian Seni (Menggambar,Melukis)</font></li>
</pre>
<br>
<br>
</body>

</html>







Diposting oleh di 21.37 2 komentar
Label:

FORM

FORM
              
Bentuk HTML yang digunakan untuk melewatkan data ke server.

Bentuk HTML dapat mengandung unsur-unsur masukan seperti bidang teks, checkbox, radio-tombol, tombol submit dan banyak lagi. Bentuk A juga dapat berisi daftar pilih, textarea, fieldset, legenda, dan elemen label.


Tag <form> digunakan untuk membuat bentuk HTML:




Unsur bentuk yang paling penting adalah unsur <input>.

Unsur <input> digunakan untuk memilih informasi pengguna.

Sebuah elemen <input> dapat bervariasi dalam banyak cara, tergantung pada jenis atribut. Sebuah elemen <input> dapat dari text field jenis, checkbox, password, tombol radio, tombol submit, dan banyak lagi.

Jenis input yang paling umum dijelaskan di bawah ini.
a)Fields Text
<input type="text"> mendefinisikan field input satu baris yang pengguna dapat memasukkan teks ke:


                First name: 
             Last name: 

b)Password Field
<input type="password"> mendefinisikan field kata sandi:



                 Password: 

           c)Radio Buttons
              <input type="radio"> mendefinisikan tombol radio. Tombol radio membiarkan pengguna                    memilih HANYA SATU dari sejumlah pilihan:



                                       Male
                                       Female 

            d)Checkbox
              <input type="checkbox"> mendefinisikan kotak centang. Checkbox membiarkan pengguna pilih                    ZERO atau LEBIH pilihan dari sejumlah pilihan.

I have a bike
                                                       I have a car 

             e)Submit Button
                <input type="submit">mendefinisikan tombol kirim.
                 Sebuah tombol submit digunakan untuk mengirm data formulir ke server.Data dikirim ke halaman                  tertentu dalam aksi atribut form.File didefinisikan dalam atribut aksi biasanya melakukan sesuatu                    dengan input yang diterima.



                       Username: 


Diposting oleh di 07.59 0 komentar
Label:

Frame

Frame
Digunakan untuk membagi jendela browser menjadi beberapa bagian dan masing masing bagian terdiri dari dokumen HTML tersendiri.Frame pertama kali diperkenalkan oleh Netscape Navigator 2.0.Untuk membuat sebuag frame,tag yang digunakan adalah :
a.Tag <frameset> mempunyai bebrapa atribut :
Rows :Membuat frame secara mendatar (baris) sekaligus mendefinisikan lebar masing masing.
§        Cols :Membuat frame secara vertikal (kolom) sekaligus mendefinisikan lebar masing masing
§        Bordercolor :Mendefinisikan warna bingkai frame
Untuk mendefinisikan lebar frame pada atribut ROWS dan COLS ada 3 cara yang dapat digunakan,yaitu dengan nilai tetap,nilai persentase,dan nilai proporsional.Misalnya ingin dibuat 3 buah frame,maka penggunaannya adalah sebagai berikut :
v  Dengan nilai tetap
<frameset rows =”100,240,400”>
v  Dengan nilai persentase
<frameset cols =”30%,40%,30%”>
v  Dengan nilai proporsional

<frameset rows =”*,2*,3*”>


Diposting oleh di 07.34 0 komentar
Label:

Grouping Element.

Grouping Element.

Tag DIV dan SPAN digunakan untuk mengelompokkan element element HTML.Span digunakan untuk mendefinisikan inline content,sementara div digunakan untuk blocklevel content.


Diposting oleh di 07.23 0 komentar
Label:

Karakter Khusus


Karakter Khusus
Tanda lebih kecil  (<) dan lebih besa  (>) merupakan tag HTML,lalu bagaimana cara untuk menuliskan tanda tersebut ke dalam doumen web kita??Caranya adalah dengan menuliskan entitas karakter yang mempunyai 3 bagian:sebuah ampersand (&),sebuah nama entitas atau sebuah # dan nomor entitas,dan sebuah titik koma.Contoh:
Untuk menampilkan tanda lebih kecil kita harus menuliskan:&lt;atau &#60;

Hasil
Nama Entitas
Nomor Entitas
Keterangan
©
&copy;
&#169
Copyright
®
&reg;
&#174
Registered Trademark
X
&times;
&#215
Tanda kali
±
&plusmn;
&#177
Plus minus

Diposting oleh di 07.20 0 komentar
Label:

Font,

Font,dengan tag <FONT> Anda bisa menentukan format tampilan font dalam dokumen HTML seperti color,size,style dan lainnya.
a.Ukuran Font
    Atribut SIZE digunkan untuk mengatur ukuran font.Nilai font dimulai dengan nilai 1 untuk ukuran huruf terkecil dan nilai 7 untuk ukuran paling besar.
b.Jenis Font
    Atribut FACE digunakan untuk mengatur jenis huruf yang diinginkan.Atribut FACE harus diisi dengan string jenis font seperti Arial,Times New Roman,Verdana dan lain sebagainya.
c.Warna Font
   Atribut COLOR digunakan untuk mengatur warna font yang diinginkan untuk memberi nilai pada atribut color ada dua cara,yaitu :
1.Dengan menyebutkan nama warna seperti red,green dan blue

2.Dengan menggunakan nilai RGB (Red Green Blue) dan satu warna misalnya FF0000 untuk Red,00FF00 untuk green dan 0000FF untuk Blue.


Diposting oleh di 07.16 0 komentar
Label:
Langganan: Postingan (Atom)
 

Sample text

Sample Text

 
Blogger Templates