Pada Kesempatan kali ini , kita akan belajar bagaimana menampilkan sebuah website sederhana di Codeigniter.
langkah 1 : Kita masik dalam CodeIgniter—> latihan_1. Di mana kita menyimpanya di Server Xampp.–>htdocs –> latihan_1. Seprti gmbar Berikut ini
<html>
<head>
<title>Halaman Utama</title>
</head>
<div class="header">
<header> <h1> <center> Welcome To Header </h1> </header> <center>
<head>
<title>Header</title>
<style type="text/css">
::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
body {
background-color: #fff;
margin: 40px;
font: 13px/20px normal Helvetica, Arial, sans-serif;
color: #4F5155;
}
a {
color: #003399;
background-color: transparent;
font-weight: normal;
}
h1 {
color: #444;
background-color: transparent;
border-bottom: 1px solid #D0D0D0;
font-size: 19px;
font-weight: normal;
margin: 0 0 14px 0;
padding: 14px 15px 10px 15px;
}
code {
font-family: Consolas, Monaco, Courier New, Courier, monospace;
font-size: 12px;
background-color: #f9f9f9;
border: 1px solid #D0D0D0;
color: #002166;
display: block;
margin: 14px 0 14px 0;
padding: 12px 10px 12px 10px;
}
#body {
margin: 0 15px 0 15px;
}
p.footer {
text-align: right;
font-size: 11px;
border-top: 1px solid #f0f0f0;
line-height: 32px;
padding: 0 10px 0 10px;
margin: 20px 0 0 0;
}
#container {
margin: 10px;
border: 1px solid #D0D0D0;
box-shadow: 0 0 8px #D0D0D0;
}
</style>
<div class="menu-wrap">
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">Kumpulan Articel</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<h2> di atas Merupakan cara menampilkan :<i><p> header, content, menu, dan footer </i> di CodeIgniter (CI)
</h2>
<footer class="mbr-section mbr-section--relative mbr-section--fixed-size" id="footer1-2" style="background-color: rgb(68, 68, 68);">
<div class="mbr-section__container container">
<div class="mbr-footer mbr-footer--wysiwyg row">
<div class="col-sm-12">
<font color="white"> <p class="mbr-footer__copyright">Copyright © 2016 || TEKNIK IINFORMATIKA <p align="right"> isnawaty Ibrahim </a></p>
</font>
</div>
</div>
</div>
</html>
Tidak ada komentar:
Posting Komentar