Membuat halaman web berada di tengah-tengah browser

posted by hisman in September 20th, 2008

category : CSS, HTML, trik

Tags: , , ,

Sebenernya ada banyak cara biar halaman web yang kita buat terlihat berada di tengah-tengah browser. Tapi saya akan jelasin satu cara aja yang sering dipake sama para web designer, dan cara ini lebih kompatibel di kebanyakan browser.

Kita mulai ya… Coba kamu salin kode ini ke notepad trus simpen dengan nama tengah.html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Tengah</title>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div id="wrapper">

<h1>berada di tengah browser khan</h1>

</div>

</body>

</html>

Selengkapnya..

No Table For Layout

posted by hisman in September 19th, 2008

category : CSS, layout

Tags: , ,

Buat kamu yang masih sering gunain tabel untuk ngedesain layout, sebaiknya mulai dari sekarang tinggalin kebiasaan kamu yang gak baek itu dan mulailah beralih ke CSS.

Kenapa?

Make tabel itu gak praktis, menyusahkan, agak maksa, denger-denger kurang search engine friendly dan yang paling penting saat ini banyak perusahaan yang menginginkan situsnya didesain dengan meminimalisir penggunaan tabel (tableless), so, daripada kamu kehilangan orderan lebih baik hijrah ke CSS…

Buat kamu yang baru belajar web design, pasti bingung apa yang saya tulis di atas… hehe…

Mari saya jelaskan… Selengkapnya..

The Layout

posted by hisman in September 18th, 2008

category : CSS, layout

Tags: , ,

Kemaren-maren, saya dah jelasin sedikit tentang background. Nah, sekarang saatnya kita bicara tentang layout.

Misalkan kamu mo bikin mading/poster nich.. Pas kamu ngebikin mading/poster tersebut kamu pasti mikirin ehm… layoutnya gimana ya?? Ehm..di sebelah sini mo di kasih apa ya, sebelah situ isinya apa ya, Yap, memang dalam desain mendesain sesuatu itu yang pertama kali dipikirin itu biasanya layoutnya mo gimana..

Begitu juga dalam mendesain sebuah web, kamu juga harus mikirin layoutnya gimana. Misal headernya mo ditaruh di mana, trus sidebarnya di mana, menunya, contentnya. Yah macem-macem dech…

Dalam CSS sendiri ada banyak property yang bisa digunakan untuk membuat layout dari web. Dan biasanya gak semua property itu dipake. Para web designer biasanya hanya memakai property yang diperlukan aja dan antara satu web designer dengan yang lain biasanya ada perbedaan dalam penggunaannya. Yah tergantung kreativitas masing-masinglah…

Property-property untuk layout gak akan saya jelasin di postingan ini, karena takutnya ntar postingan ini malah jadi kepanjangan,hehe (bilang aja males…) tapi akan saya jelasin sambil praktek di postingan-postingan selanjutnya…

Oke kembali ke layout lagi ya… Sebenernya sich ada beberapa layout standar. Standar disini maksudnya sering dipake orang-orang… ini contohnya (klo gak keliatan gambarnya di klik aja biar gede) :

Klo kamu liat emang layout-layout itu sangat standar sekali ya.. blog saya ini juga tergolong yang standar juga…

Tapi klo kamu kreatif kamu bisa bikin layout yang aneh-aneh, tapi harus tetap user friendly ya…

Sudah Saatnya untuk Fokus…

posted by hisman in September 14th, 2008

category : curhat

Tags: ,

Kuliah di jurusan informatika bagi saya adalah kesenangan dan kadang bisa bikin pusing, karena tiap hari saya harus bergelut dengan yang namanya coding, banyak bahasa yang mesti dikuasai, contohnya aja semester kemaren baru bisa pascal dikit-dikit, eh sekarang sudah harus beralih lagi ke C …

Emang sih, ketika sudah mulai menguasai suatu bahasa dan berhasil membuat sebuah program sendiri pasti akan muncul kepuasan tersendiri (kepuasan seorang programmer).
Dan, pada tingkat satu pernah muncul gejolak pada diri saya yang ingin mempelajari,menguasai dan mendalami semuanya. Terlebih ketika saya sudah sedikit menguasai lebih dari satu bidang. Pas itu juga saya sudah mengumpulkan berbagai macam ebook yang siap dibaca (walaupun sampe sekarang gak ada yang dibaca :p).

Namun, seiring berjalannya waktu, segala keterbatasan itu muncul. Mulai dari waktu untuk belajar yang semakin lama semakin dibatasi dengan berbagai aktivitas2 dan tugas2 kuliah yang menumpuk dan harus diselesaikan, hingga kemampuan otak yang memang terbatas. Selengkapnya..

Bermain-main dikit lagi dengan background

posted by hisman in September 11th, 2008

category : CSS, background, webdesign

Tags: ,

Oke, saya sudah menjelaskan sedikit tentang background. Nah, sekarang saatnya memulai pengaplikasiannya.

Pada contoh pengaplikasian background ini kemungkinan gak akan banyak-banyak contoh. Klo kamu masih kurang, silakan explore sendiri aja ya…

Kita mulai ya…

Misal, saya punya kode HTML kayak gini:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Latihan Background</title>
</head>
<body>
<h2>Contoh Pengaplikasian Background</h2>
<div id="bg1">
</div>
<div id="bg2">
</div>
</body>
</html>

Saya akan akan mencoba menambahkan background pada tag h2 dan tag div. ini adalah kode CSSnya : Selengkapnya..

copyright © 2010 hisman.org | web design and icon by hisman