Create Your Imagination On Your Website

Tuangkan imajinasimu dalam scriptmu.

Hallo gengs..

Kali ini saya akan memberikan contoh bagaimana membuat website pribadi.

Saya akan menerangkan tentang apa itu Website Pribadi.

Apa itu Website Pribadi?

Website pribadi merupakan website yang dimiliki oleh perorangan, ini bisa berisi tentang semua hal berkaitan dengan kehidupan seseorang.

Yuk mari sekarang kita membuat website pribadi..

Check this out...

Pertama-tama kita buat dahulu halaman utama dengan nama index.php.

Mengapa menggunakan nama index.php??

Karena kita akan meng-upload website yang kita buat nanti dan halaman pertama yang terbuka saat web diakses adalah halaman dengan nama index.

Berikut halaman script untuk membuat halaman utama website.

Script PHP

Buat Websitemu menjadi lebih hidup dengan PHP.

Hallo teman..

Kali ini saya akan menerangkan tentang apa itu PHP (Hypertext Preprocessor).

Apakah teman-teman sorang Programmer?

Apakah seorang yang awam dalam hal Programer?

Kebanyakan anak programmer mengetahui tentang bahasa yang satu ini, karena bahasa pemerograman ini sangat umum dikalangan mereka. Tetapi untuk orang yang awam dalam hal pemerograman PHP bisa jadi singkatan dari (Pemberi Harapan Palsu). Hadeh.. -_-

Langsung sajalah ke inti penjelasannya..

Cekidot...

PHP bahwasannya adalah sebuah kepanjangan dari Hypertext Preprocessor, PHP Atau Hypertext Preprocessor ialah sebuah bahasa pemrograman yang berupa kode atau script berbasis server dan bisa ditambahkan ke dalam Bahasa Pemrograman HTML, PHP itu sendiri sering kali digunakan untuk hal merancang, membuat dan juga memprogram sebuah website. PHP juga sangat sering digunakan untuk membuat sebuah ataupun beberapa CMS, CMS ialah sebuah software atau perangkat lunak yang mempunyai kegunaan untuk memanipulasi semua atau beberapa isi dari sebuah halaman website.

Masih bingung?? Bertanya-tanya seberapan penting PHP??

Terus apa bedanya dengan HTML yang sebelumnya sudah dibahas.

PHP(PHP Hypertext Preprocessor)

Perbedaan Echo,Print dan Printf

Jumpa lagi teman-temaaaan. Kali ini kita akan mempelajari mengenai perbedaan beberapa fungsi dalam php, yakni fungsi pemanggilan output. Jadi, kita bisa menggunakan echo maupun print sebagai dua cara dasar untuk mendapatkan output dalam PHP.  Nah, echo dan print itu pada dasarnya kurang lebih sama teman-teman. Perbedaan kecilnya adalah :

1.       Echo, digunakan untuk menghasilkan satu atau lebih output data yang satu string, dengan memisahkannya dengan tanda koma.

Sebagai contoh:

Echo “Halo”, “apa kabar?”;

atau

<?php Echo “Selamat datang”1,2,3,4”sampai jumpa<br>”; ?>

CSS (Cascading Style Sheet)

Menggunakan CSS untuk membuat tampilan table menjadi menarik

Kali ini kita akan membahas mengenai pembuatan tabel. Eits, namun bukan pembuatan tabel biasa, melainkan ditambahi sedikit bumbu CSS untuk dapat memperindah tampilan website kita.

Sebelumnya, apasih CSS itu???
CSS kepanjangannya adalah Cascading Style Sheet  dimana merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Namun, jangan sampai salah ya teman-teman karena CSS bukan merupakan bahasa pemograman hloo. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda. Dan pada umumnya CSS dipakai untuk memformat tampilan halaman web, agar lebih menarik tentunya J

Nah, langsung aja nih kita lihat gimana foto soal yang harus kita kerjakan

Form pada HTML

Membuat Form pada HTML

Holaaa, kali ini kita akan membuat form berbasis html. Seperti biasa, berikut ini adalah gambar tugas yang diinstruksikan

Sebelumnya seperti biasa, kita pelajari dulu yah pengertian dan berbagai tag yang akan kita gunakan dalam membuat form tersebut.

Jadi, form itu biasanya kita gunakan saat akan mencoba untuk mengumpulkan data dari pengunjung suatu web. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web. Nah, pada contoh pembuatan form kali ini, kita akan membuat form untuk mengisi biodata diri, seperti nama, TTL, juga riwayat pendidikan sampai data orang tua.

Dan kemudian, beberapa tag dasar yang akan kita gunakan untuk membuat form di HTML ada tag form, input, textarea, select dan option.

1.     

      Pengertian tag <form>

Sebuah form dalam HTML harus berada di dalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Nah, pada tag yang satu ini kita membutuhkan beberapa atribut antara lain action, yang berfungsi untuk menjelaskan kemana data form akan dikirimkan. Biasanya nilai dari atribut action ini adalah alamat dari sebuah halaman PHP yang digunakan untuk memproses isi data form.

Atribut kedua adalah method, yang berfungsi untuk menjelaskan bagaimana data isian form akan dikirim oleh web browser

2.     

      Mengenal tag <input>

Tag input merupakan tag paling banyak digunakan di dalam form dan memiliki banyak bentuk, mulai dari isian text biasa, text password, checkbox, radio, sampai dengan tombol submit, semuanya dalam bentuk tag <input>.

Table pada HTML

Cara membuat table pada HTML

Hai hai jumpa lagi di postingan Dewi yang tentunya kece badai dan bikin kawan pembaca semua nggak bosen buat kita sama-sama belajar mengenai HTML. Di postingan kali ini kita bakal mempelajari cara membuat table dalam HTML. Tentunya kali ini kita nggak perlu lagi dong ngebahas dari awal apa itu yang namanya HTML, soalnya sudah kita bahas di postingan sebelumnya. Oh ya guys, sebelum kita bahas cara membuat HTML alangkah lebih baiknya kita pahami terlebih dahulu berbagai jenis mark up yang akan kita gunakan dalam pembuatan HTML seperti gambar berikut ini. Cekidot!

Nah gambar diatas adalah contoh table yang mesti kita tiru. Gampang kan? Gampang dong, hehehe :D Jadi dari hasil analisis gambar yang rada burem tersebut berhubung motonya pake HP, dapat kita simpulkan bahwa:

• -          Pertama, kita harus bikin 7 baris dan 4 kolom.
• -          Selain itu pada baris pertama dan kedua,tepatnya pada kolom pertama yang berbunyi “NO” dan “Nama Mahasiswa”  harus kita berikan tambahan perintah ROWSPAN. Apa sih rowspan itu? Eits, tunggu dulu. Bakal kita bahas setelah yang mau lewat berikut ini, hehe.
• -          Ketiga pada keterangan “Nilai Tugas” kita tambahkan perintah COLSPAN. Inget loh ya, colspan, bukan conterpain (apasih Dew-_-).
• -          Nah yang terakhir enak tuh, kita tinggal bikin perintah buat bikin table seperti biasa.
• -          Oh iya jangan lupa, dalam script jangan sekali-sekali typo buat nulis table menjadi tabel. Karena kode pemrograman yang kita pakai itu bahasa Inggris :’) sedih ya, hari gini masih dijajah aja.

Website 2

Pemrograman WEB

Setelah mengetahui segala seluk beluk mengenai website. Sekarang kita akan mencoba untuk mengenal bagaimana memogram suatu web. Dimana dikatakan bahwa pemrograman web itu sendiri merupakan sekumpulan intruksi untuk membuat dan mengolah website. 

Pada pemrograman web terdapat 2 sisi programming. Yang pertama itu Client side programming, client side programming itu proses dilakukan pada sisi client (browser), script programnya dapat dilihat hanya dengan menggunakan view source. Script tergantung pada browser, bila browser tidak mendukung script, maka hasil tidak akan terlihat. Terus yang kedua itu ada Server side programming  yaitu program yang berjalan pada sisi server, tidak tergantung pada browser, script programnya tidak dapat terlihat sehingga lebih aman dan dapat melakukan konektifitas dengan database, dapat juga memanipulasi.

Dalam pemrograman web yang paling dasar banget nih, kita juga akan mengenal istilah web dinamis dan web statis. Nah apalagi itu???

Web dinamis bukan web yang bergerak-gerak dengan bantuan komponen lainnya. Lalu  bagaimana dengan web statis?? Web yang tidak bergerak??? Jika temen-temen berpikiran seperti itu maka kalian salah besar, hehehe. Web statis dan web dinamis itu mempunyai perbedaan pada back-endnya. Jika web dinamis itu mempunyai back-end database, maksudnya data yang didalam web itu dapat diubah tanpa harus coding ulang sedangkan klo web statis itu kebalikan dari web dinamis. Misalkan saja kita tengok detik.com, jika web tersebut menggunakan web statis maka sang programmer akan merasa repot untuk mengurusi web tersebut yang notabene berubah setiap saat. Nah, seperti itu kira-kira gambarannya.

Sekarang kita tengok bagan dari pemrograman web yang hamper lebih dengan alur dari berjalannya website di postingan sebelumnya: