Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

Mar 12, 2008

tentang Joomla

2 hari ngoprek php bikin mual dan mules...(ini benaran loh) huf...mendingan nyoba2 posting tutorial ajah deh... :D
kali ini aku akan coba menjelaskan tentang Joomla, mungkin sebagain kalian sudah ada yg pernah berkenalan denganya di jalan :D

Joomla ada salah satu cms (content management system), pada zaman dahulu kala CMS ini( dibaca Joomla) banyak digunakan untuk situs2 portal namun seiring perkembangannya sudah banyak perusahaan yang menggunakan Joomla sebagai engine websitenya.

Joomla sampai dengan perkembangan saat ini sudah beranak pinak menjadi beberapa version, the latest versionnya adalah joomla v1.5. Joomla merupakan kode terbuka (dibaca open source) jadi bisa kita peroleh dengan mudah dan gratis di sini

Joomla cocok untuk seorang web designer yang mencoba mencari penghasilan tambahan (dibaca :nidya) karena script joomla begitu mudah dan dipahami dan tentu saja dioprek :D

Sudah terbayang khan makhluk apa itu joomla?..

aku sangat suka memakai dan memaki joomla karena user friendly, punya bermacam-macam extensions (fitur) yang pemakainnya tinggal di templok saja

ok..i think enough untuk pengenalan joomla, tutorial selanjutnya akan ngebahas langsung dalemannya joomla..

oiya biar pada semangat..ada 1 situs yg biasa ngelelang develop website pake joomla, nilai nominalnya mayan deh...

bsk aku kasih tau apa situsnya .;)

Nov 11, 2007

web designer pekerjaan yanng hampir punah

aku baru menjadikan web design sebagai job primaryku dan itupun secara ga sengaja. dengan modal pengalaman jungkir balik ngerjain skripsi yg berjudul " Sistem sumber daya Manusia berbasiskan web" maka aku melamar ditempat kerjaku sekarang. Jadilah sampai hari ini aku berprofesi sebagai web design amatiran.
kemaren seorang rekan berbincang padaku mengenai dunia web design. dapat 1 hantaman hebat mengenai kenyataan yg akan terjadi. jika dulu seorang web designer hanya dituntut : photoshop, fireworks, HTML dan XHTML, CSS maka sekarang nilai2 itu begeser menjadi photoshop, fireworks, HTML dan XHTML, CSS, Java, know about PHP and my Sql, terbiasa dengan ajax....
oh no!!!it's so hard....jujur..tantangan yg berat banget buat aku untuk melebarkan pengetahuan. alesan kenapa itu harus di kuasi web design karena harga sebuah website sekarang bukan lg harga yg mahal, dengan 6rts ribu kita sudah bs mendapatkan company profile site lengkap dengan database + flash.
seorang rekan itu mungkin hanya ingin aku bersiap2 agar tdk kaget dengan persaiangan nantinya, ditambah lagi dengan munculnya joomla...yah praktis web desginer hanyalah pelangkap saja! seorang rekan juga berkata "kita bisa tetep survive dengan pengetahuan design yg tidak dimiliki orang, intinya cuma terus berkaryalah..."
jadi berfikir dalam hati..loh apa bedanya web design apa web development?
kenyataan yg sudah ku lihat..hampir tidak ada bedanya, begitupun dengan pembayaran salary. seorang web design mempunyai bayaran yg hampir sama dengan seoarang web developer.....yaaaaaaah semakin males belajar krn sudah multi talented tp cuma dibayarain single telanted :(
berfikir juga..apa programmer juga akan belajar design?

web design terancam punah......aku harus mengumpulkan semangat untuk belajar ajax dan advanced javascript...tapi....tapi...aku khan tdk akan jd kepala keluaraga jadi untuk apa terus bersaing?(:D hehe..dasar pemalas). Aku hanya ingin menjadi seorang ummi yang bisa membahagikan anak dan abinya. Apaa jika aku bsa javascript, PHP & mySql abi bakal bahagia dengan aku?

Oct 24, 2007

Rounded CSS

sekedar ingin berbagi apa yg aku ketahui, jika ini terlihat basi..maaf ya..siapa tahu ada belum tahu ;)
Tutorial ini berisi tntng how to make CSS for rounded menu :

Hasilnya akan seperti ini:

1. Slicing bagian kanan kanan atas,kiri atas, kanan bawah dan kiri bawah rounded image yang telah dibuat di photoshop ataupun fireworks. hasil Slicing kurang lebih seperti ini:
beri nama : part_kiri_atas



beri nama :part_kanan_bawah



beri nama : part_kanan_atas



beri nama :part_kiri_bawah


beri nama :img_li (ini berfungsi sebagai thumbnail untuk list menu)

beri nama : text (karena pada tutorial ini kita menggunakan text modifikasi maka text juga hrs di slicing,bila menggunakan text biasa tnapa modifikasi tidak diperlukan slicing)


2. CSS script, ini saatnya untuk menuliskan kode CSS :

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.kananAtas{
background:url(image/part_kanan_atas.jpg) top right no-repeat;
width:200px;
background-color:#C0C0C0;

}
.kananBawah{
background:url(image/part_kanan_bwh.jpg) bottom right no-repeat;
}
.kiriAtas{
background:url(image/part_kiri_atas.jpg) top left no-repeat;
}
.kiriBawah{
background:url(image/part_kiri_bwh.jpg) bottom left no-repeat;
height:200px;
}
.isi{
/*pading-top:30px;*/
margin-left:20px;
background:url(image/text.jpg);
background-repeat:no-repeat;
height:39px;
width:87px;
}
ul{
line-height:20px;
list-style-image:url(image/img_li.jpg);
}
li{
vertical-align:top;
font-size:10px;
}

li a{
text-decoration:none;
}
hr{
color:#747474;
}
hr p{
color:#FFFFFF;
}
3.HTML kode :










trarara..jadi deh..
selamat mencoba ya..semoga bsk2 aku bs berbagi lg dengan kalian.kl ada yg belum jelas silahkan tanya ;)