May 04 2012

fandhie

Keahlian apa aja yang harus dikuasai seorang Web Developer?

jasa pembuatan website

Sebetulnya ada banyak istilah untuk pembuat website. Ada yang bilang web designer, web programmer, webmaster, web architect dan lain-lain. Saya pribadi lebih suka menggunakan istilah Web Developer karena udah mencakup semua kegiatan dalam membangun sebuah website dari nol. Kalau istilah webmaster menurut referensi WIKIPEDIA, juga mencakup sebagai pengelola yang memaintain isi website dan menjalankan website tersebut.

Nah pertanyaan ini sempat beberapa kali dilemparkan ke saya, keahlian apa aja saja sih yang harus dimiliki seorang pembuat website atau yang saya bilang tadi Web Developer. Menurut saya yang sudah berkecimpung di dunia web developer selama 5 tahun belakangan ini, untuk membangun sebuah website yang berkualitas, seorang web developer harus menguasai minimal skil-skil berikut :

1. Graphic Design
Tanpa keahlian Graphic Design, bagaimana mungkin seorang web developer dapat membuat desain template yang menarik dan profesional untuk diimplementasikan menjadi website.

2. HTML dan CSS
Bahasa HTML dan CSS adalah wajib dikuasai secara advance oleh seorang web developer, karena dengan keahlian inilah developer harus mampu mengimplementasikan desain menjadi website template yang terstruktur dengan baik dan optimal. Semakin tinggi penguasaan terhadap HTML dan CSS, seorang developer akan semakin mampu mengoptimasi hasil desain template website menjadi menarik, rapi dan ringan untuk diakses.

3. Javascript/jQuery
Keahlian ini sangat penting dikuasai untuk memberikan sentuhan-sentuhan yang menarik akan hasil template website. Misalnya animasi menu, menampilkan dan menyembunyikan konten dan lain-lain. Javascript/jQuery yang bekerja di browser juga dapat membantu sistem website menjadi lebih simple dan interaktif dibanding hanya menggunakan bahasa program yang bekerja di server.

4. Bahasa Pemograman Website
Nah bahasa pemograman inilah yang paling utama yang harus dikuasai. Untuk pemograman ini sering juga disebut Server Side Coding atau kode yang bekerja disisi server. Ada banyak bahasa pemograman untuk membuat website seperti PHP, ASP, Coldfusion, Perl dan lain-lain. Anda boleh mempelajari semua atau cukup menguasai salah satu saja. Yang paling populer saat ini adalah PHP.

5. Database
Database juga wajib dikuasai karena untuk membangun website dinamis selalu membutuhkan database. Semakin tinggi pemahaman dan kemampuan web developer dalam membuat struktur database yang tepat maka sistem dan website yang akan dihasilkan akan semakin baik dan optimal. Saat ini database yang paling banyak digunakan adalah mySql.

6. Search Engine Optimization/Search Engine Marketing
Kenapa seorang web developer harus menguasai SEO/SEM ini? Tentu saja, agar website yang dibangun memenuhi syarat-sayarat yang ditetapkan search engine khususnya Google, dengan demikian website akan terindek dengan baik pada halaman pencarian Google. Dengan begini website yang dihasilkan akan mendatangkan pengunjung secara maksimal. Untuk apa sebuah website yang sudah di desain dengan bagus dan memiliki sistem yang baik namun tidak ada pengujung? Rite?

Nah itulah kurang lebihnya yang harus dikuasai untuk menjadi seorang web developer yang dapat membangun website yang berkualitas. kalau anda berminat terjun ke bisnis jasa pembuatan website, silahkan pelajari skill diatas satu persatu :)

3 responses so far

Apr 30 2012

fandhie

Kalau Blackberry Hilang…

Filed under Gadget, Tips, info

blackberry protect

Kehilangan gadget berupa handphone ataupun blackberry biasanyanya emang merepotkan. Kita bukan hanya kehilangan gadget, namun juga beserta isi-isinya yang seringnya sangat penting buat kita. Kalau jaman dulu kehilangan handphone kita hanya repot karena kehilangan daftar nomor telepon temen, sodara dan kolega, di jaman ponsel pintar sekarang kita bisa jadi juga kita kehilangan daftar dokumen, foto dan lain-lainnya yang kita simpan dalam smartphone kita.
Kemudian kalau gadget kita hilang karena dicuri orang, selain merepotkan tentunya juga mengesalkan.
Nah, berbeda dengan gadget smartphone lainnya, kalau kita menggunakan Blackberry, ponsel pintar asal Kanada itu, kerepotan dan kekesalan yang timbul bisa sedikit diminimalisir dengan adanya aplikasi Blackberry Protect. Cukup download aplikasi ini lewat Blackberry App World secara gratis, kemudian login menggunakan Blackberry ID kita, nah Blackberry kita cukup terlindungi. Lewat aplikasi Blackberry Protect kita juga bisa backup daftar kontak dan message kita ke server Blackberry yang sewaktu-waktu bisa kita restore ke handheld kita kalau terjadi sesuatu atau bisa kita restore ke Blackberry baru seandainya kita mengganti handheld baru.
Yang pasti beberapa fasilitas yang sangat berguna di Blackberry Protect antara lain :
Play Sound
Kalau Blackberry kamu hilang alias keselip dicari-cari ngga ketemu, buka aja internet, login ke Blackberry Protect (search aja via Google pake keyword Blackberry Protect) pake Blackberry ID, tinggal tekan tombol Play Sound, nah handheld Blackberry kamu bakan ngeluarin suara nyaring. Dijamin ketemu biarpun Bbnya sembunyi atau keselip dibalik lemari.
View Location
Nah, ini berfungsi kalau kamu ngga yakin Blackberry kamu ketinggalan dimana. Selama Bbnya dalam kondisi ON (hidup), kalau tekan menu View Location, BB kamu bisa dilacak posisinya berdasarkan GPS dan akan ditampilkan di layar komputer. Kalau posisi BB kamu udah berada di daerah yang ngga kamu kenal, ya harus terima kenyataan kalau itu BB sudah berada ditangan orang lain.
Lock Device
Kalau kamu merasa yakin BB kamu sekarang berada ditangan orang yang ngga kamu kenal, buru-buru deh tekan menu Lock Device dan masukkan password buat ngelock. BB kamu otomatis ngga akan bisa digunakan orang lain selain kamu.
Display a Message
Rasanya blom rela deh kalau ternyata BB kamu dah ditangan orang lain dan masih berharap orang yang pegang BB kamu masih mau berbaik hati buat ngembaliin tu BB, tekan aja menu Display a Message trus tulis deh pesan, misalnya minta hubungi nomor kamu yang lain buat kembaliin tu BB. Siapa tau kan orangnya masih baik.
Wipe Device
Tapi kalau kamu yakin itu BB udah ga bakal balik dan demi keamanan jangan-jangan di BB kamu itu ada file-file yang rahasia banget, tekan aja menu Wipe Device. Otomatis semua file di BB kamu termasuk file-file yang ada di Memory card akan terhapus tuntas. Yah minimal ga bakal takut foto-foto yang mengandung skandal bakal tersebar 
Ya sudah kalau kamu pengguna Bl;ackberry, buruan instal aplikasi Blackberry Protect aja, yah buat jaga-jaga.

No responses yet

Mar 15 2012

fandhie

Membangun Kepercayaan Diri Dengan Mudah

Filed under Opini, Tips

self confidence

Tingkatan rasa percaya diri masing-masing orang memang berbeda. Ada yang terlahir dengan rasa percaya diri tinggi, ada juga yang sebaliknya. Kemudian ada juga yang terbangun rasa percaya dirinya karena faktor lingkungan serta faktor-faktor lain karena pengalaman hidup seperti meningkatnya intelektualitas, meningkatnya taraf hidup dan lain-lain. Namun ngga bisa disangkal ada banyak tipe orang yang begitu sulit membangun rasa percaya diri, terutama ketika berada di lingkungan baru ataupun pekerjaan baru.

Menurut saya sih, kebanyakan kita mengalami rasa percaya diri yang kurang karena kita menyadari kekurangan-kekurangan kita dibanding orang lain. Beberapa kekurangan dapat kita perbaiki, namun ada juga ‘kekurangan’ yang menempel pada diri kita yang ngga mungkin dirubah lagi.

Contoh, pengetahuan dan skill sering menjadi kendala dan mengurangi rasa percaya diri ketika kita berada di dunia kerja, dengan belajar lebih giat dan mengembangkan skill yang kita punya otomatis akan menambah rasa percaya diri.  Bagaimana jika kita memiliki kekurangan secara fisik? Misalnya tubuh yang pendek, atau kurang proposional alias gemuk? Gemuk kan bisa dikurusin, tinggal tergantung niat dan usaha kita bukan? Kalau pendek? Ngga mungkin ditinggin, nah ini bisa kita tutupi dengan mengembangkan personality kita agar lebih disukai orang banyak. Kenali apa kelebihan kamu, kembangan dan jadikan itu sebagai modal ketika memulai pergaulan. Misalnya anda memiliki selera humor, coba belajar melucu dengan pintar,  dan jangan norak. Belajar cara membawa diri dan membuka pergaulan dengan elegan. Dengan meengembangkan personality kita menjadi lebih disukai orang banyak maka otomatis kekurangan yang kita miliki tidak akan menjadi penghambat rasa percaya diri kita karena tertutup oleh kelebihan yang kita kembangkan.

Hal penting dalam membangun kepercayaan diri adalah mengenal diri kita dengan tepat. Kenali apa kekurangan2 kamu dan perbaiki jika bisa diperbaiki, kenali kelebihan-kelebihan kamu dan kembangkan dengan total sebagai modal rasa percaya diri serta untuk menutupi kekurangan-kekurangan yang ada.

Udah gitu aja :)

24 responses so far

Mar 13 2012

fandhie

Pake Shortcut, Facebook-an Lebih Cepat

facebook shortcut

Pastinya udah pada tau kan yah yang namanya shortcut (jalan pintas) di komputer? Yaitu dengan menekan kombinasi-kombinasi tombol tertentu pada keybord komputer, akan langsung menjalankan perintah-perintah di layar komputer dengan cepat.  Misalnya kalau kita ingin men-copy sesuatu pada Windows, ketimbang kita klik kanan dan kemudian klik menu copy pada obyek yang ingin kita copy, kita cukup dengan menekan shortcut Ctrl + C  (tekan tombol Ctrl dan tombol C). Sedangkan untuk Paste cukup dengan menekan tombol Ctrl + V.

Nah di halaman Facebook juga ada beberapa shortcut yang bisa menjalankan beberapa perintah. Buat kamu2 yang kadang harus mencuri-curi waktu menggunakan Facebook di sela-sela waktu kerja, shortcut-shortcut ini cukup membantu untuk berfacebook dengan cepat.

Kalau kamu menggunakan OS Windows dan browser Mozilla Firefox , silahkan pakai shortcut-shortcut berikut :

Shift + Alt + 1 :  Membuka halaman Home

Shift + Alt + 2 : Membuka halaman timeline/profile

Shift + Alt + 3 :  Menanmpilkan daftar friends (Manage Friends)

Shift + Alt + 4 : Membuka Inbox (Message)

Shift + Alt + 5 :  Menampilkan daftar notifikasi (notification)

Shift + Alt + 6 :  Membuka halaman setting (general account settings)

Shift + Alt + 7 :  Membuka privacy settings

Shift + Alt + 8 :  Membuka  page Facebook

Shift + Alt + 9 :  Membuka legal terms

Shift + Alt + 0 :  Membuka help center

Shift + Alt +  m : Membuka layar pesan baru (new message)

Shift + Alt +   ? :  Memindahkan kursor ke kotak (form) search

kalau kamu menggunakan browser Chrome, cukup tekan Alt dan karakter dibelakangnya (tanpa menekan Shift)

Untuk pengguna Mac, pada browser Firefox tekan Control + (karakter),  Chrome dan Safari  tekan Control + Option + (karakter).

Kalau anda sedang melihat-lihat foto dalam mode lightbox, tekan  tombol L untuk like/unlike dan tekan tombol panah kanan/kiri untuk pindah foto berikutnya.

Silahkan menjajal :)

12 responses so far

Mar 08 2012

fandhie

IL Primo Furniture

Filed under Bisnis Online, info

jual spring bed furniture

IL PRIMO FURNITURE adalah salah satu toko springbed di jakarta yang menyediakan pilihan spring bed yang beragam dari segi desain dan modelnya.

IL PRIMO menjual sping bed berkualitas dari merek-merek terkenal seperti Bed Talk, Serta, Spring Air, Dreamline, Romance, Silent Night dan lain-lain. Tersedia berbagai promo serta diskon menarik jika anda berbelanja di toko yang terletak di wilayah Roxy, Jakarta Barat ini.

Bagi warga Jakarta yang sibuk dan tidak memiliki waktu luang yang banyak, jika anda sedang mempertimbangkan untuk membeli spring bed baru dan berkualitas, IL PRIMO FURNITURE kini telah hadir melalui toko online yang dapat anda akses darimana saja menggunakan media internet. Melalui toko online yang beralamatkan www.ilprimofurniture.com ini anda dapat memilih katalog spring bed yang tersedia dan mempertimbangkan harga serta model yang sesuai dengan kebutuhan anda tanpa perlu meninggalkan rumah atau kantor anda. Dengan fasilitas shopping cart yang user-friendly, anda dapat menikmati pengalaman berbelanja spring bed secara online dengan sangat mudah.

Selain spring bed, IL PRIMO FURNITURE juga menjual furniture kantor berkualitas dari merek-merek ternama.

2 responses so far

Nov 10 2011

fandhie

Ketika Global Warming hanyalah Euphoria Omong Kosong Belaka

Filed under Asal Nulis, Opini

global warming

Gw baru duduk dan siap menyantap 2 potong ayam goreng original di salah satu resto fast-food favorit gw. Di salah satu meja persis di depan gw, seorang wanita berusia sekitar 27-30 tahun duduk bercengkerama dengan 2 orang temannya yang kurang lebih sebaya. Wanita cantik, pakaian rapi dan trendy dengan rambut agak pirang digelung ke belakang, kayaknya sih dia punya posisi yang cukup bagus di perusahaannya, sedangkan 2 orang temannya, kalau dilihat dari gaya dan bahasa tubuh mereka sih kayaknya bawahan dari wanita cantik tadi.

Sambil menguyah potongan2 French friesnya satu persatu, perempuan cantik ini berceloteh dan terdengar sangat bijak dikuping gw. Yup.. dia membahas tentang bahaya Global Warming. Tentang bagaimana kita harus peduli hingga hal-hal yang kecilpun biar kita ngga ninggalin bumi yang semakin rusak ini ke anak cucu kita. Wah… salut, ada wanita cantik, karir oke… peduli lagi.

Sesekali wanita itu sibuk dengan blackberry ditangannya. Jangan-jangan dia lagi ngetwit tentang global warming pula :)

Beberapa selang berlalu, perempuan ini berdiri dan menuju wastafel di arah kiri ruangan yang masih keliatan dari meja duduk gw. Dia membasuh tangannya, menggunakan sedikit sabun, membilas dan kemudian meninggalkan wastafel kembali bergabung dengan 2 temannya yang sedaritadi tidak banyak bicara kecuali mendengarkan si wanita ini.

And you know what? Wanita yang peduli global warming ini ternyata tidak mematikan kran air di wastafel. Dan kayaknya ini pemadangan yang biasa gw liat ketika orang-orang menggunakan wastafel resto, mereka terlalu takut kembali menyentuh kran wastafel dan mengotori tangan yang sudah bersih dengan minyak-minyak yang biasanya lengket di pegangan kran. Tanpa rasa berdosa merekapun meninggalkan air yang terus mengalir, membiarkan pemborosan energi dan sumber daya alam terbuang percuma. Karena kita pasti tau, untuk mengalirkan air bersih di kota Jakarta ini membutuhkan proses dan teknologi yang cukup panjang dan makan energi pula. Rupanya wanita yang “peduli” Global Warming ini lebih peduli dengan kebersihan jari jemarinya dibanding isu yang jauh lebih besar yang ia gaungkan dengan semangat.

Sambil memanggil waiter yang lewat dan menunjuk ke arah kran wastafel yang ngalir tadi, gw sedikit termenung. Wanita di depan itu hanyalah salah satu gambaran dari kebanyakan manusia seperti kita. Yang sering terlibat euphoria-euforia tentanga isu-isu yang besar seperti global warming, tampak begitu peduli melalui ucapan kita, status-status kita di social media bahkan mungkin bergabung dengan salah satu organisasi lingkungan yang bertujuan mensosialisasikan kegiatan-kegiatan yang dapat menghambat laju global warming. Tapi dalam keseharian kita terlalu egois dan terlalu peduli dengan diri sendiri sehingga kita banyak melakukan tindakan-tindakan yang tidak mencerminkan kepedulian kita.

Maka kepedulian kitapun hanya menjadi omong kosong belaka karena kita tidak mulai peduli dari hal-hal kecil yang dapat kita lakukan sehari-hari.

25 responses so far

Nov 10 2011

fandhie

Belajar Bikin Website Yuk? [3] - Membuat Tabel

Setelah belajar dasar-dasar HTML di Belajar Bikin Website Yuk? [1] dan cara membuat list di Belajar Bikin Website Yuk? [2], tutorial yang ketiga ini kita akan belajar membuat tabel.

Contoh tabel yang akan kita buat seperti ini :

No. Nama Pekerjaan
1 Fandhie Web Designer
2 Eyang Pejabat
3 Ani Berta Bandar Arisan

Tabel diatas terdiri dari 3 kolom (column) dan 4 baris (row) dimana baris pertama adalah baris judul, dengan warna latar belakang abu-abu (#666666) serta warna teks (font) putih (#FFFFFF). Posisi tabel (alignment) adalah di tengah halaman (center) dan lebar tabel 400 piksel.

Untuk membuat tabel kita menggunakan tag <table></table>, dan untuk membuat baris(row) kita menggunakan tag <tr></tr>;. Yuk langsung kita coba dengan menulis kode HTML sbb :

<table>
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
</table>

Kode diatas berarti tabel terdiri dari 4 baris(row), selanjutnya kita tambahkan kolom(column) menggunakan tag <td></td>. Perhatikan bahwa tag <tr></tr> selalu diapit oleh tag <table></table> sedangkan tag <td></td> harus berada di dalam tag <tr></tr>, sbb :

<table>
<tr> <!– baris pertama –>
<td></td> <!– kolom pertama –>
<td></td>
<!-- kolom kedua -->
<td></td> <!-- kolom ketiga -->
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>

Nah kerangka tabelnya udah jadi. Tau ngga? Tulisan atau kode-kode di dalam tanda <!-- dan --> itu adalah penjelasan-penjelasan yang bisa kita tuliskan di kode/script HTML untuk mengingatkan kita aja dan tidak akan ditampilkan di browser. Selanjutnya kita isi tabel kita sbb :
<table>
<tr> <!– baris pertama –>
<td>No.</td> <!– kolom pertama –>
<td>Nama</td>
<!-- kolom kedua -->
<td>Pekerjaan</td> <!-- kolom ketiga -->
</tr>
<tr>
<td>1</td>
<td>Fandhie</td>
<td>Web Designer</td>
</tr>
<tr>
<td>2</td>
<td>Eyang</td>
<td>Pejabat</td>
</tr>
<tr>
<td>3</td>
<td>Ani Berta</td>
<td>Bandar Arisan</td>
</tr>
</table>

dan hasilnya akan muncul di browser sebagai berikut :

No. Nama Pekerjaan
1 Fandhie Web Designer
2 Eyang Pejabat
3 Ani Berta Bandar Arisan

hasil tabelnya masih default dan sederhana kan? alias masih jelek :-) nah berikut kita tambahkan settingan style ke tabel, kolom dan baris. Tag <table></table> kita tambahkan variabel sbb :
<table width="400" border="1" align="center">
Artinya lebar tabel diatur menjadi 400 pixel, tebal border = 1 (semakin besar nilai akan semakin tebal border) dan posisi tabel adalah di tengah halaman (center).

Kemudian pada baris pertama <tr></tr> kita tambahkan variabel sbb :
<tr bgcolor="#666666" style="color:#FFFFFF; font-weight:bold;">
Artinya baris bertama diberi warna dasar (bgcolor) abu-abu (#666666), warna huruf putih (color:#FFFFFF) dan huruf dicetak tebal (font-weight:bold)

Kode HTML selengkapnya akan menjadi seperti ini :
<table width="400" border="1" align="center">
<tr bgcolor=”#666666″ style=”color:#FFFFFF; font-weight:bold;”>
<td align=”center” width=”30″>No.</td>
<td width=”170″>Nama</td>
<td width=”200″>Pekerjaan</td>
</tr>
<tr>
<td align=”center”>1</td>
<td>Fandhie</td>
<td>Web Designer</td>
</tr>
<tr>
<td align=”center”>2</td>
<td>Eyang</td>
<td>Pejabat</td>
</tr>
<tr>
<td align=”center”>3</td>
<td>Ani Berta</td>
<td>Bandar Arisan</td>
</tr>
</table>

<td align="center"> artinya, teks dalam kolom tersebut diatur pada posisi tengah (center).
<td width="170"> artinya, lebar kolom diatur 170 piksel.

Hasil akhir tabel yang kita buat akan seperti contoh diatas. Yah memang masih cukup sederhana. Jangan kuatir, nanti pada tingkat yang lebih maju kita akan belajar bagaimana mengatur tampilan tabel menjadi lebih canggih dengan menggunakan CSS.

Biar ga ketinggalan tutorial-tutorial berikutnya yang lebih canggih, silahkan follow twitter @fandhie.

5 responses so far

Oct 29 2011

fandhie

Belajar Bikin Website Yuk? [2] - Beginner

Sebelumnya kita dah mengenal hal paling dasar dalam membuat website di postingan sebelumnya Belajar Bikin Website Yuk? [1] - Beginner. Sekarang kita akan mengenal tag-tag html lebih banyak lagi.

Pertama kita akan belajar cara membuat list atau daftar. Contohnya kita akan membuat daftar buah sbb :

  1. mangga
  2. pisang
  3. jambu

Daftar diatas disebut ordered list karena menggunakan angka (nomor) sebagai urutan list. Tag yang akan digunakan adalah<ol></ol> dan <li></li>. Cara menuliskannya adalah sbb :

<ol>
<li>mangga</li>
<li>pisang</li>
<li>jambu</li>
</ol>

Sekarang bagaimana kalau kita akan membuat daftar tanpa urutan nomor(angka) tapi hanya menggunakan bullet sbb :

  • mangga
  • pisang
  • jambu

Kita hanya perlu mengganti tag <ol></ol> dengan tag <ul></ul> atau disebut juga unordered list. Kodenya sbb :

<ul>
<li>mangga</li>
<li>pisang</li>
<li>jambu</li>
</ul>

Selanjutnya mari kita menggabungkan hasil pelajaran dalam postingan ini dengan postingan sebelumnya dalam sebuah skrip. Buka program Notepad dan ketik kode-kode berikut :

<html>
<head>
<title>Ini kepala website </title>
</head>
<body>
<p>Ini adalah paragraf pertama</p>
<p>Ini adalah paragraf kedua<br />dan ini baris kedua dari paragraf kedua.</p>
<p><img src=”gambar1.jpg” /></p>
<p>Berikut adalah daftar buah dengan nomor urut:</p>
<ol>
<li>mangga</li>
<li>pisang</li>
<li>jambu</li>
</ol>
<p>Dan berikut adalah daftar buah tanpa nomor urut :</p>
<ul>
<li>mangga</li>
<li>pisang</li>
<li>jambu</li>
</ul>
</body>
</html>

Simpan(save) dan buka di browser. Nah sekarang selain menulis kalimat dan menyisipkan gambar, kamu juga dah bisa membuat list (daftar).

Silahkan lanjut ke tutorial berikutnya Belajar Bikin Website Yuk? [3] untuk belajar membuat Tabel.

Jasa Web Design.

10 responses so far

Oct 29 2011

fandhie

Belajar Bikin Website Yuk? [1] - Beginner

Udah lama ngga ngeblog, skrg gw mo coba lagi start dari awal. Dan kali ini gw akan mulai sharing tutorial pembuatan website. Smoga sih ada yang berminat.  Sebagai postingan pertama edisi Belajar Bikin Website Yuk, tentunya akan mulai dari dasar banget, benar-benar pelajaran yang paling mudah untuk memulai membangun sebuah website. Jadi pastinya pemula yang sama sekali belum mengerti tentang membua website akan bisa mengikuti tutorial ini. Semoga sih :)

Untuk dapat membuat website, yang pertama harus kita mengerti adalah bahasa HTML dan penggunaannya. Dari menguasai bahasa HTML kemudian akan kita kembangkan pelan-pelan ke jenis script yang lain hingga kita dapat membangun sebuah website mulai dari yang paling sederhana hingga sebuah website yang sangat kompleks sekalipun.

BTW, tutorial-tutorial gw akan bersifat praktikal. Langsung berupa praktek-praktek serta penjelasan mengenai kode dan skrip yang digunakan. Tidak akan membahas panjang-panjang mengenai apa itu website, HTML teori-teori yang bersifat terlalu teknis, kecuali gw emang merasa penting untung menjelaskan untuk menghindarkan kebingungan bagi pemula.

Oke, langsung belajar aja yah? Untuk memudahkan belajar bikin website, sebaiknya bikin folder dulu di komputer kamu. Misalnya folder *website*. Nanti simpan file yang anda kerjakan mengikuti tutorial ini dalam folder *website* ini.

Untuk menuliskan kode-kode HTML untuk sementara kita ngga akan menggunakan software-software web editor yang kompleks dulu, takutnya interface software-software web editor tadi justru akan membingungkan dan bikin kamu yg baru belajar jadi ga fokus. Cukup kita akan gunakan software NOTEPAD aja dulu dari Windows. Gimana, siap?

Nah sekarang coba buka Notepad kemudian tuliskan kode berikut :
<html>
website pertama saya nih!
</html>

Kemudian simpan (save) file kamu. Jangan lupa di Save as type: dipilih All files dulu kemudian simpan dengan nama website.html (ekstension html-nya ngga boleh lupa. Karena kalau hanya simpan menggunakan nama website, file akan tersimpan dalam format notepad, bukan format html sebagai format dasar halaman web yang dapat dikenali browser).

Nah sekarang, silahkan buka file website.html tadi di browser… taadaaa….. itulah halaman website kamu yang pertama yang isinya “website pertama saya nih!”  Mudah banget kan yahh :)

Pada dasarnya sebuah halaman website memang harus diawali dengan tag <html> dan kemudian ditutup oleh tag </html> . Pelan-pelan kamu bakal makin mengerti dan mengenal sifat-sifat tag dalam bahasa HTML.

Sekarang tambahkan kode berikut di notepad kamu :
<html>
<head>
<title>Ini kepala website </title>
</head>
<body>
</body>
Ini badan website!
</html>

Selanjutnya save (simpan) dan buka lagi di browser. Hasilnya masih sama kann? Tapi coba perhatikan di tab paling atas browser, pastinya disitu tertulis  Ini kepala website bukann?

Yaa.. selain harus dibuka dan ditutup oleh tag <html> dan </html>, setiap halaman website juga harus terdiri dari 2 bagian yaitu bagian yang diapit tag <head></head> serta bagian yang diapit tag <body></body>.

<head></head> adalah bagian kepala website. Di bagian ini kita akan menuliskan kode-kode yang tidak akan ditampilkan dihalaman website pada browser.

<body></body>. adalah bagian dimana kita akan menuliskan isi halaman website yang ditampilkan di browser, baik itu berupa teks, gambar, video dan lain-lain.

Oke, selanjutnya kita coba mengenal beberapa tag html yang sering digunakan, antara lain :

<p></p> adalah tag untuk sebuah paragaraf.

<img> untuk menyisipkan file gambar

<br /> untuk memotong kalimat/baris.

Nah disini kamu bisa lihat, kalau tag html tidak semuanya memiliki tag pembuka dan tag penutup, seperti <html> dan </html>, <p> dan </p>, tapi ada beberapa tag yang hanya menggunakan satu tag tunggal seperti <img />, <br /> dan lain-lain.  Santai aja.. ngga usah kuatir..  pelan-pelan kamu bakal terbiasa dengan tag-tag html ini.

Oke lanjut, silahkan tulis skrip berikut :
<html>
<head>
<title>Ini kepala website </title>
</head>
<body>
<p>Ini adalah paragraf pertama</p>
<p>Ini adalah paragraf kedua<br />dan ini baris kedua dari paragraf kedua.</p>
<p><img src=”gambar1.jpg” /></p>

</body>
</html>

Jangan lupa di folder yang sama dengan file website.html yang kamu simpang yaitu folder *website* tadi, simpan juga file gambar dengan nama gambar.jpg.  Sekarang save file kamu dan buka di browser.  Well, selain kalimat kamu juga dah punya gambar di halaman website kamu.

Silahkan lanjut ke tutorial berikutnya Belajar Bikin Website Yuk? [2] - Beginner

6 responses so far

Sep 28 2011

fandhie

Menjajal Windows 8, Good Job Microsoft!

Filed under Komputer, info

Windows 8 sudah diluncurkan beberapa waktu, dan sejauh ini banyak response positif yang dituai. Jika melihat komen-komen yang masuk pada artikel yang memuat informasi Windows 8, banyak pengguna yang salut akan waktu booting yang super cepat, ini adalah waktu yang dibutuhkan sejak monitor menyala hingga perangkat siap dipergunakan.

Booting yang super cepat ini menjadi pengalaman yang menyenangkan bagi banyak penjajal Windows 8. Windows 8 juga memberikan tampilan baru yang segar, menu yang tersusun rapi dengan desain yang disebut Metro. Mengantisipasi akses ke jejaring social yang sudah merupakan suatu “keharusan” tampaknya telah disiapkan oleh Windows 8, dimana akses bisa langsung dilakukan di layar mula.

Log on menjadi lebih menarik karena pengguna bisa melakukan dengan berbagai cara, anda bukan hanya bisa memasukkan password konvensional maupun PIN yang terdiri dari 4 karakter, tetapi juga dengan menggunakan Password Gambar, bahkan pada perangkat layar sentuh, pengguna hanya tinggal mengusap foto tersebut dengan cara tertentu untuk fungsi log on.

Booting Windows 8 juga menjanjikan keamanan yang lebih baik karena diperlengkapi dengan Secure Boot yang bekerja dengan BIOS berbasis UEFI, hal ini melindungi perangkat computer anda dari malware pada saat proses booting berjalan. Cukup menarik untuk terus menjajal Windows 8, sebuah sistem operasi yang menjanjikan keamanan sejak perangkat computer dinyalakan. Good job Microsoft!

6 responses so far

Sep 21 2011

fandhie

Trade Show Events - How to Get Maximum Result

Filed under info

The main reason why tread show becomes more and more popular on these days is because of its effectiveness as an excellent marketing tool to generate awareness of the services and products of a company in a short period of time. Sales and Marketing people do fully aware about this, entrepreneurs as well, they all have seen the value added this marketing tool has contributed in introducing services and products of a company. There are at least three major criteria they have to follow in order to get the maximum benefit from a trade show. These three criteria are Location, Display and Neighborhoods. The perfect match of these three criteria will definitely contribute a total benefit from every penny the company has spent for a trade show.

Always try to get good exhibit spots, this is the Location factor. If possible try to register as soon as possible, it won’t be cheap but such investment is worth it. One example of good location is corner booths with two sides open, you can get this space if you register at the earliest or become a permanent member of a trade show. The next factor is Display. There are many ways to display a company’s products and services. It is recommended to use something eye catching. It doesn’t always have to be colorful; it could be from the design or the shape of your company booth. Display could be in many forms, a company can always has a logo canopy, combine with logo mats for their booth. Use nice trade show carpet or trade show flooring to attract visitors of the trade show. Print all the basic but always the most important information on your display. It is also vital to match your booth theme with the trade show theme, don’t choose an unrelated theme to display, visitors are most probably come to the trade show because of the specific theme of the trade show.

Neighborhoods are the third factor. If your products and services are foods related then choose next to the food outlets otherwise stay out of this location, people who come to food outlets are usually hungry and they don’t interest in other products except foods. Other neighborhoods to avoid are near equipment areas and loading bays, these two locations will full of activities that visitors won’t come near by. You are not recommended to choose a booth next to your competitor, the next thing is people just come around for comparing prices, if your competitor could sell cheaper, you know what your booth will end up. Despite all suggestions above, always use your business instinct too, sometime there is an x-factor that only you could see.

No responses yet

Sep 01 2011

fandhie

Online Degree Programs in Healthcare

Filed under info

Careers in medical healthcare industry is very promising on these days. For those of us who have great interest in medical or healthcare careers, now is the perfect timing to pursue your calling in the healthcare industry. What you need is to get a degree first, to complete a medical training program as a basic to start your career. You can find so many programs that have been exclusively designed for healthcare professionals as well as for those who just take the first step to start their careers in healthcare industry. Online Degrees is one of the simplest ways to start your first step in pursuing your career in healthcare industry.

With the internet, simply search the course or program you want to attend. You will find many online degree programs in healthcare if you search on the internet. Online degrees make life easier as you do not have to attend classes at campus. This is the reason that makes online degree become favorite choices for many students out there, you can manage your own timetable too, this is to fit your current schedules. For those who already have jobs in healthcare industry and want to develop their existing careers, online degree is also such a perfect choice as you will never find other way of studying that can be this flexible. You can start studying with all access courses materials are through online system. What you need is a computer/laptop with a high-speed and stable internet connection.

Get a degree today so you can really compete with others. By attending medical programs or courses you are not only getting a degree but also preparing yourself with all required skills to start your healthcare career. There are so many resources out there that can show you that this type of career has a very good reward. You can start searching on the internet and try to find a good college navigator site such as http://nces.ed.gov/collegenavigator/ to guide your healthcare education, to make your dream come true.

7 responses so far

Aug 30 2011

fandhie

Share Your Joy and Happiness

Filed under info

Upload images and videos are things we do everyday, with so many social networking sites available on these days together with today’s online lifestyle, uploading video and image are unavoidable. So, how many pictures and videos you have uploaded this month? To make life easier, you can use image hosting service to upload your pictures and videos. You can share not only with your friends but the whole world, once you upload your pictures or videos, the whole community can view & comment, and they can rate your pictures and videos too.

Share the joy and happiness with the whole world. If you prefer to be more private, just arrange the privacy setting on who can view your pictures and videos. Using free images hosting to upload video and image has many benefits. Since creating copies of your photos is always a brilliant idea, therefore those copies of image and video at the web hosting site are your backup files. Next benefit is you can easily connect with friends and even the whole community if you join a web hosting.

Avoid having hundreds of pictures and videos stored in your computer, once it crash you lose everything, so it is recommended to store them at your image hosting website. There are so many websites that serve this type of service, start sharing your joy and happiness. Pick one site and sign up, you can search on the internet or simply visit 7pic.com. This site claims to be your easiest way to upload images. This is free software to upload video and image, just create your albums and share them with the world.

7 responses so far

Jul 22 2011

fandhie

How to choose a backpack?

Filed under info

There are many names for backpack, some call it backpack rucksack, and others call it a knapsack but whatever the name you use, one thing for sure, a backpack is one of the most functional items we have in our possession. Yes, when it comes to item that most flexible, most use and own by someone, the answer is always a backpack. Who doesn’t need a backpack? Almost everyone need a backpack, most of us have more than just one backpack. These things are easy to carry around wherever you go and very useful too, you can fit so much stuff into them. To serve this purpose, the best advice is to buy backpacks that made of some pretty strong material. With good quality backpack, you can carry a lot of stuff but you don’t have to worry about ruin it.

Backpacks have been around for quite a long time and because of its popularity, manufacturers of backpacks continually produce new style that fit today’s lifestyle (and fashion). To fit people needs, manufacturers have modified, enhanced and even personalized backpacks, therefore you are going to find many type, varieties of backpacks on today’s market. Each of us has our own reason at the time we decide to buy a backpack; therefore manufacturers of backpacks have made available tons of choices for us in today’s markets, all to serve our specific and unique needs.

But in General, you will find the following types of backpack: The very basic backpacks are use by students all over the globe. They use backpacks to carry books and other related items. Backpacks then evolve a little bit, students carry laptops, so they get backpacks with special design to carry additional items such as laptop and its accessories. You will also find backpacks for travelers and tourists; the size is bigger than the ordinary backpacks, and made of thicker material. The other type of backpack is backpack for heavy duty purpose, specifically designed to fit outdoor activity. Many top brands are out there, to name few of them are Electric backpack, Metal Mulisha, Element, Oakley, Dakine and OGIO.

Make sure that your backpack is proportional to your body size, so when carrying it around you feel comfortable. If you are a backpacker that don’t want to waste your time checking in at the airport, then get a backpack with L x W x H that doesn’t add up to more than 45 inches (size requirements may vary depend on the airport’s regulations). Today, you can shop backpacks online. It’s more convenience and most of the time you can get good quality backpacks with very affordable prices.

10 responses so far

Jul 19 2011

fandhie

Why Payday Loans?

Filed under info

The effect of economic recession hasn’t over yet, and this is one reason that caused many of us still having financial problem. They cannot turn to conventional lenders such as bank because they are unqualified to get credit from banks, so how they solve this issue? The answer is Payday Loans Online | Online Payday Loans | Payday Loans no Faxing. The payday loans business has seen fantastic escalation in recent years with the accessibility of these loans now reaching almost all elements of society.

Payday loans are intended for short term borrowing needs, and together with its easy accessibility, have made payday loans become very popular on these days. Today’s technology is all about accessibility and paydays loans have used the same technology through the internet media, most applications were being processed online through lenders websites. Loans borrowers do not need to physically present at the bank, so they no need to face any traffic jams, no queuing. They can apply without leaving their home or office.

Thanks to the internet, it has made the payday loan more accessible than ever before. Loans borrowers can shop around and apply for their loans at anytime. They do not need to pass any interview session, one process that applicants most certainly will require to do if they apply through bank; while with online payday loans the process is simple. Simply fill in short form and it can be done online; in most cases no documents need to be faxed, the process is fast and usually money are transferred within the next day after your loans are approved.

There is no credit history check which means people with poor credit rating are still able to apply for this type of loan, banks most certainly will reject this group of people. For anyone who is in short of money situation, pay day loan is a great alternative for meeting their quick financial request. Some may borrow their short of money from credit cards but this solution is more expensive. What we need to bear in mind when applying payday loan is that we need to repay the loan on the agreed date or you will end up paying expensive penalties.

There are many payday loans’ lenders out there, you can always search using search engine tools or simply visit paydayloansonlinehub.com, a friendly user website deals with online payday loans. Take all your time, and please read the terms and conditions carefully, convince yourself that you have the fund to repay the money on the due date. Always get a quote from a lender before you formally apply, this will help you to compare deals. Again, please notice that payday loans are specifically created only for short term borrowing needs and should be used responsibly.

2 responses so far

Older Posts »