indahnya berbagi...

Tutorial Web

2009-06-25T23:36:00.000-07:00

Panduan Membuat Web
Sekilas Tentang Web

World Wide Web (www) atau yang lebih dikenal dengan web merupakan salah satu sumber daya internet yang saat ini sedang berkembang sangat pesat. Informasi yang ada di web didistribusikan melalui pendekatan hypertext. Hal ini memungkinkan sebuah kata atau teks pendek menjadi acuan menuju suatu dokumen (link). Dengan demikian netter akan memperoleh informasi dari suat dokumen ke dokumen yang lain. Dokumen-dokumen ini dapat diakses di seluruh dunia

Daftar Tutorial

HTML
CSS
JavaScript
PHP

HTML (Hypertext Markup Language)
HTML merupakan bahasa pemrograman yang digunakan untuk membuat sebuah web.Untuk web statis cukup diperlukan script HTML saja. Ini merupakan web standar yang mengharuskan kita menjaga program secara kontinyu untuk mengikuti perubahan yang terjadi.
Untuk membuat sebuah web kita bisa menggunakan teks editor seperti Notepad, Notepad++, WordPad, maupun aplikasi yang khusus digunakan untuk membuat web seperti Microsoft FrontPage, Macromedia Dreamweaver dan sebagainya. Setiap dokumen yang kita buat disimpan dengan ekstensi .html semisal coba.html

Setelah itu buka file tersebut lewat browser atau langsung aja di double klik file coba.html tersebut. Akan muncul hasil seperti dibawah ini

Bagaimana ??? Gampang kan ??? Nah kalau mau belajar web lebih lanjut bisa download tutorial yang ada di bawah ini



Keterangan                               Link Download

Membuat web dengan HTML                  download
Membuat web                              download
HTML                                     download

CSS(Cascading Style Sheets)
CSS digunakan untuk mempercantik halaman web yaitu dengan menciptakan suatu kumpulan style yang terkadang dapat digunakan untuk memperluas halaman HTML. Script CSS ini biasanya disisipkan di antara tag head. Dengan CSS tentunya akan lebih mempermudah dalam mengatur tampilan web karena kita hanya perlu mendefinisikan style sekali saja dan style tersebut bisa dipanggil dengan perintah tertentu. Sebagai contoh coba ketikkan script di bawah ini

Setelah itu simpan dengan nama css.html lalu coba buka file tersebut di browser.


Keterangan                   Link Download

BAB 1                         download
BAB 2                         download
BAB 3                         download
BAB 4                         download
BAB 5                         download
BAB 6                         download
BAB 7                         download
BAB 8                         download
BAB 9                         download
BAB 10                        download
BAB 11                        download
BAB 12                        download
BAB 13                        download
BAB 14                        download
LAMPIRAN                       download
GAMBAR                        download

JavaScript
Adalah skrip yang disisipkan pada kode HTML dan diproses pada sisi klien,berfungsi untuk memperluas kemampuan HTML. Dengan JavaScript kita bisa membuat validasi pada saat penginputan data di formulir sebelum data tersebut dikirim ke server. Banyak keuntungan mempelajari JavaScript ini yang akan membuat web kita akan lebih menarik. JavaScript bersifat case sensitif yang berarti membedakan huruf besar dan huruf kecil. Semisal jika kita mengetikkan 'JavaScript' tapi diketikkan dengan tulisan 'javascript' atau 'JAVASCRIPT' maka akan terjadi kesalahan.Baik langsung saja dicoba skrip yang ada di bawah ini.


   Keterangan                      Link Download

   JavaScript                           download

PHP
PHP adalah skrip yang dijalankan di komputer server. Sehingga kode program web yang menggunakan PHP tidak ditampilkan ke user sehingga kerahasiaan kode dapat dilindungi. Berbeda dengan HTML, CSS, dan JavaScript yang bisa dilihat karena dijalankan di klien.
PHP digunakan untuk pembuatan web dinamis yang berhubungan dengan database dimana kita bisa memanipulasi apa apa saja yang ada di dalam web tersebut. PHP sendiri bisa digunakan untuk mengakses berbagai macam database seperti Acces, Oracle, MySQL dan lain lain.
Sebelum kita mulai membuat web dengan PHP,terlebih dahulu komputer haruslah sudah terinstal webserver. Tapi tidak perlu komputer terhubung dengan internet karena komputer klien bisa bertindak pula sebagai server (localhost). Ada beberapa web server yang bisa dipakai seperti WAMPServer, Xitami, Vertrigo dan sebagainya.
Nah sekarang kita mulai pengkodeannya. Saya di sini menggunakan WAMPServer sebagai databasenya.Sebelumnya buat dulu folder di dalam direktori : ../wamp/www/nama_folder. Titik titik yang dimaksud adalah tergantung dimana WAMPServer diinstal,umumnya sih di direktori C:
Sekarang kita mulai belajar membuat web dengan PHP. Coba ketikkan perintah seperti yang ada di bawah ini !

Ingat halaman yang kita buat harus disimpan di wamp dan di folder web yang tadi sudah dibuat. Kita simpan halaman ini dengan nama hari.php. Untuk menjalankannya berbeda dengan web statis karena kita harus membuka halaman ini lewat localhost. Lihat gambar yang ada di bawah ! Pertama kita harus masuk ke wampserver (jika menggunakan wampserver...)

Kemudian pilih localhost dan nanti kita tinggal pilih project yang telah dibuat (nama_folder_web)

Kemudian di Your Projects pilih folder tempat menyimpan halaman yang dibuat tadi !

Setelah projek kita pilih nanti akan muncul halaman seperti yang ada di bawah ini.

Coba lihat skrip halaman ini di menu View kemudian pilih pagesource(di Mozilla). Perhatikan skrip PHP yang tadi dilihat tidak ditampilkan di page source nya. Nah itulah kelebihan dari PHP ^_^

Keterangan                       Link Download

Membuat form login               download
Membuat shopping Chart           download
e-commerce                       download
Membuat Komentar Artikel         download
Validasi Form dengan PHP         download
Script Counter                   download
Register Login Logout            download
Kalkulator Online                download
Metode Searching Sederhana       download
Mengetahui IP Address            download
Membuat Cuplikan Artikel         download
Membuat Polling dengan PHP       download

Tutorial Photoshop

2009-06-16T19:21:00.000-07:00

Bagi yang suka dengan Photoshop bisa download tutorialnya di sini !!


Keterangan                                    Download Link

Membuat logo larangan merokok                    download
Wallpaper Kalender Sendiri                       download
Kartun dengan Photoshop                          download
Membuat refleksi bayangan                        download
Tetesan Air                                      download
Membuat seleksi dengan channel                   download
Membuat Vignett                                  download
Seleksi kotak dalam ukuran tertentu              download
Seleksi dengan channel dan layer mask            download
Memperhalus foto di handphone                    download
Tutorial Foto Tua dan Efek Kuno                  download
Menambah jumlah                                  download
Mengubah warna lipstik                           download
Realisticphotoobjec                              download
Menyatukan foto menjadi komik                    download
Mengubah warna mata                              download
Mengetahui ukuran gambar setelah dicetak         download
Efek blur                                        download
Efek foto robek                                  download
Efek foto terbakar                               download
Efek foto terbakar2                              download
Efek awan di background                          download
Efek foto lama                                   download
Efek bayangan di atas air                        download
Animasi tulisan bergerak                         download
Mengedit gambar dengan Photoshop                 download

Depan

2009-05-27T00:03:00.000-07:00

Salam Ta'aruf !!!
Blog ini saya buat sebagai sarana untuk menjalin silaturahmi dengan sahabat netter semua.Supaya kita bisa saling mengenal satu sama lain. Memang Allah menciptakan manusia dalam berbagai bangsa dan bahasa agar manusia saling mengenal.Seperti apa yang telah difirmankan Allah di dalam Al Qur'an.

"Hai manusia, sesungguhnya Kami menciptakan kamu dari seorang laki-laki dan seorang perempuan dan menjadikan kamu berbangsa - bangsa dan bersuku-suku supaya kamu saling kenal-mengenal. Sesungguhnya orang yang paling mulia diantara kamu disisi Allah ialah orang yang paling taqwa diantara kamu. Sesungguhnya Allah Maha Mengetahui lagi Maha Mengenal."(QS Al Hujuuraat:13)

software dan ebook

2009-05-26T23:51:00.000-07:00

Maaf Shahabat, belum tersedia

Duit Gratis

2009-05-23T02:57:00.000-07:00

Kini bekerja tak harus berada di kantor
Sekarang jamannya bekerja secara online...

Kerja Online

Bagaimana cara kerja KID NET
-->Anda akan melakukan input data yang akan kami berikan di member area.
-->Anda boleh merekrut member baru melalui URL anda yang akan kami berikan di member area.
-->Anda akan kami bayar jika ada orang yang berkunjung / membuka URL anda

Bagaimana kami membayar anda:

Komisi KID NET

Rp 750,-

per input data

Rp 15.000,-

per rekrut member baru

Ratusan Ribu Rupiah,-

Kami sediakan berbagai kontes dan Lomba

Rp 25,-

jika URL anda dikunjungi orang

INPUT DATA

Anda akan mendapatkan Komisi sebesar Rp 750,-/ input data yang akan anda lakukan di member area. secara otomatis komisi anda akan dijadikan saldo dan bisa dicirkan

REKRUT

Anda akan mendapatkan Web Replika seperti www.kerjainputdata.net/id?=obiz yang bisa anda gunakan untuk berpromosi dan medapatkan komisi rekut sebesar Rp 15.000,- per member yang secara otomatis akan dijadikan saldo dan bisa dicairkan

KONTES DAN LOMBA

Anda akan mendapatkan hadiah ratusan ribu rupiah jika anda beruntung dalam mengikuti Kontes dan Berbagai lomba dari KID NET. Hadiah akan kami transfer ke rekening anda

KOMISI KUNJUNGAN

Anda akan mendapatkan Komisi Sebesar Rp 25,- setiap kali URL anda dikunjungi oleh orang lain dan secara otomatis komisi akan dijadikan saldo dan bisa dicairkan

Dan berbagai Komisi menarik lainnya

Untuk Pendaftaran klik ==> http://www.kerjainputdata.net?id=obiz

Tips dan Trik

2009-05-11T02:24:00.000-07:00

Memasang Status Y!M di Web atau Blog

Setiap web atau blog akan lebih baik jika ditambahkan status Y!M karena akan lebih mempermudah para pengunjung blog yang ingin berinteraksi langsung dengan si empunya web atau blog tersebut. Apalagi yang mempunyai bisnis online, tentunya mereka akan lebih mudah berkonsultasi dengan bisnis yang ditawarkan oleh web tersebut. Untuk itulah status Y!M penting sekali disisipkan di web. Berikut ini saya berikan langkah-langkah penyisipannya, tapi sayang sekali skrip ini tidak bisa disisipkan pada blog yang tidak mendukung JavaScript seperti WordPress dan yang saya coba dan berhasil adalah di Blogger

Langkah-langkah penyisipannya

1. Pertama setelah login di blogger langsung menuju ke menu Tata Letak
2. Setelah itu klik pada link 'tambah gadget'
3. Banyak tersedia pilihan gadget tapi yang harus ditambahkan adalah gadget HTML/JavaScript
4. Kemudian copy skrip yang ada di bawah ini.

Kalau sudah ganti idY!Mnya, misal punya saya kan 'opiko_27' terus ganti dengan idY!M masing masing !!!Kalau boleh sih punya saya boleh juga disisipkan di blog kamu sekalian biar jadi bertambah temannya, supaya kita bisa saling bersilaturahmi saat kita online. Lalu untuk merubah gambar sesuai keinginan tinggal ganti angka pada kode 't=12' dengan kode yang sesuai dengan pilihan, ada sekitar 24 gambar tapi saya cuma menampilkan beberapa gambar saja, silakan ganti dengan kode dibawah ini :

Kode	Gambar
t=6
t=7
t=8
t=9