sharing lessons children TKJ (WEB) Part 2 of 3 ~ Xiorin

Rabu, Desember 18, 2013

sharing lessons children TKJ (WEB) Part 2 of 3

Assalamualaikum.wr.wb

Hai hai kita ketemu lagi teman , sesuai dengan janji admin , admin bakal ng-share tentang pelajran produktif TKJ yaitu WEB.

Pelajaran WEB disin sangat beragam teman di sini anak anak TKJ bakalan di suruh atau mempelajari tentang membuat,mendesign dll.

Nah kali ini admin bakal ng-share gimana sih cara membuat tampilan cms berbasis php yang sederhana tapi bisa dikembangkan . yuk langsung aja …

1. Membuat Tabel modul pada database cms

Struktur tabel :

Isikan data pada tabel modul dengan data berikut ini:

2. Merancang Desain Tampilan Login

Teknik yang digunakan untuk mengatur layout dari desain adalah CSS, pada bagian atas diberi identitas #header yang berisi gambar header.jpg, bagian tengah diberi identitas #content berisi skrip form_login.php, dan bagian bawah diberi identitas #footer. Untuk lebih jelasnya, buatlah dua buah skrip berikut:

File adminstyle.css (simpan di folder cms/config):

body{

text-align : center;

font-family : Tahoma;

}

#header {

position : relative;

margin-right : auto;

margin-left : auto;

background-image : url(../admin/images/header.jpg);

background-repeat : no-repeat;

width : 780px;

border : 2px solid #555c62;

padding-top : 70px;

text-align : left;

}

#content {

margin-left : 180px;

padding : 160px 10px 0 0;

}

#footer {

padding : 50px 0 0px 255px;

font-size : 80%;

color : #FFFFFF;

background-color : #555c62;

}

h2 {

font : normal 120% Georgia;

color : #555c62;

background-color : transparent;

border-bottom : 1px dotted #555c62;

}

File index.php (simpan di folder cms/admin):

<html>

<head>

<title>:: MEMBUAT CMS ::</title>

<link href="../config/adminstyle.css"

rel="stylesheet" type="text/css" />

</head>

<body>

<div id="header">

<div id="content">

<img src="images/gembok.png" hspace="20" align="left">

<?php include "form_login.php"; ?>

<p> </p>

</div>

<div id="footer">

</div>

</body>

</html>

File header.jpg dan gembok.png merupakan gambar yang perlu disiapkan dan disimpan di folder cms/admin/images/.

Sekarang jalankan di browser, ketikkan: http://localhost/cms/admin

Tampilan Login CMS

selesai.

nah itu tadi membuat cms berbasis php teman. gimana sulit atau tidak ? itu tinggal dikembangkan lagi aja pasti bakalan jadi web yang bagus deh .

nah setelah postingan ini admin bakal ng-share tentang pelajaran anak anak TKJ lagi nih yaitu pelajaran JAVA.

Categories:

Xiorin

All You Need

Rabu, Desember 18, 2013