sub menu

SELAMAT DATANG DI CURAHAN HATI ANAK TKJ

Kamis, 19 Mei 2016

Profil

Profil


Perkenalkan, nama saya SRI WAHYU NINGSIH 

Tempat, tanggal lahir

Saya lahir 08 APRIL 1999. Sampai saat ini, saya merupakan anak ke-1 dari 2 bersaudara.

Riwayat pendidikan

Sekolah Dasar. Istilah kerennya saya langsung naik tingkat ke jenjang Sekolah Dasar di SD Negeri 101913 Pagar Merbau, sebuah sekolah dasar yang berada di desa saya. Entah , experience dan feel-nya lebih senang ketika semasa SD. Mungkin SD adalah sebuah masa dimana pergantian dari masa kanak-kanak ke masa yang agak ke-ABG-ABG-an gitu.
Sekolah menengah pertama. Seingat saya tidak ada yang spesial ketika masa SMP. Datang pagi dan pulang sore untuk belajar. Sehingga tidak terasa 3 tahun sudah berlalu di SMP Negeri 1 Pagar Merbau, sebuah sekolah menengah pertama yang letaknya persis berdampingan dengan perkebunan karet, dan saya lulus tahun 2014.
Sekolah menengah kejuruan. Ya, sekolah kejuruan. SMK Negeri 1 Galang merupakan salah satu sekolah idaman di Kota Galang saat ini. Tempat saya belajar banyak, terutama mengenai komputer dan internet. Saya ambil jurusan Multimedia, dan dari sinilah ketertarikan saya akan komputer dan internet muncul.
Diposting oleh di Tidak ada komentar:

Membuat Website Sederhana

    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:

 
Gambar 9. Halaman login

Diposting oleh di Tidak ada komentar:

Cara Membuat Efek Hujan Salju Pada Dokumen HTML

Cara Membuat Efek Hujan Salju Pada Dokumen HTML



Langkah-langkah:
Cara Membuat Efek Hujan Salju Pada Dokumen HTML:
  1. Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.

  2. Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.

  3. Sekarang mari kita mulai untuk membuat Hujan Salju pada dokumen HTML seperti pada kotak di bawah ini.

    4. Script Code:
    <!DOCTYPE html>

    <html>

    <head>
    <title> Cara Membuat Efek Hujan Salju Pada Dokumen HTML </title>

    <script src='js/snowstorm.js' type='text/javascript'></script>

    </head>

    <body>
    </body>
    </html>



    Ilustrasi Efek Hujan Salju:
Keterangan

  1. Sisipkan kode '<script src='js/snowstorm.js' type='text/javascript'></script>' tepat di atas kode </head> seperti pada contoh di atas.
  2. Ganti js/snowstorm.js sesuai dengan Url javascript efek hujan salju Anda. (Sudah disertakan di dalam file download di bawah).
  3. Silahkan download contoh cara membuat Efek Hujan Salju dalam bentuk file HTML dengan cara klik Link 'Download Example Here' Di bawah ini.
Diposting oleh di Tidak ada komentar:

Cara Membuat FORM

Cara Membuat FORM
Form banyak digunakan untuk membuat buku tamu bagi pengunjung yang masuk ke suatu situs polling atau sejenisnya.
    Tag-tag yang digunakan pada form :
  1. Tag <FORM>, digunakan untuk mendefinisikan form dan diikuti oleh dia atribut, yaitu METHOD untuk pengolahan form dan ACTION untuk menentukan direktori file.
  2. Tag <TEXTAREA>, digunakan untuk membuat kotak isian teks dan diikuti oleh atribut NAME untuk membuat nama objek pada teks area, ROWS untuk menetukan spasi jumlah baris teks area, dan COLS untuk menentukan spasi aturan kolom.
  3. Tag <INPUT>, digunakan untuk meminta masukan dari pengguna, dengan beberapa jenis atribut, seperi NAME untuk masukan objek input, SIZE untuk ukuran kotak input, MAXLENGTH untuk menetukan jumlah teks maksimum, VALUE menentukan nilai tetap sebuah objek input, CHECKED untuk menentukan pilihan pada checkbox atau radio button, dan TYPE untuk menentukan tipe input.
         Contoh dari kode FORM :

contoh kode form HTML


hasil dari code form HTML
Diposting oleh di Tidak ada komentar:

Cara Membuat Tabel

Cara Membuat  Tabel
Untuk membuat tabel biasanya menggunakan beberapa tag berikut :
A. Tag <TABLE>, digunakan untuk mendefinisikan sebuah table.
B. Tag <TR>, digunakan untuk mendefinisikan baris tabel.
C. Tag <TD>, digunakan untuk mendefinisikan kolom tabel.
D. Tag <TH>, digunakan untuk mendefinisikan judul pada baris atau kolom.
     Contoh seperti pada gambar di bawah :

kode HTML untuk membuat tabel

Hasil :

contoh hasil dari code tabel HTML
Diposting oleh di Tidak ada komentar:

Contoh mengatur width, height dan border gambar pada HTML dengan metode style :

 Contoh mengatur width, height dan border gambar pada HTML dengan metode style :

 <img src="profil.jpg" alt="foto-profil" style="width:50px;height:50px;border:1px solid;">

Contoh script lengkap untuk menampilkan gambar pada website :

 <!DOCTYPE html>  
 <html>  
 <head>  
 <title>Belajar Menampilkan gambar pada HTML</title>  
 <body>  
 Ini contoh tampilan gambar dengan <b>atribut</b> width, height dan border<br/>  
 <img src="profil.jpg" alt="foto-profil" width="150" height="150" border="5px"><br/>  
 Ini contoh tampilan gambar dengan <b>style</b> width, height dan border<br/>  
 <img src="profil.jpg" alt="foto-profil" style="width:150px;height:150px;border:5px solid;"><br/>  
 </body>  
 </html>

Tampilan script diatas pada browser :



Diposting oleh di Tidak ada komentar:

Langkah: Membuat Elemen article HTML

Langkah: Membuat Elemen article HTML

Elemen <article> bertindak sebagai wadah untuk setiap bagian dari halaman yang dapat berdiri sendiri dan berpotensi Sindikasi.
Bisa berupa artikel atau tulisan blog, komentar atau posting forum, atau lainnya. Jika halaman terdiri dari beberapa artikel, maka kita akan meletakkan masing-masing artikel dalam elemen <article>. Berikut skripnya, dan kita bungkus skrip ini dengan elemen <section>.

Diposting oleh di Tidak ada komentar:
Langganan: Komentar (Atom)