June 2, 2007

Lima Alasan untuk me-Redesign dengan CSS

Filed under: .:Tutorial:.

Banyak pemilik usaha kecil tidak berkeinginan website-nya di-redesign. Mereka punya keyakinan “jika tidak bermasalah ya tidak perlu diperbaiki”. Memang ini dapat dimaklumi. Kecuali anda berorientasi pada bisnis Internet dan ingin memiliki website yang lebih powerful, hari demi hari, maka anda membutuhkan redesign.

Dan sebagai pemilik usaha kecil, anda lebih mengedepankan biaya yang lebih ekonomis untuk me-redesign website anda. Namun sekali anda memahami bahwa sebuah redesign dapat membantu meningkatkan pengunjung website anda, anda akan merasa sangat aman menginvestasikan untuk bisnis anda itu.

Tables-Based HTML (Web Design cara Lama)

Dulu, mesin fax merupakan cara terbaik untuk mengirim dokumen. Tapi, saat ini dengan email, kita dapat lebih leluasa mengirim dokumen apapun termasuk tanda-tangan digital. Dengan mesin fax, dokumen yang terkirim tidak terlalu sempurna dan mudah hilang. Dengan email, penerima dapat memilih untuk membacanya atau disimpan secara online, atau men-cetaknya ke printer. Tidak dibutuhkan line telpon secara terpisah untuk mesin fax, hemat ruang, toner, kertas fax dan bebas dari suara berisik dari mesin fax.

Website dengan design berbasis table layaknya seperti mesin fax. Memang sebelumnya table-table merupakan cara terbaik untuk meng-generate informasi melalui web. Namun seperti halnya membuang-buang kertas, dan tinta, table meninggalkan suatu keinginan. Para designer terbentur oleh table-table karena hanya dapat menampilkan informasi dalam sebuah table-table yang kaku. Dengan Cascading Style Sheets design web dapat lebih bersih, lebih professional dan dapat lebih mudah dikembangkan lebih kreatif dibandingkan dngen HTML berbasis table.

Cascading Style Sheets (Web Design Cara Baru)

Cascading Style Sheets memisahkan antara elemen layout dan content-nya. CSS memungkinkan web designer untuk melakukan format layout dan style (font, space, ukuran text, warna, dan lain-lain) dari beberapa halaman web dengan menggunakan satu file saja, hal ini dapat mempercepat dan lebih mudah merubah-ubah layout dan style dari sebuah maupun beberapa halaman web sekaligus tanpa harus mengeditnya langsung ke dalam halaman web satu persatu.

Tapi bukan hanya web designer dan web developer saja yang diuntungkan dari CSS ini. Sebagai pengusaha juga mendapatkan keuntungannya.

5 Alasan Kuat untuk Redesign Website dengan CSS

1. Citra dan Keindahan

Dengan CSS website akan terlihat lebih bersih, modern. Hal ini akan memperkuat citra sebuah perusahaan dan meninggkalkan daya tarik yang positif kepada para pengunjungnya. Para pakar perilaku konsumen mengatakan, bahwa dengan banyaknya produk-produk yang sama dan sedikitnya pengetahuan dan pengalaman terhadap produk-produk tersebut maupun terhadap perusahaannya. Nah, konsumen seperti inilah yang akan berpikiran pendek untuk melakukan pembelian dengan hanya membandingkan daya tarik dari sebuah website yang lebih professional dan modern.

2. Lebih Baik dalam Penggunaan

CSS juga mengurangi jumlah kode HTML yang dibutuhkan oleh sebuah website. Table dan tags extra untuk font dan warna akan menyebabkan halaman lebih lambat di-load. Semakin lama halaman website anda di-load, akan memperbesar kemungkinan seorang pengunjung akan meng-klik tombol “Back”, atau bahkan akan melompat ke website lainnya.

3. Kemudahan Akses

Saat ini banyak komunikasi wireless memudahkan untuk surfing Internet dengan menggunakan PDA dan Ponsel. Layout dengan table tidak akan terlihat secara keseluruhan pada layar yang kecil. Padahal sebuah website bisnis ingin dapat mudah diakses oleh siapapun, dimanapun sekarang dan masa mendatang membutuhkan sebuah website yang dapat ditampilkan juga pada alat komunikasi mobile.

CSS design lebih mudah ditampilkan pada layar kecil dan memperkecil kemungkinan masalah yang terjadi dalam tampilannya pada alat komunikasi mobile yang kecil.

4. Keuntungan Search Engine

Diperkirakan sampai dengan 80% dari pembelian online dimulai dengan search engine. Dan sebuah industri mendedikasikan untuk mendapatkan ranking tertinggi dalam search engine pada keyword spesifik sehingga dapat mengambil keuntungan dari kekuatan search engin untuk meningkatkan penjualan.

Relevansi dari sebuah halaman web terhadap keyword pencarian yang ditetapkan oleh elemen HTML seperti tags title dan tag head, content masih “raja” karena pengunjung mencari content, bukan kode HTML. Ketika anda memiliki website dengan rasio lebih banyak kode HTML nya dibandingkan dengan content nya, maka keyword spesifik yang anda miliki akan dilemahkan oleh instruksi-instruksi HTML. Dengan CSS, tidak ada lagi table, dan format informasi terdapat dalam satu style sheet. Maka search engine akan melihat lebih banyak keyword daripada kode HTML nya.

Search engine akan lebih dan lebih menyukai untuk meng-index lebih dalam lagi website anda dan mengirim anda lebih banyak pengunjung.

5. Bandwidth

Cascading Style Sheets dapat menghemat uang anda dan meningkatkan pengunjung di sisi lain. “Bandwidth” merupakan jumlah traffic website yang digunakan oleh setiap pengunjung yang mengunjungi website anda. Tidak hanya pengunjung, spider search engine pun memakan bandwidth juga. Semakin banyak kode HTML yang anda gunakan, semakin banyak bandwidth yang anda gunakan.

 

<<http://www.webbiru.com/2007/04/18/lima-alasan-untuk-me-redesign-dengan-css.html>> 

Upload File dengan PHP MySQL

Filed under: .:Tutorial:.

Menggunakan PHP untuk mengupload file ke dalam database MySQL kadang dibutuhkan oleh beberapa aplikasi berbasis web. Sebagai contoh untuk menyimpan file-file pdf atau gambar untuk membuat tempat penyimpanan yang bersifat online.

Untuk membuat aplikasi upload ini, langkah pertama buatlah sebuah table dengan menggunakan phpMyAdmin atau langsung dari mysql shell command:

CREATE TABLE upload (
id INT NOT NULL AUTO_INCREMENT,
name VARCHAR(30) NOT NULL,
type VARCHAR(30) NOT NULL,
size INT NOT NULL,
content MEDIUMBLOB NOT NULL,
PRIMARY KEY(id)
);

Kemudian buatlah form untuk upload filenya

<form method="post" action="upload.php" enctype="multipart/form-data">
<table width="350" border="0" cellpadding="1" cellspacing="1" class="box">
<tr>
<td width="246">
<input type="hidden" name="MAX_FILE_SIZE" value="2000000">
<input name="userfile" type="file" id="userfile">
</td>
<td width="80"><input name="upload" type="submit" class="box" id="upload" value=" Upload "></td>
</tr>
</table>
</form>

Form upload harus terdapat encytype="multipart/form-data" jika tidak maka tidak akan bekerja. Dan form method gunakan method="post". Gunakan input hidden MAX_FILE_SIZE sebelum file input. Akan membatasi ukuran file yang akan diupload.

Kemudian buatlah file untuk menerima kiriman variable post dari form upload file.
<?php
if(isset($_POST[’upload’]) && $_FILES[’userfile’][’size’] > 0)
{
$fileName = $_FILES[’userfile’][’name’];
$tmpName = $_FILES[’userfile’][’tmp_name’];
$fileSize = $_FILES[’userfile’][’size’];
$fileType = $_FILES[’userfile’][’type’];

$fp = fopen($tmpName, ‘r’);
$content = fread($fp, filesize($tmpName));
$content = addslashes($content);
fclose($fp);

if(!get_magic_quotes_gpc())
{
$fileName = addslashes($fileName);
}

include ‘library/config.php’;
include ‘library/opendb.php’;

$query = “INSERT INTO upload (name, size, type, content ) “.
“VALUES (’$fileName’, ‘$fileSize’, ‘$fileType’, ‘$content’)”;

mysql_query($query) or die(’Error, query failed’);
include ‘library/closedb.php’;

echo “<br>File $fileName uploaded<br>”;
}
?>

Bila ingin membuat aplikasi dengan spesifikasi file yang lebih besar, seperti file mp3, film, dan file-file besar lainnya, ada beberapa setting yang perlu diubah dari Web Server (php.ini), MySQL (my.cnf)

php.ini
upload_max_filesize = 127M
post_max_size = 127M
max_execution_time = 360

my.cnf
[mysqld]
max_allowed_packet = 127M

Cool Web Designs - Why Color is the Key Element

Filed under: .:Tutorial:.
You might also have invested in some really great pictures or images on your site. I’m afraid this will carry zero influence on your visitor’s instant opinion. You might think if you make an unrepeatable offer, that your visitor is bound to be swayed by that! I’m sorry, the instant opinion clicks in, and your brilliant offer lies unseen. This is because the second your page is displayed your subconscious mind goes to work, and the instant opinion begins to form. By now, you are probably wondering just what it is that has this power. Exactly what can have an immediate reaction in your site visitors. You may have already worked out that the answer is colors. It is the color scheme used on your website which causes your page visitors to create that instant opinion.
You may not realize it, but many of your website visitors form an immediate opinion about you and your website. They can’t help themselves. Their instant opinion is formed in their subconscious mind. You might wonder why this happens. This reaction comes regardless of the words and text on your web pages. The visitor need not read a single word, and yet they will form their instant opinion.

The reason this happens is because we all react psychological and intuitively to colors. There isn’t anything we can do about this. Colors has an affect on each of us. As you will know, millions are spent by big companies in deciding the correct colors of new products and in their marketing campaigns. What they fully understand is the psychological power of colors. And they use this to the maximum in their promotions. The right colors can be the critical factor in the success of big company products. What webmasters have to realize, and this can be very important, is that the same color psychology applies to our web pages.

The color scheme on your web pages can tell your visitor different things. The colors could convey a negative message, in which case be prepared for your visitors to leave your site very quickly. If you’re selling a product from your web page, it wouldn’t matter how smart your sales messages are, it’s possible that they won’t be read anyway. The good news, however, is that you can use colors to engender a really positive reaction. This isn’t a new discovery. The psychological power of colors is well known in the offline marketing world. It’s been around with us for decades. No matter who we are, emotions are conveyed to our subconscious through the use of colors.

What we need to do in our website design is to ensure the color combination on our web pages convey a positive feelings. If you do this, then you will be conveying a trust, sense of belonging and warmth. The last thing you would want to do is convey feelings of rejection, distrust and coolness. The following list of colors indicates the feelings and emotions with which they are associated:

RED Excitement, sense of power, leadership, love, danger, energy, strength etc

ORANGE Cheerfulness, courage, confidence, comfort, steadfastness, playfulness, friendliness etc

YELLOW Organization, caution, amusement, brightness, curiosity, intelligence, joy etc

GREEN Money, food, health, healing, nature, life, harmony etc

BLUE Acceptance, tranquility, patience, peace, trustworthiness, stability, love etc

PURPLE Ambition, dignity, royalty, independence, wisdom, luxury, nobility etc

BROWN Tribal, earthiness, nature, durability, comfort, primitive, reliability etc

BLACK Sophistication, style, elegance, health, formality, power, dramatic etc

WHITE Simplicity, innocence, purity, fresh, cleanliness, easy, goodness etc

In summary, the color scheme you use on your web pages need to be reflected by the product or offering you make. What happens is that the subconscious mind of your visitor will attempt to reconcile the colors with the message. If it can’t, it will lose interest. And you will lose your visitor. You should spend time in determining what are the right colors for your web pages. Try and make sure your colors and message are in harmony. If you do this, your website will produce the results you’re looking for. Be aware, your color scheme can cause your website to make a profit or a loss.
About the Author

Brian McGregor is an internet entrepreneur and business consultant, and author of the ebook CASH COLORS. If the topic of cool web designs is of interest to you, CASH COLORS shows how to make your web page colors work for you, as opposed to against you. http://www.cash-colors.com