RSS
Tidak ada Yang Tidak Mungkin Untuk Orang Yang Mau Berusaha
Text Select Onion Kun

Selasa, 01 Mei 2012

Konfigurasi MYSQL pada Win 7



Tools yang saya gunakan adalah:
mysql-5.0.41-win32 SQL Tools | sebagai database
mysql-gui-tools-5.0-r12-win32 | sebagai Graphic User Interafce

Saya akan memaparkan bagaimana cara konvigurasi dan men-STOP MySQL di Windows 7.



Konvigurasi MySQL:

Instal kedua program di atas, tidak sesuai urutan juga tidak apa-apa, lalu ikuti tahap berikut:
Ketika selesai menginstal MySQL server-nya maka akan muncul tampilan seperti berikut, lalu ceklis kotaknya, Finish.




MySQL Server 5.0
lalu akan muncul tampilan berikut, jika tidak, buka saja secara manual.




Configuration Wizard
lalu tekan next, pilih “Standar Con..“, next
pilih service name MySQL (default), next
jika Anda tidak mau menggunakan password maka un-check kotak “Modify Se..“, next
Execute. Selesai…

men-STOP MySQL:

Jika kita instal MySQL pada Windows XP kita bisa langsung men-STOP-nya tapi kalau kita menggunakan Windows 7 kita harus membuka MySQL Administrator denagn cara klik kanan lalu pilih “Run as Administrator”, dengan begitu kita dapat men-STOP-nya…


MySQL Administrator

Sumber: http://dev.mysql.com/downloads/

Format Text Pada HTML

Untuk format teks tentang bagaimana membuat paragraf dan baris baru 

Sebagai contoh tag <b> alternatifnya bisa menggunakan tag <strong> atau atribut style dengan properti font-weight.
<p><strong>Tulisan ini tebal</strong></p> <p style="font-weight:bold">Tulisan ini juga tebal</p>
Hasil:
Tulisan ini tebal
Tulisan ini juga tebal
Untuk tag <strike> (teks tercoret) dan tag <u> (underline) dapat diganti dengan properti text-decoration.
<p style="text-decoration:line-through;">Contoh teks tercoret</p> <p style="text-decoration:underline;">Contoh teks dengan garis bawah</p>
Hasil:
Contoh teks tercoret
Contoh teks dengan garis bawah
Berikut adalah contoh text-decoration yang lainnya.
<p style="text-decoration:overline;">Contoh teks dengan garis atas</p> <p style="text-decoration:blink;">Contoh teks berkedip</p>
Hasil:
Contoh teks dengan garis atas
Contoh teks berkedip
Untuk mengubah teks dari huruf besar ke huruf kecil dan sebaliknya digunakan properti text-transform.
<p style="text-transform:uppercase">tulisan ini aslinya adalah huruf kecil dengan text-transform:uppercase semuanya menjadi huruf besar.</p>
Hasil:
TULISAN INI ASLINYA ADALAH HURUF KECIL DENGAN TEXT-TRANSFORM:UPPERCASE SEMUANYA MENJADI HURUF BESAR.
<p style="text-transform:lowercase">TULISAN INI ASLINYA ADALAH HURUF BESAR DENGAN TEXT-TRANSFORM:LOWERCASE SEMUANYA MENJADI HURUF KECIL.</p>
Hasil:
tulisan ini aslinya adalah huruf besar dengan text-transform:lowercase semuanya menjadi huruf kecil.
<p style="text-transform:capitalize">text-transform:capitalize akan membuat setiap huruf di awal kata menjadi huruf besar.</p>
Hasil:
Text-Transform: Capitalize Akan Membuat Setiap Huruf Di Awal Kata Menjadi Huruf Besar.
Kemudian untuk memposisikan teks digunaka properti text-align
<p style="text-align:left">Membuat teks ke kiri</p> <p style="text-align:center">Membuat teks di tengah</p> <p style="text-align:right">Membuat teks ke kanan</p>
Hasil:
Membuat teks ke kiri
Membuat teks di tengah
Membuat teks ke kanan
Gunakan style yang sama untuk membuat tulisan rata kiri, di tengah dan rata kanan dan untuk membuat rata kiri dan kanan ganti nilai atau value-nya dengan justify.
<p style="text-align:justify">Lorem ipsum dolor sit amet, habitasse feugiat malesuada nulla volutpat nibh, elementum cursus leo arcu tincidunt at rutrum, a imperdiet eu pellentesque nunc in. Augue suscipit, vel nulla ipsum nulla id, mauris cras nisl feugiat augue, natoque arcu bibendum nisl vitae luctus curabitur. Ut vestibulum, lectus neque commodo sapien.</p>
Hasil:
Lorem ipsum dolor sit amet, habitasse feugiat malesuada nulla volutpat nibh, elementum cursus leo arcu tincidunt at rutrum, a imperdiet eu pellentesque nunc in. Augue suscipit, vel nulla ipsum nulla id, mauris cras nisl feugiat augue, natoque arcu bibendum nisl vitae luctus curabitur. Ut vestibulum, lectus neque commodo sapien.

Membuat Background pada HTML


Untuk membuat background dengan warna di gunakan properti background-color.
Membuat background di halaman website dengan warna:

<body style="background-color:yellow">...</body>

Contoh di dalam dokumen HTML:

   

<html> 
<head></head> <body style="background-color:yellow"> 
<h1>Contoh membuat background warna dengan atribut style background-color.</h1> </body></html>
 


Hasil: lihat Preview
Contoh background di dalam tag HTML:


<p style="background-color:aqua">Paragraf dengan background aqua</p>

Hasil:
Paragraf dengan background aqua
Untuk nilai dari properti background-color tersebut kita bisa menggunakan kode RGB, Hexadecimal maupun Nama Warna.


<p style="background-color:rgb(127,255,212)">Warna background menggunakan kode RGB</p> <p style="background-color:#7fffd4">Warna background menggunakan kode Hexadecimal</p> <p style="background-color:aquamarine">Warna background menggunakan Nama Warna</p>

Hasil dari ketiga kode HTML diatas akan sama:
Warna background menggunakan kode RGB
Warna background menggunakan kode Hexadecimal
Warna background menggunakan Nama Warna
Klik link berikut untuk melihat kode hexadecimal dan nama warna, untuk RGB dapat menggunakan tool kode warna RGB.
Untuk membuat background dengan gambar di gunakan properti background-image.
Membuat background dengan gambar di dokumen HTML:
<body style="background-image:url(lokasi dan nama gambar)">...</body>
background
Sebagai contoh kita akan menggunakan gambar di samping (background.jpg) untuk membuat background di dokumen HTML, ukuran gambar tersebut adalah 100px X 100px :
   

<html> 
<head></head> <body style="background-image:url(background.jpg)"> 
<h1>Contoh membuat background gambar dengan atribut style background-image.</h1> </body></html>
 

Hasil: lihat Preview
Maka secara otomatis browser akan mengisi penuh halaman website dengan gambar tersebut secara berulang (repeat) baik secara vertikal maupun horizontal.
Dengan adanya pengulangan ini maka dengan gambar ukuran 1 x 2px, hanya 2 titik (pixel) yaitu putih dan abu-abu kita dapat membuat background seperti berikut.
Hasil: Lihat Preview
Untuk pengaturan pengulangan tersebut dapat menggunakan properti background-repeat dengan nilai atau value: no-repeat, repeat, repeat-x dan repeat-y.
Contoh jika kita ingin membuat pengulangan secara horizontal maka kita dapat menambah kode repeat-x ke dalam contoh diatas:
<body style="background-image:url(background.jpg);background-repeat:repeat-x;">...<body>
Hasil: lihat Preview
Sedangkan untuk pengulangan secara vertikal kita tambahkan kode repeat-y:
<body style="background-image:url(background.jpg);background-repeat:repeat-y;">...<body>
Hasil: lihat Preview
Anda bisa melakukan latihan selanjutnya dengan mengganti gambar dan nilainya.
Untuk memposisikan background digunakan properti background-position dengan value top=atas, right=kanan, bottom=bawah left=kiri dan center=tengah atau dengan nilai x dan y.
Sebagai contoh kita akan menggunakan gambar berikut yang berukuran 800px X 1px dengan nama bg-example.png.
bg-example
Kita akan membuat agar gambar tersebut berada tepat ditengah dokumen dengan pengulangan (repeated) secara vertikal.
<body style="background-color:#000;background-image:url(bg-example.png);background-repeat:repeat-y;background-position:center;">
Hasil: lihat Preview