Selamat Membaca Postingan pada Blog sederhana saya ini.. Silahkan tinggalkan komentar !

Sabtu, 10 September 2011

Our Journey.. Go to Pusuk ! :)


udah lama nih gak posting about my experience.. akhir-akhir ini posting mengenai IT muluuu.. jiahhh mungkin agan - agan pada bosenn yaaa ?? hahaaa *gayaa gue dong,padahal belum tentu blog gue diview.. huuhuuu :(
gak perlu panjang lebar dehhh...
lets read this posting ! :D
sebenarnya sih rencana ini bisa dikatakan mendadak,awalnyaa sih si brekkk ajaw sang bolang pasir putihh ngajak maen kerumah si maho wendra.. maklum mamennn... kan masih suasana lebarann cing.. :) tiww.. tiww.. tiww.. *kedip mataaa hahaaa :p 
nah luu.. jangan mikir makan mulu ntar jadi saingan guee seksinyaaa wuahahahaaaaa
berawal sms dr broo imam yang kirim kabar setelah rapat besar bersama Mr. Ajaw kalo tanggal 5 september 2011 ( *lengkap deh.. ) temen-temen pada ngajakin pergi maen kebelinyu buat silaturahmi kerumah si broo wendra terus dilanjutin kepantai dibelinyu.. jujur gue langsung tertarik,boleh juga nih ide.. tapi gue juga masih ragu bakal berapa orang yaaa yang ikutt... maklum kan perjalan lumayan jauh,kirain gue paling yang ikut hanya beberapa orang.. ya pasti gak asik dong kalo dikitttt... tapi yang ikut pergi katanya personil - personil kemaren waktuuu lebaran,gue pikir pastii ramai.. absolutely langsung gue jawab.. IKUTTTTTT !!! heheeee :)
dan ternyata yang ikut pada hari H yaituuuuuu si Brekkk Ajawww,si Mpokk Dwi,si Neng Panca,dan Mr Iderisss yang berasal dari pangkal pinang.. lumayan ramai lah... hahahaaa
dan sangat disesali si Brooo Imam gak bisa ikut serta karena ada urusan mendadak... santaiii battt agik ade perjalanan selanjut e,ka tenang baeee wkwkwkk :p
tapi personil kali ini bukan hanya mereka doang kok,ternyataaa si Waluyooo sama Amatt ikutt jugaaa.. jadi makin rameeeee... dan yang jelas kalo ada Ajaw pasti ada Karina donkk.. *kerumahh bini ku brekkk wkwkwk #pisss :)
dengan 8 orang adventurer dan 4 motor kami pun memulai perjalanan ini.. rute perjalanan dimulai dari rumah karina terus menuju jalan ke belinyuuu.. cuaca nyaaa sangat amat mendukung.. panasssss full hahaa
pergi dengan semangat ! tapiii karena cuaca yang panas ditambah dengan perjalanan yang lumayan jauh bikin semuanya sedikit lemesss... dan ditengah jalan dapat kabar ternyata eh ternyata si wendra sedang gak ada di belinyu melainkan di desa pusuk.. capekk deh ! awalnya sempat bertanya dimana nih tempat,belum pernah kesana gue.. kirain gue masih dekat dengan belinyu eh malah jauh banget.. sampai simpang lumut kami pun belok mengikuti jalan ini.. sempat berhenti bentar dan bertanya sama pemilik toko dimana letak desa lumut,tapi mereka juga kasih info yang kurang jelas.. dilanjutin deh akhirnya.. menyusuri jalan yang panjang akhirnya kami sampai juga disebuah jembatan yang lumayan banyak dikenal orang.. yaitu Jembatan Perimping .. asoyyy dah.. pemandangannyaa manteeepppp gan... nah lho,, si Brekk Ajaww ngajak berhenti bentar disini.. dan ternyata si dwi gakkkkkk diem ajaaa,langsung paksa aksiiii.. fotoooo - fottooooooooo mamennn hahaha



nih dia aksi si DWI ! :)
gilirann si ajaww nih..
si Anggi Amatt gak mau kalah juga nihh
dihhh gayaanya malu-maluuu nih,tapii tetep eksis donkkk hhe
iderisss pasang gayaa nih...
hahaaa waluyooooo beraksiiiii... berubahhhhh wkwkwk
guee juga gak mau kalah donkkkk.. gaya dulu ah heheee
wahhh si panca gak ada nih foto sendirii.. barengg gue aja deh hehehhhee :)

setelah selesai foto - foto,perjalanan pun dilanjutkan...
semangaattt kembali teman... :)
masih menyusuri panjang jalan,melewati perkampungan serta hutan yang masih lebat dan disertai dengan cuaca yang panas ajebb ajebb discooo.. membuat kami merasa capek dan bosan.. sehingga beberapa dari kami mulai mengeluh..
tapi perjalanan kami pun tak sia - sia,akhirnya pangkal dari jalan panjang ini pun kami temui.. akhirnya kami sampai juga disimpang kelapa.. dan ini menandakan bahwa perjalanan kami menuju desa pusuk pun gak terlalu jauh lagiii.. HOREEEEE !! :D
dan setelah melalui beberapa jam perjalanan,akhirnya kami berdelapan orang sampai jugaa didesa pusuk.. terbenak dalam hati,wahh jauh banget nih desa.. bayangin kalo dapat jodoh orang sini,capeeekkkk deh... heheheeee :p
terus menyusuri jalan desa pusuk akhirnya kami sampai juga dirumah wendra yang dengan senyum lebar menunggu kedatangan kami.. legaaaa deh,, udah dapat tempat berteduh nihhh..
disambut dengan es buah semangka seakan menyirami dahaga yang emang sangat amat hauuuss.. *lebayy ah wkwkwk :)
wah emang si wendra dan keluarganya baik banget,ngerti yaa kalo siang-siang gituu peruttt kami pada udah keroncongon... :p
hajaaar brooooo... makan siang,,, menu yang bernuansa seafood,mantapppp mameennn... udang gedee,ditambah ikan jd gak sadar makan kayak orang yang udah lama gak makan hahaaaa :D

nihhh lihat deh wajah temen-temen yang baruu selesai santappp siang,semangaaatttnya heheheeee
selesai makan siang kami pun langsung menuju ruang tamu buat santai sambil ngobrol bersama.. tapiiiii ada yang bikin gue sedikit bad mood.. pas gue mau minta dkirimin foto dari hp broo idris,gue raba - raba kantong nahhhh hp gueee kemanaaaa... apesss gue dijahilin temen - temen nih :(
sempet santai tapiiiii gelisahhh juga,maklum hp semata wayang.. udah jadul sih wkwkwk
tapiiii akhirnyaaa dikembaliin jugaaa hehehe :)
waktu udah nunjukkin jam 2 lewat nih,si wendra ngajakin kami buat lihatin dermaga didesa dia.. yaa sebuah dermaga tempat kapal - kapal para penduduk desa yang bermata pencaharian sebagai nelayan.. wahhh nyampai didermaga sempat kagum juga lihat pemandangannyaaa.. mantappp brooo.. ajibbb dah.. yang gak ikut,rugi bangett sumpah hhe :p 

ini deh guee kasih koleksi foto kami disini..

six boys in actionn. gayaaa yukk hehehhee

kumpul bareng nih..

with pancaaa.. :)

idihh aak... pegang tangan adekk nihhh.. wkwkwk :p

barengg lagi nih,,,

hmmm gak terasaaa waktuu udah nunjukkin hampir jam 3 sore,kami pun sepakat untuk go home.. kembali sebentar kerumah wendra buat izin pulang sama orang tua nya dan perjalanan pulang pun dimulai.. kali ini rute pulang kami ubah,gak lewat jalan waktu berangkat.. karena bakal butuh waktu serta perjalanan yang lebih lama kalau lewat jalan awal...
setelah melewati berbagai desa dan akhirnya kami pun sampai disungailiat dan lagsung menuju kerumah karinaaa.. beristirahat sebentar dan gak nyangka disini kami makan lagiiiiiii... kenyang dehh.. heheheee :)
hari ituu tanggal 5 september 2011.. Perjalanan yang panjang dan melelahkan tapi sangat berarti.. satu kata MENYENANGKAN !! :)
tunggu pengalaman kami berikutnyaaaaaa... see youu !

Minggu, 04 September 2011

Apa itu SEO ?

SEO

(Search Engine Optimization),

merupakan langkah/kiat menuju pengoptimalan dalam hal ini masalah Search Engine.

Sebagus apapun sebuah situs,jika tak dapat direkam/ditangkap/di index oleh mesin pencari,sama halnya dengan kebohongan.Pelajaran Blog

Dengan ter index mesin pencari,kemungkinan situs kita akan di lihat oleh seluruh orang di dunia ini akan semakin besar.Banyak kami jumpai blog yang bagus,namun kurang optimalnya kiat dalam peng index an.

Dibawah ini salah satu langkah peletakkan meta tags agar ter index mesin pencari :

Kode ini cukup anda letakkan di bawah kode <head>.

<meta content='nama anda' name='Author'/>
<meta content='Tulis Diskripsi Blog' name='description'/>
<meta content='Tulis Kata Kunci Blog' name='keywords'/>
<meta content='follow, all' name='robots'/>



Atau jika anda ingin menambah meta yang lain,coba kunjungi disini
Adapun langkah-langkahnya,anda simak di bawah ini : Pelajaran Blog

  • Gunakan nama blog yang tidak terlalu panjang.
  • Gunakan kode <h1> pada awal artikel.
  • Jika anda meletakkan gambar jangan lupa tuliskan kode alt="nama blog
    anda" .(contoh : <img src="http://bla-bla-bla.jpg"alt="nama
    blog anda">
  • Tambahkan URL anda ke Altavista,Alltheweb,MSN,Yahoo dan submitter yang lain.
  • Perbanyak teman blog untuk memasang Link blog kita.
  • Berkomentarlah di kotak komentar sebuah blog yang sudah cukup terkenal.
  • Buatlah Blogroll blog-blog terkemuka.
  • Jika perlu ngemis blogger lain untuk me link kan link kita.
  • Chatting,lampirkan alamat blog kamu,karena semakin jauh jangkauan IP
    seorang pengunjung,akan meningkatkan PageRank kita.
  • Buatlah SiteMap
  • Update selalu.
  • Berikan tanda Bold / Huruf tebal pada setiap kata yang berkaitan dengan
    nama blog anda.

Semoga,langkah-langkah diatas sedikit bisa membantu anda agar ter index oleh mesin pencari.Pelajaran Blog

Hidup SEO ! !
Pelajaran Blog

Apa Itu Javascript ?

Apa sich itu Javascript ?


Pengertian Javascript menurut gue sih,yaitu kode yang mempunyai tugas unruk membedakan suatu variable.keliatanya sich kaya gitu..Pelajaran Blog
Secara umum kode ini akan menjalankan suatu tugas yang mana kode ini sangatlah "sensitive",
Maksudnya? Lain seperti HTML yang tidak terpengaruh adanya tulisan <b> dan </b> (tanda "/" pada kode).
Javascript,tidak mempunyai tolerant dengan kode seperti diatas,contoh lain; penulisan kata "var" tidak bisa ditulis "VAR" maupun "Var".
Jika anda pusing seperti habis kena angin Puting Beliung Pelajaran Blog,karena baca arttikel ini,
ya dech...di bawah ini hasil pengertian Javascript oleh Bp.Supono,alamatnya di :

"JavaScript adalah bahasa pemrograman yang khusus untuk halaman web agar halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek, sedangkan Script adalah serangkaian instruksi program.
Hal-Hal Yang Harus DiperhatikanAda beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya
."


Gimana?sudah lebih jelas? Pelajaran Blog
Nah contoh javascript bisa anda lihat seperti hasil postingan dari :


Sebagai contoh KLIK DI SINI. Source script-nya DOWNLOAD DI SINI

Postingan ga modal,he...Pelajaran BlogPelajaran Blog
Semoga,penjelasan yang sedikit Njlimet ini bisa diterima,Amin !! Pelajaran Blog

Sabtu, 03 September 2011

Cara Hack Email dan Password dari Warnet


Kadang bermain di internet komputer public,warnet misalnya,kita kurang memperhatikan segi keamanan dan hanya memperhatikan segi kenyamanannya,tinggal main,bayar dan langsung pulang.
Tapi tahukah sobat,pemilik warnet seperti halnya manusia biasa,ada yang menjaga privacy pelanggannya namun banyak juga yang justru memanfaatkan pelanggan sebagai 'mangsa' yang wenak.

Adalah cookies yang mampu menyimpan data,mulai dari history dan bahkan email dan password yang ditinggalkan oleh pelanggan sebuah warnet.

Eit's jangan lari dulu gan,ni saya kasih contoh cara
Hack Email dan Password dari Warnet hanya dengan browser Mozilla :D

Pertama,buka browser mozilla di komputer warnet yang sedang sobat kunjungi,lalu klik bagian toolbar 'Tools lalu pilih 'Options' (lihat gambar 1) 

 Kemudian,pilih tab 'Security' dan klik tombol 'Saved Passwords' (lihat gambar 2) 
 Maka,nanti akan tampil jendela windows seperti ini (ini akan bekerja jika ada beberapa pengunjung warnet yang teledor tidak sempat menghapus cookiesnya 'sebelum sobat sendiri' pent-) 
gin tahu passwordnya? tinggal klik 'Show Password' and dapat deh...!!!!!!!!
 Gampang khan jadi maling tuh,hehehe makanya jangan heran sob negara ini banyak malingnya,lha kok?
Kabuuuur!!!!!

Jumat, 02 September 2011

Pengantar Web Design..


Dalam dunia maya (internet) kita mengenal beberapa istilah tentang
web, www, website, web pages, dan homepage. Bagi orang awam,
istilah tersebut bisa saja diartikan sama. Ada sebagian masyakat
kita mencantumkan alamat lengkap dengan imbuhan, misalnya
homepage: www.toolkits.com atau website:
www.desain2u.com atau alamat situs:
www.entahkenapa.com dan lain-lain.
Memang, sah-sah saja mencantumkan beberapa kalimat tersebut
karena memang intinya sama yaitu mencantumkan alamat situs
yang dapat dikunjungi. Untuk mengetahui arti yang sebenarnya, di
bawah ini terdapat sedikit ulasan beberapa istilah dalam internet
yang sering ditemui.
www (Word Wide Web) : merupakan kumpulan web server dari
seluruh dunia yang berfungsi menyediakan data dan informasi untuk
digunakan bersama-sama.
Web adalah adalah fasilitas hypertext yang mampu menampilkan
data berupa teks, gambar, suara, animasi, dan multimedia lainnya,
di mana di antara data-data tersebut saling terkait dan berhubungan
satu dengan yang lainnya. Untuk memudahkan dalam membaca
data tersebut diperlukan sebuah web browser seperti Internet
Explorer, Netscape, Opera, maupun Mozilla Firefox
Website (situs web) : merupakan tempat penyimpanan data dan
informasi berdasarkan topik tertentu. Diibaratkan web site ini seperti
buku yang berisi topik tertentu.
Web Pages (halaman web) : merupakan sebuah halaman khusus
dari situs web tertentu. Diibaratkan halaman web ini seperti
halaman khusus dari buku.
Homepage : merupakan sampul halaman yang berisi daftar isi atau
menu dari sebuah situs web.
Mendesain web bukan merupakan pekerjaan yang berat dan bukan
merupakan pekerjaan yang ringan. Apa maksudnya? Merancang
web bukanlah pekerjaan yang berat artinya siapapun bisa
menguasai dan membuatnya asalkan memiliki kemauan untuk
belajar. Namun merancang web (web design) bukanlah pekerjaan
yang ringan artinya tidak semua orang memiliki kemampuan yang
luas tentang beberapa aspek yang harus diketahui agar tampilan
web menarik sehingga banyak pengunjung yang datang.
Sebagai contoh, ketika kita membuat sebuah homepage (halaman
utama web) sangat lama proses aksesnya. Mengapa hal itu bisa
terjadi? Itu semua diakibatkan tidak adanya ketentuan besarnya file
halaman utama tersebut. Agar halaman web kita mudah diakses
oleh para pengunjung tentunya harus memiliki pengetahuan dalam
mendesain sebuah web.
Buku ini sengaja disusun untuk memandu para web designer
pemula agar menghasilkan sebuah website yang inovatif dan kreatif
secara profesional. Ulasan dalam buku ini menyangkut masalah
teknik pembuatan interface (halaman muka) sebuah website
menggunakan Adobe Photoshop kemudian diolah menggunakan
Macromedia Dreamweaver. Selanjutnya, dipercantik dengan
tambahan animasi yang dibuat menggunakan Macromedia Flash.
Jadi kita menggunakan 3 tools untuk membuat situs yang inovatif
dan kreatif secara profesional.
Dalam buku ini tidak lagi membahas secara teoritis tentang
penggunaan masing-masing tools namun langsung pada
permasalahan yang sering dijumpai ketika akan membuat sebuah
situs.

1.1. TIPS MEMBUAT WEBSITE PROFESIONAL
Terdapat beberapa point penting ketika membuat sebuah website
yang profesional.
1. Homepage (halaman utama) situs Anda harus dapat diakses
maksimal 8 detik atau dapat diakses melalui koneksi jaringan
internet minimal 28,8 kbps. Apabila proses koneksi
membutuhkan waktu yang sangat lama, hal ini akan berpotensi
hilangnya customer (pengunjung) yang tidak “betah” menunggu
terlalu lama. Akhirnya situs kita tidak akan dikunjungi olah para
“calon customer”.
2. Pastikan menyertakan META Tag pada masing-masing halaman
website Anda. META Tag adalah kode yang memungkinkan
search engine (mesin pencari seperti: Google) untuk
menentukan kata kunci yang relevan dari website Anda.
3. Pilihlah warna latar belakang (background) yang sesuai, jangan
menggunakan warna yang mempengaruhi teks untuk dibaca.
Warna situs menjadi sebuah ekspresi hati Anda. Warna orange
melambangkan keceriaan sedangkan warna ungu atau hitam
melambangkan kesuraman. Untuk itu pilihlah warna yang sesuai
untuk situs Anda berdasarkan isi yang terkandung dalam situs
tersebut.
4. Gunakan animasi seperlunya, jangan terlalu berlebihan karena
dapat mempengaruhi konsentrasi pengguna ketika sedang
membaca informasi. Selain itu, animasi juga dapat menghambat
akses ke halaman situs Anda. Sebuah animasi yang bagus
bukan menjadi jaminan bahwa situs Anda menarik perhatian
pengunjung.
5. Halaman Utama situs harus lebih spesifik agar para pengunjung
dapat mengetahui produk yang ditawarkan. Sebagai contoh, jika
situs Anda merupakan sebuah lembaga konsultasi maka
sebaiknya jasa-jasa konsultasi yang ditawarkan ditampilkan di
halaman utama. Jangan sampai pengunjung merasa bingung
dengan keberadaan situs Anda yang tidak jelas produk yang
ditawarkan.
6. Hindari pemasangan iklan (banner) di bagian atas website
Anda. Batasi jumlah banner yang akan ditayangkan, maksimal 2
dan idealnya cukup 1 banner. Semakin banyak jumlah banner,
semakin lama proses akses dan akan sangat mengganggu
konsentrasi pengguna ketika mengunjungi situs Anda.
7. Periksa ejaan yang salah dan pastikan gambar dan link
terhubung dengan baik sebelum ditampilkan secara on-line.
Kesalahan dalam mengetikkan alamat url mengakibatkan
halaman tersebut akan “ERROR”. Jika sebuah situs terdapat
salah satu atau beberapa halaman yang error menjadikan situs
tersebut nampak tidak profesional.
8. Lengkapilah website Anda dengan tombol navigasi yang mudah
dan tersusun dengan rapi pada bagian atas, bawah, kiri,
maupun kanan. Jika menggunakan tombol dalam bentuk
gambar, perlu diingat bahwa kemungkinan proses akses lebih
lama. Mengapa? Karena gambar memiliki ukuran yang cukup
besar, dan seperti kita ketahui. Sebuah halaman situs maksimal
berukuran tidak lebih dari 100kb.
9. Jika terpaksa harus menggunakan Frame, gunakan secara
tepat. Pada dasarnya, penggunaan Frame dalam sebuah situs
akan berkesan tidak profesional. Hindari halaman yang
memerlukan “scroll”, ini mengakibatkan pengujung kurang
nyaman untuk mencari informasi sehingga akan cepat-cepat
“kabur” dari situs Anda.
10. Perhitungkan jumlah klik yang dibutuhkan untuk pindah dari
halaman satu ke lainnya. Jika terlalu banyak klik akan sangat
membosankan bagi pengunjung. Anda bisa menerapkan sistem
navigasi yang lebih nyaman dengan menyertakan logo pada
setiap halamannya.
11. Jika menggunakan “JAVA” pada website Anda gunakan secara
tepat. Tawarkan “Java” atau “No Java” kepada pengunjung
karena dapat mempengaruhi kinerja masing-masing browser.
Hindari adanya iklan “pop up” yang akan membuat pengunjung
menjadi bosan.
12. Jangan menambahkan “autoplay” suara ketika seseorang
mengunjungi situs Anda. Sebaiknya tawarkan, apakah
menggunakan intro beserta audio (suara) ataukah langsung ke
halaman utama.
13. Periksa website Anda dengan beberapa jenis browser karena
masing-masing browser memiliki kemampuan yang berbeda.
1.2. PRINSIP DALAM MENDESAIN WEBSITE
Ketika Anda mulai memikirkan merancang sebuah website, Anda
perlu memikirkan bagaimana pemilihan warna yang tepat sehingga
akan memberikan penilaian tersendiri kepada pengunjung tentang
website yang Anda buat dan bagaimana rancangan tata letak
(design layout) dapat membantu “mendesain secara kerja sama”
dalam sebuah tim.
Disain yang bagus hampir tidak kelihatan, namun jika disainnya
jelek maka akan memberikan dampak yang luar biasa. Jika disain
website Anda dirancang bagus dan tata letak informasi juga
membantu para pengunjung mudah menggunakan website tersebut,
pengunjung pasti akan kembali menjelajah website Anda. Namun
jika Anda tidak berpikir bagaimana mendisain dan memilih warna
yang baik maka akan memberikan dampak kepada
pengguna/pengunjung tersebut. Jika hal ini terjadi, jangan harap
pengunjung/pengguna akan kembali lagi mengunjungi situs Anda.
1.3. SOFTWARE DISAIN GRAFIS
Dalam merancang sebuah website, kita tidak bisa lepas dari
perangkat lunak untuk mengolah gambar (image) sebagai bagian
dari website. Ada beberapa alat disain grafis yang dapat digunakan
untuk membantu dalam membuat website yang cantik, diantaranya:
- Adobe Photoshop (http://www.adobe.com) : software ini
sangat populer dan dapat diandalkan untuk membuat dan
mengedit grafik maupun gambar fotografi.
- Adobe Illustrator (http://www.adobe.com) : software ini
digunakan untuk membuat gambar dalam bentuk vektor dan
dapat digunakan untuk membuat ilustrasi.
- PaintShop Pro (http://www.jasc.com) : software ini sama
dengan Adobe Photoshop, sedikit lebih canggih namun
masih kalah populer dibandingkan Adobe Photoshop.
- Macromedia Fireworks (http://www.macromedia.com) :
software ini sangat mirip dengan Adobe Photoshop, namun
tool ini berbasis vektor. Software ini mengijinkan semua
elemen dapat diedit kembali dan dapat berintegrasi dengan
Macromedia Dreamweaver.
- Macromedia Flash (http://www.macromedia.com) :
software ini dapat digunakan untuk membuat animasi dan
berbasis vektor untuk website.
1.4. FORMAT GRAFIS
Grafik/gambar dalam sebuah website dapat memberikan efek visual
yang luar biasa terhadap website tersebut, namun bisa menambah
waktu koneksi akibat banyaknya gambar yang ditampilkan. Grafik
dalam website dapat berupa statik, animasi, dan fotografi.
Agar koneksi ke website kita lebih cepat, perlu memahami beberapa
format file yang sering digunakan pada sebuah website,
diantaranya:
- GIF : memiliki warna 8-bit, mendukung dalam bentuk
transparan, mengkompresi area warna secara solid,
mereduksi jumlah warna dan menjalin untuk proses
download secara cepat, juga dapat digunakan untuk
membuat animasi dalam bentuk grafik (animated graphic).
- JPG : memiliki warna 24-bit,menjaga kualitas brightness dan
hue yang ditemukan dalam sebuah foto, dapat disimpan
dalam format berkualits tinggi maupun rendan (high or low
resolution), sebuah file jpg dapat pula digunakan versi
resolusi rendah (low resolution) dari gambar yang nampak
ketika gambar sedang didownload, tidak mendukung
transparansi.
- PNG : PNG-8 mendukung warna 8 bit, mengkompres area
warna yang pekat, menjaga detail ketajaman, mendukung
transparansi, kompresi lebih canggih dibandingkan gif
karena dapat mengkompresi sekitar 10-30% lebih kecil dari
format GIF.
Setelah melihat perbandingan beberapa format file grafis untuk web,
Anda dapat menentukan format apa yang akan digunakan sesuai
kebutuhan. Pada prinsipnya, semua format file tersebut dapat
dijadikan panduan dalam memilih format file yang tepat. Ada
beberapa bahan pertimbangan ketika memilih salah satu dari
beberapa format file tersebut, diantaranya:
- Usahakan ukuran file seminimal mungkin
- Selalu gunakan mode warna RGB
- Gunakan web pallete (216 web-safe colour)
-
Jika Anda memilih format file GIF : simpan sedikit warna jika perlu,
simpanlah sebagai interlaced .gif, buatlah latar belakang transparan
berwarna.
Jika Anda memilih format file JPG : pilih kualitas yang paling kecil
jika perlu, simpan sebagai progresive.

Pengenalan CSS.. Cascading Style Sheet..

Cascading Style Sheet (CSS)

  • CSS digunakan untuk menciptakan suatu kumpulan style yang digunakan untuk memperluas kemampuan HTML.
  • Penggunaan CSS

Selector merupakan elemen atau tag HTML normal yang ingin didefinisikan.

Property merupakan attribut yang ingin dipilih. Masing-masing property dapat diberi sebuah nilai (value).
  Jenis - jenis CSS
Inline : digunakan langsung terhadap tag yang berada di dalam BODY dengan menggunakan attribut STYLE untuk melakukan pengaturan dengan properti-properti CSS.

Internal : properti-properti CSS diatur di dalam tag STYLE yang diletakkan di antara tag HEAD.

External : pendefinisian style dilakukan pada file terpisah. Untuk mengakses style external, digunakan tag LINK.
 
 Penggunaan Atribut ID dalam Tag

Di dalam pasangan tag <STYLE> dan </STYLE>, dapat didefinisikan suatu nama ID dengan bentuk seperti berikut:

  #nama_ID { properti_1:nilai_1;...;properti_n:nilai_n; }

Aturan penulisan nama_ID :

- Dapat mengandung huruf, angka, atau karakter garis bawah (underscore)

- Karakter pertama harus berupa huruf atau karakter garis bawah
Tag <SPAN> 
Dapat digunakan untuk memperluas kemampuan suatu style. Penerapannya dapat digunakan bersama-sama atribut STYLE, CLASS, dan ID.


<SPAN> dengan atribut STYLE


Bentuk pemakaian:

  <SPAN STYLE=”definisi”>

 

  </SPAN>

 

Coding HTML Dasar..

 Coding HTML Dasar

HTML adalah dokumen teks yang di dalamnya terdapat tag dan kode yang dimengerti oleh penjelajah Web (Web browser) sehingga dapat menampilkan informasi ke layar monitor sesuai dengan parameter yang dihasilkan dari tag maupun kode tersebut

1)   Tag untuk mengatur teks secara fisik
Syntax
Keterangan
Contoh Hasil
<B>Teks</B>
Teks di dalam blok tag <B> ... </B> dicetak tebal.
Teks
<I>Teks</I>
Teks di dalam blok tag <I> ... </I> dicetak miring.
Teks
<U>Teks</U>
Teks di dalam blok tag <U> ... </U> dicetak bergaris bawah.
Teks
<SMALL>Teks</SMALL>
Teks di dalam blok tag <SMALL> ... </SMALL> ditampilkan dengan ukuran lebih kecil daripada ukuran normal.
Teks (Normal)
Teks (SMALL)
<BIG>Teks</BIG>
Teks di dalam blok tag <BIG> ... </BIG> ditampilkan dengan ukuran lebih besar daripada ukuran normal.
Teks (Normal)
Teks (BIG)
<SUB>Teks</SUB>
Teks di dalam blok tag <SUB> ... </SUB> ditampilkan subskrip.
O2

<SUP>Teks</SUP>
Teks di dalam blok tag <SUP> ... </SUP> ditampilkan superskrip.
25oC
<TT>Teks</TT>
Teks di dalam blok tag <TT> ... </TT> ditampilkan dalam bentuk ketikan seperti mesin tik.
Teks (Normal)
Teks (TT)
Catatan : Penggunaan tag dapat digabungkan menjadi satu baris. Contoh : <b><u><i>Ini yang dicetak</i></u></b> hasilnya : Ini yang dicetak

2)   Tag untuk mengatur teks secara logis
Syntax
Keterangan
Contoh Hasil
<CITE>Teks</CITE>
Menyatakan teks adalah kutipan.
Teks
<CODE>Teks</CODE>
Menyatakan bahwa teks adalah kode atau program komputer. Umumnya teks ditampilkan dengan font monoskrip.
Teks
<EM>Teks</EM>
Menyatakan penekanan pada teks. Umumnya, teks ditampilkan miring.
Teks
<KBD>Teks</KBD>
Menyatakan teks adalah masukan dari keyboard. Teks seperti ini biasanya ditampilkan dengan font monoskrip.
Teks
<SAMP>Teks</SAMP>
Menyatakan bahwa teks adalah suatu konstanta sederetan karakter. Biasanya ditampilkan dengan font monoskrip.
Pi = 3.14
<STRONG>Teks</STRONG>
Menyatakan bahwa teks yang sangat penting untuk diperhatikan orang. Biasanya ditampilkan dalam keadaan tebal.
Teks

<VAR>Teks</VAR>
Menyatakan teks adalah variabel atau ekspresi matematika atau program komputer. Teks akan disajikan dalam bentuk miring.
L = p x l

3)   Tag untuk Teks Praformat
Tag <PRE> ... </PRE> berguna untuk membuat teks praformat. Dalam artian, keadaan yang telah di format di dalam kode HTML akan ditampilkan seperti itu juga ke dalam penjelajah Web.