Unsecured debt consolidation loan


Sunday, 29 November 2009

Belajar HTML (bag 4)


Tutorial HTML bagian ke-4 ini akan membahas materi-materi sebelumnya, yang akan dirangkum menjadi sebuah website sederhana. Saya akan berikan dalam format ebook, agar anda dapat mempelajarinya dengan lebih fleksibel.

Berikut adalah beberapa materi yang terdapat di dalam ebook:

  1. Pengenalan HTML (di blog ini)
  2. Memanipulasi Font (di blog ini)
  3. Menyisipkan Hyperlink (di blog ini)
  4. Membuat Tabel (di blog ini)
  5. Membuat Form
  6. Menyisipkan Gambar (di blog ini)
  7. CSS
  8. dll
Link download ebook akan saya berikan setelah anda mengisi form berikut lalu mengkonfirmasi melalui link konfirmasi yang saya kirimkan ke email anda.

Nama:

Email:

Saturday, 28 November 2009

Belajar HTML (bag 3)


Tutorial kali ini akan membahas pembuatan tabel dalam HTML. Pembuatan tabel dalam HTML selalu diawali dengan tag <table>. Lalu jika kita ingin membuat sebuah baris, kita bisa menggunakan tag <tr> dan jika ingin membuat kolom bisa menggunakan tag <td>.

Teorinya udah dululah, kebanyakan teori juga percuma. Langsung praktek aja deh.
Seperti pada tutorial sebelumnya, silakan buka notepad atau HTML editor lainnya. Lalu ketikan kode di bawah ini:

<html>
<head>
<title>Ini Website Ketigaku</title>
</head>
<body>
<table border='1'>
<tr bgcolor='red'><td colspan='2'>Tabel Karyawan</td></tr>
<tr><td>Nama</td><td>Umur</td></tr>
<tr><td>Wilianto</td><td>15 tahun</td></tr>
<tr><td>Indrawan</td><td>16 tahun</td></tr>
</table>
</body>
</html>

Sekarang save dengan nama "ketiga.html" di dalam folder yang sama yang telah kita buat pada tutorial pertama, lalu lihat hasilnya.

Penjelasan script:
  • Tag <table>, menandakan bahwa dimulainya pembuatan sebuah tabel. Kita mengisi border senilai 1 (satu), artinya garis tepi antar tabel sebesar 1px.
  • Lalu kita buat baris baru pada tabel dengan tag <tr>, yang kita berikan warna latar merah (red). Namun baris tidak akan keluar jika kita tidak membuat kolom di dalamnya. Maka dari itu kita buat kolom dengan tag <td>. Dalam tag <td> kita memberikan colspan, yang fungsinya untuk menyatukan kolom (dalam hal ini 2 kolom), fungsinya sama dengan merge pada ms excel.
  • Setelah selesai mengisi kolom, maka kita tutup dengan tag </td></tr>, yang berarti berkahirnya sebuah kolom dan baris.

Kesimpulan:
  1. Tag <tr>Berfungsi untuk membuat baris.
  2. Tag <td> berfungsi untuk membuat kolom.
  3. Untuk menyatukan kolom kita bisa menggunakan fungsi colspan.

Sekian dulu tutorialnya, silakan modifikasi script di atas sesuai dengan keinginan anda.

Pengalaman adalah guru yang terbaik, maka dari itu jangan pernah takut untuk mencoba.




Belajar HTML (bag 2)


Pada postingan sebelumnya, kita sudah mempelajari tentang cara penulisan tag dalam kode HTML. Nah, sekarang kita akan mempelajari beberapa tag lainnya yang ada dalam HTML, seperti tag untuk menyisipkan gambar, menambah link, dan mengatur jenis tulisan.

Untuk itu silakan buka notepad atau HTML editor lainnya. Setelah itu ketikan kode di bawah ini.

<html>
<head>
<title>Ini Adalah Website Keduaku</title>
</head>
<body>
<img src="http://investasibca.com/images/banner468x60.gif"><br> <a href='http://investasibca.com/?id=indrawan">Aku tulisan yang memiliki link.</a><br> <font face='times new roman'>Aku berjenis Times New Roman.</font><br> <font face='comic sans ms'>Aku berjenis Comic Sans Ms.</font><br> <font face='verdana'>Aku berjenis verdana.</font> </body> </html>

Sekarang save dengan nama "kedua.html" di dalam folder yang sama yang telah kita buat pada tutorial sebelumnya. Silakan lihat bagaimana hasilnya.

Penjelasan script:
  • Pada source kode di atas kita menggunakan tag <img src="http://investasibca.com/images/banner468x60.gif">, yang fungsinya untuk menampilkan file gambar yang sumbernya berada di http://investasibca.com/images/banner468x60.gif. Kita juga dapat menggunakan gambar yang ada di dalam komputer kita, hanya saja perlu kita ganti sumber gambarnya dengan format direktori/nama_files.type. Contohnya belajar/gambarku.jpg.
  • Lalu kode berikutnya adalah <a href='http://investasibca.com/?id=indrawan">Aku tulisan yang memiliki link.</a>, yang fungsinya untuk memberikan link ke halaman lain, dalam hal ini kita memasukkan link ke http://investasibca.com/?id=indrawan. Sama halnya seperti menyisipkan gambar kita juga bisa mengganti link itu ke halaman yang ada di komputer kita.
  • Tag <br> berfungsi sebagai enter.
  • Dan tag terakhir yang akan kita bahas adalah <font face='times new roman'>Aku berjenis Times New Roman.</font>, fungsinya untuk mengganti bentuk font.

Kesimpulan:
  1. Tag "img src" dan "a href" dapat kita ganti sumbernya dengan nama file yang ada di komputer kita.
  2. Untuk mengganti type font kita bisa menggunakan tag "font face".

Sekian dulu tutorial kali ini, jika ada yang kurang jelas, silakan tinggalkan komentar dan saya akan mencoba untuk menjawabanya (kalo bisa, hehehehex).

Friday, 27 November 2009

Belajar HTML (bag 1)


HTML (HyperText Markup Language) merupakan sebuah format tampilan yang digunakan untuk menampilkan halaman dari sebuah website. HTML terdiri dari simbol-simbol tertentu yang sering disebut dengan tag (misal: ). Sebuah halaman HTML yang valid pasti dan harus diawali dengan tag dan pada akhir kode ditutup dengan .

Oke, kita langsung aja masuk ke contoh tutorialnya. Pertama silahkan buat dulu folder baru di komputer anda. Lalu buka notepad atau jika ada bisa menggunakan HTML editor.

Setelah itu, ketikan kode di bawah ini di notepad atau HTML editor.

<html>
<head> <title>Website Pertamaku</title> </head> <body> <b>Aku ini Bold</b><br> <u>Aku ini Underline (garis bawah)</u><br> <i>Aku ini Italic</i> </body> </html>

Setelah selesai, silakan save dengan nama "pertama.html", jika anda menggunakan notepad, pastikan kalau save as type-nya adalah all files.
Sekarang silakan klik dua kali pada file yang tadi sudah kita buat, dan lihatlah hasilnya.

Berikut adalah penjelasan dari script yang sudah kita buat:
  • Pada awal kode, kita menggunakan tag <html>, sebagai penanda bahwa file type yang kita gunakan berupa HTML.
  • Setelah itu, kita lanjutkan dengan tag <head><title>, fungsi tag <head> adalah sebagai penanda bahwa bagian tersebut adalah bagian kepala dan tidak akan dicetak ke layar secara langsung. Sedangkan fungsi <title>, berguna untuk memberikan judul pada website, yang akan ditampilkan pada bagian atas browser.
  • Tag berikutnya adalah tag </title> dan tag </head>, tag ini berfungsi sebagai tanda berakhirnya tag </title> dan </head>
  • Selanjutnya kita, mulai bagian halaman website menggunakan tag <body>.
  • Lalu kita tutup kembali dengan tag </body>, sebagai tanda berakhirnya bagian utama sebuah website.
  • Dan tag terakhir adalah </html> yang berfungsi sebagai tanda berakhirnya kode HTML.

Kesimpulan:
  1. Sebuah tag dalam HTML, selalu diawali dengan format <x> dan ditutup dengan </x>.
  2. File HTML memiliki format *.htm atau *.html.
  3. Halaman HTML yang valid, harus diawali dengan tag <html> dan diakhiri dengan tag </html>.
  4. Halaman HTML biasanya terdiri bagian head (<head></head>) dan bagian body (<body></body>).







Dasar-dasar Pemrograman Web


Sekarang kita akan mulai memasuki pemrograman website. Jika teman-teman belum mengetahui apa itu website, silahkan baca postingan sebelumnya tentang gambaran umum website.

Dalam pemrograman website, terdapat beberapa tipe bahasa pemrograman, seperti HTML, CSS, PHP, ASP, dan lain-lain. Namun di dalam blog ini kita akan membahas pemrograman website menggunakan CSS, HTML dan PHP.

Sedikit gambaran tentang HTML:
HTML (Hypertext Markup Language) merupakan bahasa pemrograman yang paling dasar dan menjadi sebuah standar yang digunakan untuk menampilkan halaman dari sebuah website. Bahasa HTML biasanya digunakan untuk membuat website seperti company profile. Cara penulisan HTML selalu diawali dengan tag dan akan diakhiri dengan tag .

Berikut adalah contoh penggunaan bahasa HTML:


Untuk pembahasan lebih lanjutnya, silakan baca postingan-postingan berikutnya.

Sedikit gambaran tentang php:

PHP (Personal Home Page, wikipedia) merupakan bahasa pemrograman web yang paling banyak digunakan sekarang ini. Bahasa pemrograman ini sangat berbeda dengan HTML, karena bahasa PHP ini lebih interaktif, sehingga kita dapat membuat website dengan lebih elegan. Bahasa pemrograman ini biasanya digunakan untuk website seperti forum, blog, dan lain-lain. Cara penulisan codenya selalu diawali dengan tag .


Sekian dulu perkenalannya dengan bahasa-bahasa pemrograman web. Tunggu tutorial-tutorial berikutnya pada blog ini.


Thursday, 26 November 2009

Peranan Penting Website di era Globalisasi


Sekarang ini, banyak sekali website baru yang bermunculan setiap harinya, mulai dari website pemerintah, sekolah, instansi, sampai website bisnis sekalipun.

Nah, sebenarnya apa sih tujuan mereka membuat website?

Tujuan utamanya sebagai sarana promosi. Karena di zaman globalisasi seperti ini, peran internet sangat membantu, mulai dari pencarian data sampai berinteraksi dengan orang lain yang entah ada dimana.

Selain itu website juga memiliki beberapa keunggulan, seperti:

  • Dapat diakses 24 jam sehari dan 7 hari seminggu, tanpa henti.
  • Dapat diakses dari seluruh penjuru dunia.
  • Biaya yang diperlukan lebih murah dibandingkan harus membagikan brosur.

Dengan demikian, para konsumen dapat lebih mudah mendapatkan informasi yang mereka butuhkan tanpa perlu berkunjung langsung ke kantor atau tokonya. Juga para konsumen bisa mendapatkan informasi kapan pun dan dimana pun.

Namun berpromosi dengan website juga memiliki kelemahan, khususnya di Indonesia, karena tidak semua orang di Indonesia bisa (tidak mengerti) mengakses internet, sehingga prospeknya kurang merata.

Sekian dulu postingannya, mudah-mudahan kedepannya peranan website dapat terus berkembang khususnya di kalangan masyarakat Indonesia

Wednesday, 25 November 2009

Gambaran Umum Tentang Website


Pada postingan kali ini, kita akan membahas tentang dasar-dasar pemrograman web. Sebelum memulai tutorialnya, saya ingin menjelaskan sedikit tentang web.

Website adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan komponen atau kumpulan komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih merupakan media informasi yang menarik untuk dikunjungi. Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu:
  • Website Statis
  • Website Dinamis
  • Website Interaktif

Website Statis
Website statis adalah website yang kontennya tidak berubah-ubah. Maksudnya jika ingin merubah tampilan, harus dilakukan secara manual dengan melakukan pengeditan pada source kodenya. Pada umumnya website seperti ini digunakan untuk mempromosikan suatu produk dan biasanya jarang dilakukan update oleh pemiliknya.

Website Dinamis
Website dinamis adalah website yang dikhususkan untuk diupdate sesering mungkin. Biasanya website seperti ini memiliki halaman khusus (administrator) untuk melakukan pengeditan atau mengupgrade isi konten dari website. Contoh website dinamis seperti situs berita.

Website Interaktif
Website interaktif adalah website yang di dalamnya terdapat fasilitas untuk saling beradu argumen, contoh website interaktif seperti website forum.

Cukup sekian dulu, sekarang anda sudah mendapatkan gambaran website secara umum. Pada artikel-artikel berikutnya saya akan membahas lebih lanjut tentang website.


Enter your email address:

Delivered by FeedBurner