Kamis, 30 September 2010

ARTIKEL PHP DAN HTML

Free HTML dan PHP Editor

php-editor Beberapa tahun kebelakang, trend membuat blog adalah untuk sekedar untuk curhat, menyimpan catatan perjalanan hidup (online diary), sharing informasi antar teman dan semacamnya. Akhir-akhir ini jika kang Rohman cermati ada trend baru yang sedang mewabah di blogosphere, apaan tuh? trend yang di maksud adalah mempercantik tampilan blog hasil rekayasa atau otak-atik tangan sendiri (pemilik blog). Fenomena ini muncul imbas dari banyak bermunculan blog-blog yang bertajuk blog tutorial. Apakah ini suatu fenomena yang buruk atau baik? jika menurut kang Rohman sendiri ini justru fenomena yang sangat baik untuk dunia blogger di indonesia. Kenapa demikian? ketika dulu pertama kali kang Rohman belajar membuat blog, hanya sedikit blog berbahasa indonesia yang mengajarkan tentang tata cara membuat blog, tapi sekarang? jangan di tanya deh, karena banyak sekali blog berbahasa indonesia yang berisi tentang tutorial blog. Ini tentunya akan membawa dampak positif bagi kemajuan di bidang teknologi untuk bangsa kita karena tutorial yang di suguhkan akan lebih mudah untuk di mengerti.

Beberapa blog yang Kang rohman kenal bertajuk blog tutorial di antaranya blog miliknya OOM, Kang Jaloe, Ade Sanusi, Subagya, anasku, abi bakar serta sederet nama lainnya yang mungkin sudah anda kenal, dan sepertinya cewek centil yang punya panggilan Jovie sepertinya sudah melirik ke arah-arah sana juga. Dengan kehadiran mereka semua tentunya merupakan suatu kemajuan besar bagi dunia blogger di indonesia, karena tak ayal lagi, membuat blog bukan lagi suatu yang susah untuk di lakukan meskipun anda sangat buta dengan bahasa pemrograman berbasis web semisal HTML, CSS, Java Script dan lain sebagainya.

Bagi kita yang awam, di saat mengikuti tutorial mereka, terkadang ada tersirat di dalam hati dan berkeinginan agar bisa seperti mereka yang ahli-ahli, Pernah tidak terpikir seperti itu di benak anda? jika jawabannya iya, itu merupakan modal awal bagi anda untuk menjadi seorang ahli. Namun tentu niat saja tidak cukup, perlu keseriusan kita dalam mencapai keinginan tersebut. Dan di samping itu pula, ada faktor-faktor pendukung lainnya yang perlu anda miliki. Sebut saja komputer dan software-software pendukung ketika anda melakukan pembelajaran.

Ambil contoh kecil saja, jika anda ingin belajar HTML atau PHP anda memerlukan software atau tool pengolahnya. Untuk masalah ini pilihan kang Rohman jatuh kepada software MacroMedia Dreamweaver. Dengan tool ini Kang Rohman lebih mudah untuk melakukan proses belajar baik itu HTML, CSS, Java Script ataupun PHP, semuanya bisa di lakukan pada software ini. Namun MacroMedia Dreamweaver bukanlah sebuah tool yang bisa di dapat secara gratisan, harga nya pun terbilang relatif mahal. Bagi anda yang masih tetap ingin belajar namun sedikit enggan mengeluarkan biaya terlalu mahal, jangan berkecil hati dulu, karena di dunia maya sana banyak terdapat website penyedia tool gratis yang bisa anda dapatkan.

Bagi anda yang sedang belajar HTML atau PHP, anda bisa menggunakan HTML Editor atau PHP Editor.

HTML

Dasar Dasar HTML untuk Design Website atau Blog

Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML (Hyper Text Mark up Language) karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat barus baru dll. Ok marikita mulai pelajaranya :

* CARA MEMASUKKAN GAMBAR

kode :



keterangan :

yang warna biru adalah lokasi gambar kamu.

height="17" width="90" adalah ukuran lebar dan tinggi gambar

hasil :





* CARA MEMBUAT LINK

Kode :

UBB

Keterangan :

Text warna biru adalah link yang dituju.

Tulisan "UBB" adalah tulisan yang ditampilkan.

Jika ingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehinga kodenya akan seperti ini :



Jika ingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://www.ubb.ac.id"


Hasil :



UBB
(dibuka pada window yg sama)



(dibuka pada window baru)



* CARA MENGETENGAHKAN TEXT/GAMBAR

Kode :

text


Keterangan :

Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar



* CARA MEMBUAT BARIS BARU

Kode :




Keterangan :

Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan



* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH

Kode :

text

text

text

Hasil :

Tebal

Miring

Garis Bawah



* MEMBERI WARNA TEXT

text merah

text orange

Keterangan :

Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.

Hasil :

text merah

text orange



* KODE-KODE WARNA





Warna Kode
#000000
#999999
#FFFFFF
#FF0000
#00FF00
#0000FF
#FFFF00
#00FFFF
#FF00FF
#9900FF
#FF6600




Kode-kode Warna untuk HTML

Di dalam dunia web/blog, warna itu sangat penting dan sangat berpengaruh terhadap penampilan web/blog. Warna-warna biasanya digunakan untuk background, text, links, table dll. Kalau kombinasi warna pada web/blog kita tidak sesuai, atau tidak enak dipandang mata mata, maka hal itu akan membuat pengungjung web/blog kita menjadi kurang nyaman, dan kemungkinan akan malas untuk mengunjungi blog kita lagi. Tapi karena untuk untuk membuat warna-warna ini harus menggunakan kode-kode warna, maka bagi yang tidak begitu mahir tentang html akan kesulitan untuk mendapatkan kode-kode warna ini.


Oleh karena itulah dibawah ini dibuat Chart HTML Kode Warna bagi yang membutuhkan kode-kode warna.
Cara penggunaannya cukup mudah, tinggal klik warna yang dipilih, maka kode warnanya akan tampil di kotak "kode warna:".




PENULISAN KARAKTER-KARAKTER KHUSUS

Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :




Karakter

Kode
>

>
< < & & " " (spasi) Cara Membuat Kotak Blogroll dan Marquee Ada dua macam kotak blogroll yaitu: 1. Kotak Blogroll Model Textarea Cara membuatnya : Pasang code berikut ini di kedalam element (Page Element --> Add Page Element --> HTML /Javascript)



#link1

#link2

#link3

#link...



keterangan:

- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kita bisa merubahnya dan menyesuaikanya dengan ukuran yg disuka.

- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link, juga bisa diisi dengan banner link.

- Jika ingin daftar link-linknya berjajar, maka hilangkan kode



2. Kotak Blogroll Model Marquee


Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah). Link-link atau isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Cara membuatnya :

Pasang code berikut ini di kedalam element (Page Element --> Add Page Element --> HTML /Javascript)



#link1

#link2

#link3

#link...




Keterangan :

- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode
.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

LOVE KAK ZHINTA


Kuawali hariku dengan mendoakanmu
Agar kau slalu sehat dan bahagia di sana...
Sebelum kau melupakanku lebih jauh,
Sebelum kau meninggalkanku lebih jauh...

Ku tak pernah berharap
Kau kan merindukan keberadaanku yang menyedihkan ini
Ku hanya ingin bila kau melihatku kapanpun
Dimanapun hatimu kan berkata seperti ini...

Pria inilah yang jatuh hati padamu
Pria inilah yang kan s’lalu memujamu...
Aha... yeah... aha... yeah...
Begitu para rapper coba menghiburku

Akulah orang yang selalu menaruh bunga
Dan menuliskan cinta di atas meja kerjamu
Akulah orang yang kan selalu mengawasimu
Menikmati indahmu dari sisi gelapku

Dan biarkan aku jadi pemujamu
Jangan pernah hiraukan perasaan hatiku
Tenanglah tenang pujaan hatiku sayang
Aku takkan sampai hati bila menyentuhmu

Mungkin kau takkan pernah tahu
Betapa mudahnya kau untuk dikagumi
Mungkin kau takkan pernah sadar
Betapa mudahnya kau untuk dicintai

Akulah orang yang akan selalu memujamu
Akulah orang yang akan selalu mengintaimu
Akulah orang yang akan selalu memujamu
Akulah orang yang akan selalu mengintaimu

Karena hanya dengan perasaan rinduku yang dalam padamu
Kupertahankan hidup
Maka hanya dengan jejak-jejak hatimu
Ada arti kutelusuri hidup ini
Selamanya hanya kubisa memujamu
Selamanya hanya kubisa merindukanmu