Melanjuti artikel Sebelumnya tentang membuat CMS, kali ini saya akan membahas mengenai Front End. Umumnya CMS selalu memiliki Front End dan Backend, dimana Front End untuk akses public sedangkan Back End untuk akses administrator dan management.
Sesuai dengan database yang kita buat pada artikel sebelumnya terdapat tabel
`cms_content_category` dan tabel `cms_content` dalam pembahasan kali ini CMS yang akan kita buat kurang lebih bertipikal BLOG (Web Log)
Ok, Siapkan software text editor favorit kamu. Mari mulai ber-coding ria :) walaupun saat ini banyak software GUI untuk membuat layout tapi mengapa saya lebih memilih untuk menggunakan text editor, hal ini mengingat dan mempertimbangkan saat publis online nanti sebagian besar editor (jika ingin mengedit online) menggunakan text-base.
1. File index.php (layout)
Layout ini bisa dikembangkan sendiri sesuai dengan selera, saat ini lagi tren dengan gaya DIV apalagi dengan adanya AJAX kayaknya DIV sudah menjadi favorit walaupun untuk kondisi tertentu saya masih lebih suka menggunakan TABLE TR TD. Baiklah saya akan coba juga sedikit bereksperimen :) dengan menggunakan DIV
<!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>MY CMS</title>
<style type="text/css">
body {
margin-left:30px;
margin-bottom:30px;
margin-top:30px;
margin-right:30px;
background-color:#000000;
}
#atas {
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
background-color:#00FFFF;
width:870px;
height:80;
position:absolute;
left:30px;
top:30px;
}
#atas h1 { font-size:16pt; text-align:center; }
#kiri {
border-color:#006600;
border-style:solid;
border-width:1px;
background-color:#00FF00;
width:150px;
position:absolute;
top:100px;
left:30px;
}
#kanan {
border-color:#006600;
border-style:solid;
border-width:1px;
background-color:#00FF00;
width:700px;
position:absolute;
top:100px;
left:200px;
}
</style>
</head>
<body>
<div id="atas">
<h1>WELCOME TO MY CMS</h1>
</div>
<div id="kiri">KIRI</div>
<div id="kanan">KANAN</div>
</body>
</html>
mna lanjutannya lagi? kok cuma segini doank..
BalasHapusfungsi dari databse sebelumnya apa??