arul-id.com: HTML

Showing posts with label HTML. Show all posts

Friday, January 3, 2014

MENGATASI DREAMWEAVER 8/MX SERING CRASH PADA WINDOWS 7

6:12 PM arul No comments

Pernah mengalami Macromedia Dreamweaver 8 tiba-tiba menutup sendiri (crash) ketika Anda melakukan browsing file pada Windows Vista atau Windows 7. Beberapa contoh kasus :

Menggunakan menu File > Open untuk membuka sebuah file pada media penyimpanan (harddisk maupun flashdisk).
Menyisipkan gambar dengan menggunakan file browser untuk memilih gambar tersebut.
Membuat hyperlink dengan menggunakan file browser untuk memilih file target.
Membuat site definition dengan menggunakan file browser untuk memilih local root folder atau remote folder.

Biasanya, Dreamweaver 8 juga dapat crash dikarenakan hal-hal berikut :

Kotak dialog file browsing muncul.
Membuka dua tingkat folder atau lebih (sub folder).
Menyisipkan 4 (empat) buah gambar.
Anda meninggalkan kotak dialog file browsing dalam keadaan terbuka dalam kurun waktu tertentu.

Alasannya :

Masalah-masalah Dreamweaver 8 di atas terjadi karena adanya konflik antara Dreamweaver 8 dengan komponen Groove dari Microsoft Office 2007 yang di install pada Windows Vista atau Windows 7 (untuk Windows XP tidak ditemukan masalah). Microsoft Office Groove tersebut hanya disertakan pada MS Office Ultimate 2007 dan MS Office Enterprise 2007.

Solusinya :

Masalah tersebut dapat di atasi dengan cara men-uninstall Microsoft Office Groove 2007 pada PC Anda.

Langkah-langkah Uninstall MS Office Groove 2007 :

Klik Start > Control Panel.
Pilih Uninstall a program

Pilih Microsoft Office Enterprise 2007, kemudian klik Change.

Pilihan yang dipilih adalah Add or Remove Features, kemudian klik tombol Continue

Anda akan menjumpai jendela seperti di bawah ini, dimana Anda bisa menginstall semua paket yang ada di MS Office 2007, kecuali Microsoft Office Groove (ditandai silang).

Untuk memilih semua paket installasi, klik tombol dropdown pada Microsoft Office, pilih Run all from My Computer.

Untuk menghilangkan paket installasi Microsoft Office Groove, klik tombol dropdown pada Microsoft Office Groove, pilih Not Available.

Terakhir klik tombol Continue, tunggu sampai proses konfigurasi selesai (klik tombol Close, restart PC Anda jika diperlukan).

Sumber : http://helpx.adobe.com/dreamweaver/kb/dreamweaver-8-crashes-browsing-files.html

Membuat Layout web 3 kolom

1:04 AM arul No comments

Terkadang saat kita akan membuat sebuah web pasti hal yang patut dipikirkan adalah tampilan atau layout dari web yang akan kita buat, banyak sekali contoh-contoh di googling bahkan free template HTML yang tersedia di berbagai situs, tapi terkadang cara-cara yang ada membinggungkan kita, oke berikut akan memberikan tehnik sederhana pembuatan layout web 3 kolom dengan mudah dan semoga dapat dikembangkan,

Layout
Pertama kita harus tahu dan mengerti pondasi dari layout yang akan kita buat. Hal ini menjaga agar tidak ‘tersesat’ di kode-kode kita sendiri dan memudahkan kita . Berikut ini adalah struktur layout.

<div id="container">
<div id="header"></div>
<div id="sideleft"></div>
<div id="middle"></div>
<div id="sideright"></div>
<div id="footer"></div>
</div>

Dan di bawah ini adalah struktur layout kita dalam CSS:

body { }
#container { }
#header { }
#sideleft { }
#middle { }
#sideright { }
#footer { }

Ok kita sudah punya cetak birunya, sederhana bukan? Strukturnya mudah dipahami begitu kita melihatnya. Selanjutnya kita akan bangun arsitektur layout kita berdasarkan cetak biru diatas.

The Architecture

Buka text editor anda, lalu buatlah file baru. Copy dan paste kode-kode berikut ke dalamnya, lalu save dengan nama layout.html (nama terserah).

<!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>How to Build 3 Column Layout in A Good Way</title>
<link rel="stylesheet" href="layout.css" type="text/css" media="screen" />
</head>
<body>
<div id="container">
    <div id="header">
      <h2>This is Header</h2>
    </div>
    <div id="sideleft">
      <h3>Title Menu</h3>
      <ul>
        <li><a href="#" title="Menu">Menu</a></li>
        <li><a href="#" title="Menu">Menu</a></li>
        <li><a href="#" title="Menu">Menu</a></li>
        <li><a href="#" title="Menu">Menu</a></li>
      </ul>
    </div>
    <div id="middle">
      <h1>This is Title</h1>
      <p>Paragraph goes here..</p>
      <h2>This is Sub Title</h2>
      <p>Paragraph goes here..</p>
      <h2>This is Sub Title</h2>
      <p>Paragraph goes here..</p>
    </div>
    <div id="sideright">
      <h3>Title Menu</h3>
      <ul>
        <li><a href="#" title="Menu">Menu</a></li>
        <li><a href="#" title="Menu">Menu</a></li>
        <li><a href="#" title="Menu">Menu</a></li>
        <li><a href="#" title="Menu">Menu</a></li>
      </ul>
    </div>
    <div id="footer">
      <h4>This is Footer</h4>
    </div>
</div>
</body>
</html>

Dengan text editor anda, buatlah 1 file baru lagi. Copy dan paste kode-kode berikut ke dalamnya, lalu save dengan nama layout.css. Letakkan kedua file pada folder yang sama.

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

#container {
width: 900px; /* Set the value to fit your needs. */
margin: auto;
}

#header {
height: 100px; /* Set the value to fit your needs. */
border: 1px solid #000;
clear: both;
}

#sideleft {
float: left;
width: 170px; /* Set the value to fit your needs. */
margin: 10px 0;
padding: 10px;
border: 1px solid #000;
}

#middle {
float: left;
width: 474px; /* Set the value to fit your needs. */
margin: 10px;
padding: 10px;
border: 1px solid #000;
}

#sideright {
float: right;
width: 170px; /* Set the value to fit your needs. */
margin: 10px 0;
padding: 10px;
border: 1px solid #000;
}

#footer {
height: 40px; /* Set the value to fit your needs. */
border: 1px solid #000;
clear: both;
}

Lalu buka file layout.html dengan menggunakan browser.
Kita akan mendapatkan hasil mirip gambar berikut:

Dasar-dasar HTML

11:46 PM arul 1 comment

Melalui modul ini, penyusun berusaha mengenalkan dasar‐dasar dari HTML, PHP dan MySQL untuk membangun suatu situs web. Buku ini sebagian besar menyajikan berbagai contoh program yang disusun secara terstruktur dari tingkat dasar, menengah, sampai yang kompleks.
Dengan adanya contoh‐contoh program tersebut, diharapkan pembaca dapat mempraktekkannya secara langsung dan dapat menyimpulkan sendiri maksud dari setiap perintah dalam program dengan cara melihat hasil yang ditampilkan di layar browser di akhir buku ini, disajikan contoh yang lebih nyata, yaitu aplikasi situs berita sederhana yang dapat dikembangkan lebih lanjut.

DOWNLOAD MATERI DI BAWAH INI :

Modul HTML 2011