Social Icons

twitterfacebookgoogle plus
Tampilkan postingan dengan label JAVASCRIPT. Tampilkan semua postingan
Tampilkan postingan dengan label JAVASCRIPT. Tampilkan semua postingan

Sabtu, 05 November 2011

BELAJAR SEDIKIT CSS STYLE yuuuu....

lagi sik asik nya utak ati PHP,JAVA SCRIPT..akhir nya kepentok juga untuk tampilan dan style dari web yang aqu buat,sebab tanpa CSS STYLE hampir dipastikan hasil nya kurang indah dan memuaskan,

Nah  sekarang  sekarang pertanyaan itu timbul .

Apa itu CSS?

CSS = Cascading Style Sheets ( Bahasa lembar Gaya ). CSS merupakan bahasa yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa di artikan secara bebas sebagai : CSS merupakan bahasa yang digunakan untuk mengatur tampilan / desain suatu halaman HTML.
Dulu, sebelum CSS menjadi standar untuk mendesain halaman web seperti sekarang, halaman web di desain menggunakan <table>. jadi dibuat dulu desainnya, dalam format .psd atau jpeg, lalu di slice atau di potong potong menjadi bagian – bagian terpisah. setelah itu dibuat table dengan ukuran yang sesuai, lalu desain tadi di “tempel” pada table sebagai image yang melekat pada tabel, atau sebagai background. Kelemahan dari cara seperti ini adalah, halaman web menjadi berat karena kolom – kolom penyusun table <tr> dan <td> diberi tambahan atribut image source. Side effect dari hal ini adalah halaman web menjadi padat dan tidak SEO friendly.
Walaupun sekarang Bahkan jQuery sudah mengimplementasi teknik yang kurang lebih sama. Web menjadi semakin dynamic,
Ok untuk melihat hasil dari design web Yang menggabungkan antara HTML dan CSS STYLE
Bisa di Download FIle nya di bawah ini dan nanti kita bahas STEP demi STEP  dalam mempelajari nya...oya File yang aku buat ini praktis loch dengan hanya menggunakan SOFTWARE ARTISTERR yang juga di sediakan di blog ini

contoh 1
Contoh :2
Dengan tambahan menu :
Download File Nya disini

readmore...
Label: , , ,

Tutorial Belajar HTML full

1.Untuk mengetahuii apa itu CSS STYLE click DISINI


2.Untuk Dasar dasar Dan Pengenalan HTML click DISINI

3.Untuk Pengenalan PHP click DISINI

readmore...
Label: , , ,

Selasa, 12 Juli 2011

Membuat Mouse Unik Dengan JavaScript&Html


Hai..haii..haii…salam hangat..selalu untuk sobat bloger yang saya cintai…xixiiiiii…lebay..ya???
Huff…udah lama juga neh Cuma posting software dan software aje…skali kali ahh…bagi bagi pengetahuan en ngelanjutin postingan sebelum nyatentang belajar PHP,MYSQL,HTML & JAVASCRIPT …kali ini kita sama2 belajar yu…tentang bagai mana membuat sebuah tombol unik yang berfungsi sebgai link menuju pada suatu web atau tempat tertentu.
Disini saya akan membahas sedikit tentang pembuatan Tombol Mouse Unik menggunakan Java Script .Ok langsung kita mulai pelajaran nya..”hee..hee..so gaya banget yups…”
1.Pertama tama kita buat dahulu script ini dengan menggunakan KOMODO EDIT atau NOTE PAD  juga bisa ,yang penting berektensi html atau php.
Berikut s script nya :


 <script language="JavaScript">
    function buka1()
    {
        document.imgbuka.src ="buka2.gif";
    }
    function buka2()
    {
        document.imgbuka.src ="buka1.gif";
    }
  </script>
<html>
    <head>
        <title>Contoh Mouse Unik</title>
    </head>
    <body>
        <a href="www.deden-web.blogspot.com" OnMouseOver="buka2()"
                                             OnMouseOut="buka1()">
            <img border="0" src="buka2.gif" name="imgbuka">
        </a><br>

        Menuju ke Website DEDEN-WEB
        </body></html>
       
3.Setelah itu save/simpan dengan nama apa saja ,yang penting itu tadi harus berekstensi PHP atau HTML agar dapat dibaca oleh BROWSER kita..ok.
dan disini saya beri nama
MOUSE.php
Oh ya pada script berikut :
        <a href="www.deden-web.blogspot.com" OnMouseOver="buka2()"


Kita bisa masukan website kita atau link yang ingin kita tuju ,misalkan link download atau apalah..terserah anda.

2.Dan siapkan pula tombol yang akan kita jadikan Mouse Over dan Mouse Out atau kalau malas membuat nya bisa di  

 download disini besertascipt nya
Buka1.gif

Buka1.gif

 
3.Jangan lupa kita masukan kedua gambar yang berkstensi .gif kedalam satu folder dan kita beri nama sesuai dengan selera kita yang penting sama seperti nama script yang kita buat sebelum nya.disini folder yang saya gunakan saya beri nama “imgbuka”  karena sesuai dengan isi script yang saya buat


5.Lalu buka browser kita dan ketikan “localhost/mouse.php”
Maka hasil nya sebagai berikut  :
Ini sebelum mouse menyentuh tombol


Dan Ini setelah mouse mendekati tombol/diatas tombol:



Ok…anak anak ,sampai disini sudah paham…(“gaya guru berbicara..hee..hee..”)
Sekian pembuatan Mouse Unik atau Mouse Over Mouse Out nya… kita akan pelajari bahasa PHP ,MYSQL,HTML & JAVA SCRIPT pada lain waktu dan kesempatan.
 bila ada Saran dan Kripik…Upssss…Kritik bisa di ajukan pada kolom komentar dibawah ini ,semoga apa yang saya sampaikan tidak membingungkan dan mudah dicerna..sebab saya pun masih tahap-tahap belajar dan disini kita sama-sama belajar dan berbagi pengetahuan ,agar Indonesia menjadi Negara yang cerdas…”merdeka…”….heee..hee…”


readmore...
Label: , , ,

Jumat, 31 Desember 2010

Tips&trik blog : "MEMBUAT BLOGROLL / TEX AREA"


Untuk kamu2 yang suka berbagi.tukar link dengan sesama teman blogger,
aku punya satu trik untuk membuat bloggroll/tex area,agar kita bisa menempat kan
link2 teman blogger sebagai berikut :
1.Masuk ke halaman
-> PAGE ELEMENT
-> ADD A GADGET
 lalu di
-> HTML/JAVA SCRIPT
Masukan code sebagai berikut :
<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

<a href="www.cepot-web.blogspot.com"/>cepot-web<a> <br />
<a href=""/>link2 <a><br />
<a href=""/>link3 <a><br />
link...dll...!!!!

</a></a></div>
keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "link1,link2, link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar , maka hilangkan kode <br />
- Kalu kamu juga ingin menampilkan link http:// & www maka tidak usah menggunakan kode
<a href=""/> <a>
cukup ketikan
cepot-web <br/>
dll......
Untuk pertanyaan lebih lanjut silahkan tuangkan kritik,saran&pendapat kamu di komentar bawah ini ok :)
readmore...
Label: , , ,

Minggu, 28 November 2010

TUTORIAL PHP “Membuat Vooting atau Poling”


Hai kita jumpa lagi dalam tutorial Sederhana ini,Kali ini saya akan berbagi mengenai cara pembuatan voting pada sebuah website,yang tentu nya saya buat secara sederhana agar dapat dimodifikasi lagi ,supaya lebih menarik tentunya…Tutorial ini saya baca dari sebuah buku dan sepertinya menarik juga untuk pembelajaran…ok langsung kita ke TKP….! 
1.Pertama kita siapkan sebuah DATABASE dengan 3buah table di dalam nya seperti berikut:

readmore...
Baca selengkapnya »
Label: , , ,

Sabtu, 13 November 2010

Tutorial PHP


MEMBUAT TANGGAL SEDERHANA DENGAN PHP
Disini kita akan mencoba membuat tanggal sederhana untuk php,Tanggal yang akan di tampilkan tentunya mengikuti waktu yang ada pada computer  kita ,sebab untuk zona asia atau luar akan lebih spesifik lagi dalam pembuatan nya .
Oke kita mulai dengan script nya sbb :


readmore...
Baca selengkapnya »
Label: , , ,
Langganan: Komentar (Atom)