Cara Membuat FORM Web Desain

FORM

FORM di ibaratkan sebuah formulir yang selanjutnya akan di isi oleh pengguna web. Membuat form selalu di awali dengan tag <FORM> dan ditutup dengan tag </FORM>. Di antara tag pembuka dan penutup form di isi tag <INPUT> yang digunakan untuk membuat berbagai jenis mesukan didalam form yang dibuat.

Tag <Input> memiliki atribut type yang dapat digunakan untuk menentukan jenis masukan yang anda inginkan:

1. Text

Digunakan untuk menerima masukan berupa text atau angka. Text dari pengguna dapat dimasukkan ke dalam kotak text yang tersedia.

Contohnya:

Nama Depan :<input type="text" name="firstname" size="20" maxlength="20">

2. Password

Mirip text, namun digunakan untuk menerima masukkan berupa password dari pengguna. Text yang dimasukkan akan disamarkan dan akan terlihat menjadi karakter karakter tertentu "*".

Contoh:

Password :<input type="password" name="nama" size="20" maxlength="20">

3. Checkbox

Digunakan untuk menerima masukkan berupa pilihan, pilihan yang dapat dipilih dari satu.

Contoh:

<input type="checkbox" name="buah" value="pisang">Pisang

<input type="checkbox" name="buah" value="apel" checked>Apel

<input type="checkbox" name="buah" value="jeruk">Jeruk

4. Radio

Digunakan untuk menerima masukkan berupa pilihan. Pilihan yang dipilih hanya satu pilihan dalam satu nama yang sama.

Contoh:

<input type="radio" name="sex" value="P" checked>Pria

<input type="radio" name="sex" value="W">Wanita

5. Select (Daftar)

Digunakan untuk menampilkan beberapa opsi pilihan dalam bentuk menu dropdown (Scroll). Perintahnya didalam tag <select>. . .</select> anda dapat menulis tag <option>.

Contoh:

<select name="Buah">

    <option>Pisang

    <option>Apel

    <option selected>Jeruk

</select>

6. Text Area

Digunakan untuk menerima masukkan data dalam bentuk text berupa memo.

Contoh:

<text area name="komentar" rows="7" cols="40" wraf="off">Masukkan komentar anda</text area>

7. File

Digunakan untuk menerima masukkan berupa file (upload).

Contoh:

<input type="file">

8. Submit

Digunakan untuk mengirim data.

Contoh:

<input type="submit" name="nama" value="kirim">

9. Reset

Digunakan untuk mengembalikan keadaan form seperty keadaan awal.

Contoh:

<input type="reset" name="nama" value="undo">

10. Button

Digunakan untuk membuat tombol yang dapat di klik oleh pengguna.

Contoh:

<input type="button" name"nama" value="tombol">

11. Image

Digunakan untuk memasukkan berupa gambar yang dapat di klik fungsinya hampir sama dengan submit.

<input type="image" align="left" name="gambar" src=logo.jpg>

Fungsi	Keterangan
Name	Digunakan untuk manamai kotak text
Size	Digunakan untuk mengatur ukuran dari kontak text
Maxlength	Digunakan untuk menentukan panjang maksimum text yang dapat dimasukkan
Value	Digunakan untuk menandai atau menampung text yang di isikan
Checked	Digunakan untuk membuat sebuat checkbox atau radio terpilih otomatis
Selected	Digunakan untuk melakukan pilihan awal
Rows	Digunakan untuk menentukan jumlah baris
Cols	Digunakan untuk menentukan jumlah kolom
Wraf	Off untuk tulisan berpindah ke baris berikutnya Hard untuk tulisan terpotong ketika sampai kebatas kanan kemudian berpindah ke baris baru Soft untuk data terpotong saat menyentuh batas kanan dan berpindah kebaris baru

Itulah dasar dasar FORM web desain yang saya ketahui, Untuk mengetahui dasar dasar web desain lainnya silahkan kunjungi Dasar Dasar Web Desain.

Aplikasi merakit CPU untuk pemula

Aplikasi merakit CPU untuk pemula

Cara merakit CPU, Langkah langkah merakit CPU, K3LH dalam merakit CPU, Cara merakit CPU yang betul | Aplikasi merakit CPU.

Aplikasi merakit CPU adalah aplikasi yang sangat berguna untuk merakit CPU. Aplikasi merakit CPU saya bagikan untuk anda. CPU (Central Processing Unit) merujuk kepada perangkat keras komputer yang memahami dan melaksanakan perintah dan data dari perangkat lunak. Istilah lain, pemroses/prosesor (processor), sering digunakan untuk menyebut CPU. Adapun mikroprosesor adalah CPU yang diproduksi dalam sirkuit terpadu, sering kali dalam sebuah paket sirkuit terpadu tunggal.

Silahkan download Aplikasi perakit CPU disini

Cara menggunakan aplikasi:

1. Pastikan windows anda sudah menginstal Mozilla Firefox atau Google Chrome.

2. Install aplikasi Xampp yang sudah di download. Silahkan lihat tutorial instalnya disini

3. Jika Aplikasi Xampp sudah terinstall buka folder "en_ITEPC_VA_Desktop_v40-day rap may tinh", lalu "en_ITEPC_VA_Desktop_v40", klik kanan file Index lalu Open with Mozilla Firefox atau Google Chrome.

4. Selamat merakit.

SALAM, Hasrullah24

Cara Install Xampp di windows

Cara Install Xampp di windows

Saya akan membahas Cara Install Xampp di windows, jika belum ada aplikasi Xampp nya silahkan download disini

1. Buka Xampp, akan muncul seperti gambar dibawah ini, pilih bahasa yang anda inginkan hehehe :D

2. Maka muncul seperti gambar berikut ini, lalu Next sampai instalan selesai.

3. Jika instalan sudah selesai klik Finish

4. Maka muncul seperti gambar berikut, Klik Yes

5. Lalu muncul seperti gambar di bawah ini, lalu centang Svc Apache, Svc MySql, Svc File Zilla, kemudian klik start yang sudah kita centang.

6. Instalan selesai.

Download My Lockbox Full Version

Download My Lockbox Full Version

My Lockbox merupakan aplikasi kunci folder, bukan hanya kunci folder tetapi bisa juga partisi di windows, hebat bukan. Aplikasi ini digunakan untuk menyembunyikan file-file pribadi. Aplikasi ini sangat aman untuk mengunci folder, file, atau partisi anda.

Silahkan download aplikasinya:

Download My Lockbox

Cara Instal Corel Draw X4 dan Keygennya lengkap dengan gambar

Cara Instal Corel Draw X4 dan Keygennya lengkap dengan gambar

Pada artikel ini saya akan memberikan anda Cara Instal Corel Draw X4 dan Keygennya.

1. Instal Corel Draw X4 perhatikan gambar dibawah ini

    Pastikan tercentang "I accept the terms in the license agreement", lalu Next >

2. Masukkan "User Name" anda, lalu pilih "I do not have a serial and  want to try the             product", lalu klik Next >

3. Lalu pilih Option berada bagian atas sebelah kanan hilangkan centang "Product                   Update", Lalu "Install Now".

4. Tunggu proses penginstalan Corel Draw X4 selesai, Lalu Finish.

Cara menggunakan Keygen Corel Draw X4

1. Buka keygen Corel Draw X4

2. Buka Corel Draw X4, Pada jendela aktivasi, klik Serial Number di pojok kiri bawah

3. Maka muncul seperti gambar dibawah ini, lalu masukkan serial number yang sudah kita copy di Keygen lalu klik Phone Corel

4. Copy Code Instalasion yang muncul, copy code tersebut tanpa tanda "-" di kolom Code Instalasion Keygen. Lalu klik Activation Code

5. Copy Activation Code hasil dari keygen pada jendela aktivasi Corel Draw X4 lalu klik Next

6. Proses aktivasi Corel Draw X4 selesai.

Silahkan download aplikasinya Disini.

Download Corel Draw X4 Full Version Free + Keygen

Download Corel Draw X4 Full Version Free + Keygen

Download Corel Draw X4 Full Version Free + Keygen, Corel Draw X4 Full Keygen, Corel Draw Graphics Suite X4 | Full Download, Corel Draw X4 Keygen 100% Working, Link Mediafire

CorelDraw Graphics Suite X4 adalah software desain berbasis graphics yang banyak digunakan oleh desain graphics. Selain itu mudah digunakan, CorelDraw X4 telah dilengkapi fasilitas pendukung yang memudahkan para desain graphics untuk mendesain.

Spesifikasi System:

• Windows XP (Service Pack 2 ke atas) Windows Vista, Windows 7 dan Windows 8
• 512 MB of RAM, 450 MB of Harddisk Space
• Pentium III, 800 MHz processor or AMD Athlon
• 1024 x 768 resolusi monitor
• Mouse

Silahkan Download Corel Draw X4:

Download CorelDraw X4

Download Keygen CorelDraw X4

Silahkan lihat Cara Instal Corel Draw X4 dan Keygennya disini.

Dasar dasar web desain dan contoh pembuatannya

HTML (Hyperlink Text Markup Language) Adalah sebuah bahasa pemograman yang biasanya digunakan untuk membuat halamat web. Sebuah file dokumen yang ditulis dalam format HTML akan dibaca dan diterjemahkan oleh Web Browser untuk kemudian di sajikan dalam bentuk WEB. File file yang ditulis dalam format HTML disimpan dengan ekstensi .html atau .htm

File file tersebut ditulis atau diketik menggunakan berbagai macam text editor misalkan:

• Noteped
• Notepad++
• Sublime Text
• Macromedia Dreamweaver 8

HTML terdiri atas berbagai macam TAG yang digunakan untuk menandai dan mengatur tampilan dari halaman web yang kita buat . Misalkan kita ingin membuat kalimat yang bercetak tebal di Web, maka kita gunakan Tag yang cocok untuk itu.

Tag biasanya dituliskan berdasarkan di awal atau di akhir bagian file yang akan ditandai untuk yang diletakkan di awal bagian dengan tanda ("<") nama tag dan tanda (">") dan untuk tag yang diletakkan di akhir bagian ditulis dengan ("<"),("/") nama tag dan tanda (">") Tag <HTML> dan juga </HTML>

digunakan untuk menandai awal dan akhir sebuah dokumen HTML, bagian kepala dokumen yang ditandai dengan HEAD dan bagian dokumen yang ditandai dengan BODY.

Pada bagian kepala dokumen HEAD kita dapat menambahkan judul halaman web yang kita buat menggunakan tag TITLE.

Contoh dasar utama dari web desain:

<HTML>

<HEAD>
<TITLE> Judul Dari Web Yang Kita Buat </TITLE>

</HEAD>

<BODY>

</BODY>

</HTML>

Beberapa tag HTML memiliki atribut atribut dari tag <BODY> adalah sebagai berikut

ATRIBUT	KETERANGAN
Background	Untuk menentukan gambar latar belakang dari badan dokumen
Bgcolor	Untuk menentukan warna latar belakang
Text	Untuk warna text yang berada dalam badan dokumen

Hanya ditambahkan disamping <BODY>
Contoh untuk Bgcolor:
<BODY bgcolor="Red" text="blue">

Contoh untuk Background:
<BODY background="C:\Users\Public\Pictures\Sample Pictures\Lighthouse.jpg" text="white">
Keterangan untuk background: pastikan ekstensi gambar yang ingin dimasukkan harus ada juga contoh .jpg .gif .png

Tag <P> digunakan untuk membuat paragraf baru </P> mempunyai atribut bernama Align yang berguna untuk menentukan apakah paragraf tersebut akan ditampilkan menjadi rata kanan, kiri, tengah atau justify, Pilihannya adalah RIGHT, LEFT, CENTER, dan JUSTIFY.

Contohnya codingnya: <P align="Center">

Tag <BR> adalah salah satuh jenis tag yang tidak perlu dituliskan berpasangan. Tag <BR> digunakan untuk memisahkan text menjadi beris baru.

Tag <HR> adalah juga tidak perlu dituliskan berpasangan. Tag <HR> digunakan untuk menampilkan sebuah garis lurus horizontal pada web yang kita buat. Tag <HR> memiliki atribut SIZE dan WIDTH untuk mengatur tinggi dan lebar garis horizontal yang ditampilkan.

<CENTER> berfungsi untuk membuat text berada ditengah </CENTER> anda juga dapat mengubah ukuran ukuran huruf dengan tag heading yanitu <H1> sampai <H6>. Tag tersebut biasanya digunakan untuk menentukan bagian bab, subab dari text dalam dokumen HTML. Tag <H1> digunakan untuk menentukan Heading 1 yang berukuran besar </H1>, sedangkan tag <H6> dugunakan untuk menentukan Heading 6 yang berfungsi paling kecil </H6>.

Tag tag untuk format text

Tag	Keterangan
<SMALL>	Membuat text menjadi relative kecil dari pada text lainnya
<BIG>	Membuat text menjadi relative besar dari pada text lainnya
<I>	Membuat text tercetak miring
<B>	Membuat text tercetak tebal
<U>	Membuat text tercetak garis bawah
<SUP>	Membuat text menjadi superscript, contohnya pada langkah ke 2 dalam text X2
<STRIKE>	Membuat text tercoret
<SUB>	Membuat text menjadi superscript, contohnya pada langkah ke 2 dalam text H2O

Selain menggunakan tag tag di atas, HTML juga menyediakan sebuah tag <FONT> untuk memformat text dengan lebih kompleks.

Tag <FONT> memiliki atribut:

• SIZE digunakan untuk menentukan ukuran text. Contoh: <FONT size="4"> Ukuran 4 </FONT>
• COLOR digunakan untuk menentukan warna text. Contoh: <FONT color="Blue"> Biru </FONT>
• FACE digunakan untuk menentukan jenis huruf yang digunakan dalam text misalnya verdana, arial, georgia dan lain lain.

Membuat Tabel

Tabel digunakan untuk menyajikan data dalam colom dan baris. Berikut ini elemen elemen yang digunakan untuk membentuk suatu tabel.

Elemen	Keterangan
<TABLE> . . . . . </TABLE>	Adalah tag awal penandaan awal dan akhir suatu tabel
<TR> . . . . . </TR>	Adalah tag yang menandakan suatu baris dalam tabel
<TD> . . . . .  </TD>	Adalah tag yang akan membagi baris menjadi beberapa kolom
<TH> . . . . . </TH>	Untuk mendefinisikan sebuah sel Header secara default text dalam sel ditebalkan dan ditampinkan di tengah

Masing masing tag memiliki atribut sebagai berikut:

Elemen	Penjelasan
Bgcolor	Untuk menentukan warna latar belakang
Background	Untuk menentukan gambar yang akan menjadi latar belakang table/kolom
Border	Untuk menentukan lebar bingkai table
Width	Untuk menentukan lebar sel
Height	Untuk menentukan tinggi sel
Align	Untuk mengatur perantaan horizontal
Valign	Untuk mengatur perantara vertical
Cellspacing	Untuk menentukan jarak antar kolom
Cellpadding	Untuk menentukan jarak antara isi dengan tepi kolom
Colspan	Untuk menentukan berapa kolom yang akan digabung
Rowspan	Untuk menentukan berapa baris yang akan digabung

Inilah dasar dasar web desain yang saya ketahui, kunjungu juga Dasar Pembuatan FORM Web Desain.