Penggunaan Form pada HTML

Form adalah salah satu elemen HTML yang sangat sering dijumpai bagi anda pengguna layanan internet. Hampir seluruh halaman web yang anda kunjungi mengandung unsur form didalamnya. Form dapat ditemukan pada halaman web yang memiliki fungsi komunikasi, bukan hanya komunikasi antar pengguna internet seperti chatting, social network, dan email, tetapi juga komunikasi antara pengguna internet dengan web server seperti format pendaftaran untuk membuat account sebuah situs. Saat seseorang hendak membuat account sebuah situs, dia memberikan informasi kepada web server yang biasanya berupa identitas diri. Identitas tersebut diinputkan melalui form kemudian dikirim ke database web server.
Jadi, form biasanya digunakan untuk halaman web yang bersifat dinamis sehingga memungkinkan terjadinya komunikasi antara user dengan web server atau user lain. Form memungkinkan suatu web server untuk menerima informasi dari user melalui sejumlah elemen kontrol. Elemen kontrol yang dapat digunakan untuk membuat form yaitu :

1. Teks baris tunggal
2. Teks baris jamak
3. Teks password
4. Tombol submit dan reset
5. Checkbox
6. Radio button
7. Menu pop-up

Sebelum mempelajari cara membuat elemen-elemen kontrol di atas, anda sebaiknya mengetahui terlebih dahulu struktur tag yang digunakan untuk membuat

Tipe Data pada PHP

Dalam PHP, ada 8 jenis data yang didukung, diantaranya adalah sebagai berikut :

• 4 nilai skalar (singel value), yang terdiri dari integer, floating-point, string, boolean.
• 2 nilai koleksi, meliputi array dan objek.
• 2 tipe khusus, yaitu resource dan null.

INTEGER
Yaitu tipe data yang merepresentasikan bilangan utuh atau bulat. Dalam istilah matematika, bilangan yang dimaksud disini bukan bilangan desimal atau pecahan. Range (rentang) yang diperbolehkan adalah dari -2.147.483.648 sampai dengan +2.147.483.647 dalam sebuah komputer dengan arsitektur 32-bit (atau sama dengan lebar yang dimiliki oleh long data dalam bahasa C). Nilai literal dari tipe integer dapat ditulis dalam bentuk desimal (basis 10), oktal (basis 8), dan heksadesimal (basis 16).

Perlu dicatat! Saya telah menyebutkan bahwa integer adalah adalah bilangan bulat, bukan bilangan desimal. Namun ini adalah pengertian dalam istilah matematika dimana bilangan desimal adalah bilangan dengan koma maupun pecahan (seperti 3,078 atau ⁵/₄₂). Namun, bilangan desimal dalam bahasa pemrograman diperbolehkan disini. Jadi harus anda bedakan antara bilangan desimal dalam istilah matematika dan dalam bahasa pemrograman! Bilangan desimal merupakan bilangan berbasis 10 yang artinya dapat menggunakan bilangan dari 0 sampai 9. Bilangan ini adalah bilangan yang sering kita gunakan sehari-hari. Dalam penulisan integer anda dapat menuliskannya tanpa menulis angka 0 di depan, dan dapat dimulai dengan tanda plus (+) dan minus (-) sebagai penanda bahwa bilangan tersebut merupakan

Pengenalan PHP

PHP merupakan singkatan rekrusif (akronim berulang) dari PHP Hypertext Preprocessor. PHP adalah bahasa pemrograman script yang paling banyak digunakan saat ini atau dalam kata lain bisa diartikan sebuah bahasa pemrograman web yang bekerja di sisi server (server side scripting) yang dapat melakukan konektifitas pada database yang di mana hal itu tidak dapat dilakukan hanya dengan menggunakan sintaks-sintaks HTML biasa. PHP banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain. PHP juga merupakan script yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP juga dapat digunakan untuk membangun sebuah CMS.

————————————————————————————————————

SEJARAH PHP
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs Personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web.

Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi open source, maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter PHP sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih

Membuat Link pada HTML

Link yang merupakan singkatan dari "hyperlink" adalah sebuah fungsi dalam HTML yang digunakan untuk memudahkan user untuk menelusuri seluruh isi atau informasi yang tersimpan dalam website bersangkutan. Link juga berguna untuk menghubungkan antar dokumen HTML. Dalam HTML, sebuah objek teks yang berupa link akan ditampilkan dengan font berwarna biru dengan style underline (bergaris bawah). Jika cursor mouse didekatkan pada objek yang berupa link, maka cursor akan berubah menjadi gambar tangan yang menunjuk pada link tersebut, kemudian jika sebuah link sudah pernah diakses atau dikunjungi, maka warna dari teks / objek link tersebut akan berubah menjadi ungu. Pada pembahasan kali ini akan dibahas mengenai cara pembuatan link dalam HTML. Untuk membuat link digunakan tag <a> (anchor) yang berpasangan dengan </a>. Setiap teks maupun objek lain (gambar, thumbnail, dll) yang diapit dengan tag tersebut akan ditampilkan sebagai link. Bentuk umum tag pembuatan link adalah sebagai berikut :
"<a href="DokumenTujuan"> Teks / Objek Link </a>"
Dari bentuk umum di atas dapat dilihat adanya penggunaan atribut HREF pada tag <a>. Atribut tersebut digunakan untuk menentukan dokumen atau halaman mana yang akan dipanggil dan ditampilkan pada saat link tersebut diklik oleh user. Jadi, nilai dari atribut tersebut harus diisikan nama dokumen HTML yang menjadi tujuan. Namun penggunaannya masih dapat dieksplorasi lagi oleh web designer.

Setelah mengetahui bentuk umum dari tag hyperlink, selanjutnya akan dibahas mengenai jenis-jenis link. Berdasarkan lokasi dokumen yang akan diakses, link dalam HTML dibagi menjadi 3, yaitu :

• Link absolut
• Link relatif
• Link ke dokumen yang sama

————————————————————————————————————

LINK ABSOLUT
Yaitu link yang tujuannya adalah alamat website yang lain. Jadi, dokumen yang menjadi tujuan dari link jenis ini adalah URL sebuah alamat web sehingga untuk membuat link jenis ini, komputer kita harus terkoneksi ke

Penggunaan Tabel pada HTML

Pembuatan tabel pada HTML tidak jauh berbeda dengan pembuatan tabel pada aplikasi Microsoft Word maupun Excel. Tabel dalam HTML memiliki fungsi yang hampir sama dengan kedua aplikasi tersebut, yaitu menampilkan suatu informasi ke dalam bentuk tabular. Namun dalam HTML ada fungsi lain dari pembuatan tabel, dimana tabel dapat digunakan untuk mengatur layout (tampilan) dari sebuah halaman web. Namun saat ini sudah muncul CSS (Casecading Style Sheet) yang dapat membuat layout sebuah web lebih bagus dan menarik sehingga pembuatan layout menggunakan tabel sudah tidak direkomendasikan dan jarang ditemui. Pada pembahasan ini saya akan memfokuskan dalam pembuatan tabel dengan fungsi sebagai penampil informasi.

Sebelum mempelajari mengenai pembuatan tabel, ada sesuatu hal yang perlu anda pahami sebelumnya, yaitu bagian-bagian dari tabel. Berikut adalah bagian-bagian sederhana dari sebuah tabel

Dari gambar di atas dapat diketahui bahwa dalam sebuah tabel ada beberapa elemen. Elemen-elemen tersebut memiliki definisi tersendiri, berikut adalah definisinya :

• Field, yaitu header, judul kolom, atau kategori dari isi tabel. Biasanya terletak dibagian atas maupun kiri dari sebuah tabel.
• Record, yaitu isi atau informasi dari tabel yang merupakan penjabaran dari field tabel.
• Kolom, penjelasannya terlihat pada gambar.
• Baris, penjelasannya terlihat pada gambar.
• Sel, yaitu bagian terkecil dari suatu tabel yang berisi data atau nilai dari kolom dan baris tertentu.

Dalam membuat tabel pada HTML ada tag utama yang harus diketahui yaitu tag <table> ... </table>, yang digunakan untuk mendefinisikan tabel dalam sebuah dokumen HTML. Jadi, dalam membuat tabel harus diawali dan diakhiri dengan tag tersebut. Kemudian ada beberapa tag umum lain yang perlu diketahui yaitu

Penggunaan List (Daftar) pada HTML

Saat seorang web designer membuat sebuah desain halaman web, ada kalanya ia dituntut untuk membuat sebuah daftar (list) dari adanya kumpulan item-item tertentu. Pada bagian ini saya akan membahas mengenai pembuatan list atau daftar pada dokumen HTML. Pembuatan daftar ini dapat dilakukan pada daftar yang berurutan maupun tidak. Sehingga jenis-jenis daftar dapat diklasifikasikan sebagai berikut :

• Daftar yang Berurutan
• Daftar yang Tidak Berurutan

Setelah memahami kedua jenis daftar tersebut, maka akan dilanjutkan dengan pembelajaran mengenai daftar yang telah terdefinisikan (definition list) dan juga daftar bersarang (nested list). Selain itu saya juga akan melampirkan materi mengenai pengaturan start & value dalam penggunaan daftar berurutan.

————————————————————————————————————

DAFTAR BERURUTAN
Daftar berurutan atau yang dikenal sebagai ordered list ini adalah daftar yang ditandai dengan penggunaan aturan penomeran tertentu. Penggunaan list jenis ini biasanya dilakukan pada list yang item-itemnya merupakan satu-kesatuan yang utuh dan tidak dapat dipisahkan, atau berupa prosedur atau aturan langkah-langkah tertentu yang tidak dapat dilakukan secara acak (seperti langkah-langkah membuat kue, memasak nasi, dll).

Untuk membuat sebuah daftar yang terurut dalam HTML, tag yang digunakan adalah

Text Style pada HTML

Text style adalah sebuah fungsi yang digunakan untuk memberikan style (gaya) penulisan sebuah teks pada isi HTML. Text style ini biasanya digunakan untuk sebuah halaman web yang isinya berupa informasi teks, karena pada web yang memiliki fungsi untuk entertaiment hanya menggunakan sedikit teks. Penggunaan text style biasanya dimaksudkan untuk memperjelas isi sebuah teks / paragraf karena sebuah teks yang terkesan "datar" tanpa style khusus akan membuat sebuah teks terasa tidak bermakna. Berdasarkan maksud dari style tersebut, ada 2 jenis text style yang dapat digunakan, yaitu Physical Style dan Logical Style. Kedua style tersebut berbeda secara maksud penggunaannya. Berikut penjelasan singkat mengenai kedua style tersebut.

————————————————————————————————————

PHYSICAL STYLE

Physical style adalah style yang digunakan untuk melakukan text formatting secara fisik tanpa adanya maksud tertentu dari penggunaannya. Jadi, style ini digunakan hanya untuk

Penggunaan Image pada HTML

Penggunaan image atau gambar pada dokumen HTML akan menambah daya tarik sebuah halaman web. Saat ini sudah jarang situs web yang tidak menambahkan elemen gambar pada situs tersebut. Oleh karena itu penggunaan gambar pada HTML cukup penting untuk dipelajari. Untuk memasukan elemen gambar pada dokumen HTML dapat dilakukan dengan menggunakan tag <img>. Tag ini merupakan salah satu tag HTML yang tidak memiliki pasangan sehingga alangkah baiknya jika diakhir penulisan tag ini dibubuhi tanda / (slash) untuk menandakan bahwa tag tersebut berakhir. Ada beberapa poin penting dalam mengatur keberadaan sebuah gambar dalam dokumen HTML, diantaranya adalah sebagai berikut :

1. Sumber Gambar 
2. Keterangan Gambar 
3. Ukuran Gambar 
4. Border Gambar 
5. Tooltip Gambar 
6. Alignment Gambar 

————————————————————————————————————

SUMBER GAMBAR

Sumber gambar yaitu letak dimana file gambar berada; ditandai dengan atribut src yang merupakan singkatan dari kata source. Nilai dari atribut ini adalah letak dan nama gambar yang bersangkutan. Penggunaan umum dalam memasukan gambar pada dokumen HTML adalah dengan menggunakan

Text Formatting pada HTML

Text formatting yaitu melakukan pengaturan / konfigurasi pada teks yang akan dijadikan isi dari sebuah halaman web. Pengaturan tersebut akan terlihat secara real, sehingga apa yang diinputkan pada dokumen HTML akan diperlihatkan oleh web browser. Pengaturan ini format dari teks meliputi pengaturan heading (penjudulan pada sebuah teks / paragraf), alignment (pengaturan align atau perataan pada suatu teks / paragraf), dan juga pengaturan font (mengatur jenis, ukuran, dan warna font pada suatu teks / paragraf).

————————————————————————————————————

HEADING (PENJUDULAN)

Pertama, saya akan membahas mengenai heading. Heading berasal dari kata header, dan kata dasarnya yaitu head atau kepala. Jadi pengaturan heading adalah pengaturan pada kepala atau judul sebuah segmen dalam HTML, dimana segmen yang dimaksud dapat berupa paragraf maupun sebuah teks artikel yang utuh (seperti halnya judul pada sebuah cerpen). Header adalah istilah dengan banyak definisi dalam bidang pemrograman komputer, jaringan, email, pengolah kata, dan juga HTML. Header pada pemrograman HTML merujuk pada bagian atas sebuah dokumen HTML. Namun penggunaan header ini masih dapat di eksplorasi menjadi bentuk lain.

Untuk menuliskan judul suatu paragraf, digunakanlah sebuah tag yang biasa disebut heading. Untuk menyatakan suatu heading, digunakan tag <hx> diakhiri dengan tag </hx>, dimana x adalah nomer level heading (maksud dari level disini adalah besarnya ukuran heading) yang dipresentasikan dengan bilangan numerik dari 1 sampai 6. Pemakaian tag <hx> berkisar pada bilangan numerik dimana <h1> adalah

Mengenal HTML

HTML adalah singkatan dari Hyper Text Markup Language. HTML merupakan file teks yang ditulis menggunakan aturan-aturan kode tertentu kemudian disajikan kepada user melalui suati aplikasi web browser. Setiap informasi yang tampil di web selalu dibuat menggunakan kode HTML. Oleh karena itu dokumen HTML sering juga disebut sebagai web page (halaman web). Untuk membuat dokumen HTML, yang diperlukan hanya bahan sederhana yaitu Notepad (untuk keluarga Windows), Vi Editor ataupun Gedit (untuk keluarga Linux), dan lain sebagainya. Namun saat ini sudah banyak aplikasi untuk membuat dokumen HTML maupun mengedit kode-kode HTML.

Lalu, apa itu kode HTML? Kode HTML adalah bahasa pemrograman yang dapat digunakan untuk membuat dokumen HTML. Jika anda berkunjung ke sebuah situs web, anda akan mengetahui kode HTML tersebut melalui web browser dengan cara memilih menu View Source pada browser Internet Explorer, dan juga View Page Source pada Mozilla Firefox.

Kemudian, bagaimana cara membuat sebuah dokumen HTML? Yang perlu anda lakukan adalah

Apa itu Web Design?

Web design adalah seni dan proses dalam menciptakan halaman web tunggal maupun keseluruhan, dan bisa melibatkan estetika serta seluk beluk mekanis dari suatu operasi situs web, walaupun yang utama adalah memusatkan look dan feel (apa yang dilihat dan dirasakan dari situs tersebut).

Sebagian aspek yang tercakup dalam web design antara lain :

• Menciptakan animasi dan grafik 
• Pemilihan warna 
• Pemilihan font 
• Design navigasi 
• Menciptakan animasi html atau xml, java script, programming, dan pengembangan e-commerce
• Menciptakan isi 

Apa saja yang harus dikuasai oleh seorang web designer? Hal-hal yang harus dikuasai oleh seorang web designer adalah sebagai berikut.
PENGUASAAN CITA RASA SENI seperti :

• mengeksplorasi imajinasi dan menggali cita rasa seni yang dituangkan dalam halaman web 
• mampu memilih warna yang baik dan memadukannya dengan warna lain sehingga tercipta perpaduan warna yang serasi 
• mampu membuat sketsa yang baik dari bentuk halaman web 
• mampu menggabungkan imajinasi atau ide orisinil dengan ide dari pihak client yang memesan desain web 
• mampu menempatkan komponen multimedia pada bagian tertentu sehingga halaman web menjadi menarik

PENGUASAAN TOOLS PENDUKUNG PERENCANAAN WEB seperti :

1. Aplikasi pengatur layout web, contohnya Macromedia Dreamweaver, Microsoft Fontpage, Edit Plus, PHP Edit, dll 
2. Aplikasi pembuat animasi seperti Macromedia Flash, Swish, dll 
3. Aplikasi design grafis seperti Corel Draw, Photoshop, Gimp, dll

PENGUASAAN TEKNIK MEMBUAT INTERFACES WEB

PENGUASAAN BAHASA PEMROGRAMAN

————————————————————————————————————

FUNGSI SITUS WEB

Sebelum mendesain sebuah web, sebaiknya web designer mengetahui dan memahami terlebih dahulu beberapa fungsi dari sebuah situs web agar design yang dibuat sesuai dengan fungsi yang dibuat. Secara umum, fungsi dari sebuah web adalah

Kode Warna

Sejarah WEB

Sejarah Situs Web

Penemu web adalah Sir Timothy John "Tim" Berners-Lee, pada waktu itu hanya berupa file html. Namun untuk pertama kalinya web terhubung dengan jaringan komputer pada tahun 1991. Adapun maksud Tim membuat web adalah untuk

Istilah-istilah dalam Web (Tugas Web Design)

Tugas Web Design

1.    Web        :
Kumpulan halaman web terkait yang berisi gambar, video, atau asset digital lainnya dan memungkinkan siapapun agar bias menyediakan informasi.
2.    Situs        :
Kumpulan halaman yang dipakai untuk