Selasa, 18 Februari 2014

Membuat dropdown menu dengan css

Pada tutorial Dreamweaver kali ini saya akan mencoba memberikan penjelasan bagaimana cara membuat drop down menu yang simple dan sederhana agar bisa dan mudah dipelajari serta dikembangkan mungkin nantinya oleh para calon web developer maupun web designer yang singgah di website ilmugrafis. Sedikit penjelasan, Dropdown Menu merupakan menu yang bila kita sorot dengan mouse maka menu tersebut akan memunculkan menu yang lain (sub menu). Saat ini banyak sekali yang sudah menggunakan Drop Down menu karena alasan terlihat lebih modern dan canggih, menambah keindahan website sampai menghemat space/ruang di websitenya karena dengan drop down kita bisa memberikan sub menu tersembunyi pada menu di website kita.

Ok, mari kita mencoba membuatnya:

1. Buka aplikasi dreamweaver kita, disini saya menggunakan Dreamweaver 8 karena ringan di komputer saya. Bagi yang sudah menggunakan dreamweaver CS5 bahkan CS6 tenang saja karena cara ini bisa diaplikasikan untuk semua dreamweaver
(start >> all program >> Dreamweaver)

Kamis, 30 Januari 2014

Membuat Statistik Pengunjung Menggunakan PHP


kali ini saya mau sharing tentang pembuatan statistik pengunjung, yang fungsinya adalah agar yg punya website dan pengunjung website tau berapa banyak yang mengunjungi website yg kita miliki. pada statistik pengunjung ini akan menampilkan informasi berapa banyak pengunjung website pada hari ini, berapa banyak pengunjung website kemain, bulan ini, tahun ini dan total seluruh pengunjung. dan terdapat informasi Hits Count yaitu informasi tentang berapa kali halaman pada website kita di buka oleh pengunjung, atau di refresh oleh pengunjung. dan ada juga informasi siapa saja yang sedang online saat ini.
yang harus di siapkan pertama adalah server website kita, disini saya gunakan Xampp 1.6, silahkan di aktifkan terlebih dahulu web server anda, jika sudah buat database baru dengan cara buka web browser dan ketikkan http://localhost/phpmyadmin , atau temen - temen juga bisa membuatnya dengan menggunakan software seperti Mysql-Front atau SQLYog. dan masih banyak lagi. buatlah database dengan nama misal :artikelhitcounter, jika sudah selanjutnya buat tabel konter, hitscounter, dan useronline. dan field - fieldnya bisa liat

Kamis, 09 Januari 2014

Membuat tanggal otomatis dengan php

Assalamu'alaikum wr.wb
Kali ini admin akan men-share source code PHP untuk membuat tanggal otomatis. Tanggal otomatis ini bisa berfungsi untuk memberi nilai plus situs website anda. Selain itu kita bisa mengetahui dan membantu user mengingatkan tentang tanggal saat itu , ketika buka website. langsung saja buka text editor anda, atau buka software lain seperti bluefish atau dreamweaver atau yang lain masih banyak lagi.
* Pertama ketik atau copy (terserah anda) source code dibawah ini lalu simpan dengan nama file, misalnya 'tanggal.php'.
<?php
$tanggal=date("j");
$hari=date("w");
$bulan=date("n");
$tahun=date("Y");
switch ($hari)
{

Membuat Tampilan Web Sederhana Dengan CSS

Assalamu'alaikum wr.wb
Sekarang yang di bahas adalah tentang membuat tampilan web sederhana dengan CSS ( Cascading StyleSheet ). langsung saja tampilan yang dibuat seperti ini.


Tampilan diatas adalah tampilan web yang diharapkan, langsung saja di bawah ini akan aku tuliskan sintak css nya .

Senin, 06 Januari 2014

Membuat Hightlight pada Form HTML menggunakan CSS

Bagaimana cara Membuat Hightlight pada Form HTML menggunakan CSS? - bagi sobat yang masih awam dengan dunia CSS seperti saya masih sangat butuh bimbingan, namun ketika yang membimbing tidak ada maka dengan terpaksa kita harus beelajar sendiri atau istilahnya belajar secara otodidak. Saat membuat form merasa bosan dengan tampilan yang itu-itu aja? tenang aja sob karena disini saya akan mengshare cara membuat form lebih berwarna. hehe

Untuk mengawalinya mari kita buat kode dasar dalam pembuatan form. Misalnya script dibawah ini:

<form id="form1" name="form1" method="post" action="">
  <input name="user" type="text" id="user" value="Username" />
  <input name="password" type="password" id="password" value="Password" />
  <input type="submit" name="login" id="login" value="Login" />
</form>