BELAJAR WEB PROGRAMMING (html form)

Kali ini kita akan belajar mengenai HTML FORM
Langsung saja yuk sobat kita praktekan

- Latihan 1
  download 


- Screen yang tampil


- Latihan 2
  Download



- Screen yang tampil




- Latihan 3
  Download



- Screen yang tampil




Agar lebih menantang lagi kita coba modifikasi sobat....

download scripnya disini

klik saya.com Form Pendaftaran
Klik_Saya.com
Informasi Pribadi Anda
User ID :
Password :
Konfirmasi Password :
Email :
Nama Lengkap :
Jenis Kelamin :
Alamat :
Kode pos :
Telepon :
Sudah punya akun sebelumya : Sudah Belum

BELAJAR WEB PROGRAMMING (html hyperlink)


kali ini kita akan belajar mengenai html image dan hyperlink)
sedikit latihan ya ....seperti biasa gunakan "notepad" untuk mengetik scriptnya
Latihan 1
-membuat link external





hasil yang muncul



latihan 2
- membuat link internal & anchor


 hasil yang muncul



 
untuk scriptnya sobat bisa download di sini:
Latihan 1
Latihan 2



Sedikit modifikasi skalian kita mengasah tentang belajar web programming 
Kita akan membuat contoh kecil katalog buku....
download scriptnya disini
Tabel<tugas2>
Katalog buku
Buku komputer
Daftar Buku
Cover Detail
DESAIN KAOS DISTRO
DENGAN CORELDRAW+CD
Pengarang : SLAMET HARIYADI
Penerbit : ALEX MEDIA
Terbitan : 27 APRIL 2013
Harga : -;
open
KIAT JITU MEMBUAT WEBSITE
TANPA MODAL
Pengarang : ALI ZAKI/SMITDEP COMUNITY
Penerbit : ALEX MEDIA
Terbitan : 21 JANUARI 2013
Harga : -;
open
STEP BY STEP FACEBOOK
Pengarang : SARTIKA KURNIALI
Penerbit : ALEX MEDIA
Terbitan : 21 JANUARI 2009
Harga : -;
open
MENGENAL FITUR-FITUR BARU
PHOTOSHOP CS4
Pengarang : JUBILLE ENTERPICE
Penerbit : ALEX MEDIA
Terbitan : 21 Januari 2013
Harga : -;
open
TIPS & TRIX COMPUTER GRAPHICS
DESIGN+CD
Pengarang : HENDI HENDRATMAN,ST
Penerbit : INFORMATIKA
Terbitan : 02 JULI 2007
Harga : -;
open
JOOMLA! WEBSITE MAGIC+CD
Pengarang : I MADE GUNADI/LIRVA32
Penerbit : JASAKOM
Terbitan : 01 NOVEMBER 2007
Harga : -;
open
semoga bermanfaat sobat

BELAJAR WEB PROGRAMMING TABEL

Kali ini kita akan belajar mengenai cara membuat tabel.... langsung aja ya...

Note: Gunakan teks editor misalkan "Notepad" untuk menyunting dan menyimpan script contoh latihan di bawah ini. Untuk melihat hasilnya bukalah file tersebut dengan menggunakan web browser.

Latihan 1


hasil yang muncul




Latihan 2


Hasil yang muncul



Latihan 3






Hasil yang muncul






Untuk scriptnya sobat bisa download :
- Latihan 1
- Latihan 2
- Latihan 3



Sedikit modifikasi ya sobat agar lebih tertantang lagi pada materi tabel ini
Sebagai contoh :
 - Untuk scriptnya sobat bisa download disini



Tabel<tugas2>
TOKO HATIKU SENANG
Daftar Harga Barang
Daftar Harga
No. Kode Barang Nama Barang Harga Barang
1. AR-123 Mesin cuci Rp2,300,000
2. AK-241 Filling cabinet Rp1,400,000
3. AP-234 angkul Rp23,000
4. AP-223 Tas sekolah Rp200,000
5. AD-143 Jarum suntik Rp25,000
6. AR-243 Kursi tamu Rp2,050,000
7. AD-143 Meja staft Rp500,000
8. AS-443 Penghapus Rp5,000
9. AD-143 Ranjang Pasien Rp1,250,000
10. AP-243 Celurit Rp250,000
semoga bermanfaat sobat




























BELAJAR WEB PROGRAMMING HTML DAFTAR URUTAN

HTML DAFTAR URUTAN

Sedkit tambahan mengenai webb prgramming sobat
kali ini kita akan belajar mengenai HTML DAFTAR URUTAN

HTML DAFTAR URUTAN fungsinya yaitu untuk membuat urutan baik angka maupun hurup
Beberapa element yang terdapat pada html daftar urutan :
1. ELEMENT OL (ordered list)
    yaitu element yang berfungsi untuk membuat nomor daftar urut.

2. ELEMENT UL (Unordered List)
    yaitu element yang berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet)

3. ELEMENT LI (List Item)
    yaitu merupakan isi dari pada daftar


Langsung saja di coba ya sobat tutorial latihan di bawah ini : (caranya masih sama seperti yang saya jelaskan di postingan sebelumnya)


LATIHAN 1
Menampilkan teks dengan daftar urut ELEMENT OL 


tampilan yang akan muncul



LATIHAN 2

Menampilkan teks dengan daftar urut ELEMENT UL


 tampilan yang akan muncul






Ane kasih tambah satu lagi nie silahkan sobat coba



tampilan yang akan muncul


download di sini

Semoga bermanfaat,.....
 

BELAJAR WEB PROGRAMMING HTML DASAR


HTML DASAR
  
Untuk sobat yang ingin belajar tentang web programming langsung ajah ya sobat nie ada sdikit tutorial HTML DASAR

1. sobat buka notepad atau gunakan notepad++
2. sobat ikutin/ketik seperti tutorial latihan yg ada di bawah
3. setelah sobat sudah selesai mengetik di notepad lalu save file tersebut dengan format "html"
4. lalu sobat buka file yang tadi dengan cara double klik maka akan muncul seperti tampilan tutorial latihan
Silahkan di coba sobat

LATIHAN  1-1
Menampilkan text :
"Belajar bahasa pemrograman web ternyata mudah juga ya"

tampilan yang akan muncul





 LATIHAN 1_2
Merubah warna text menjadi merah :


Belajar bahasa pemrograman web ternyata mudah juga ya


tampilan yang akan muncul





LATIHAN 1_3
Merubah warna background menjadi hitam


tampilan yang akan muncul
 


LATIHAN 1_4
Membuat  Background gambar


tampilan yang akan muncul



 

Entri Populer