Selasa, 25 Juli 2017

Template Awal

kali ini saya akan memosting tentang pembuatan template dynamic

Pengertian

Sebuah dokumen atau file yang memiliki format preset, digunakan sebagai titik awal untuk aplikasi tertentu sehingga format tidak harus diciptakan kembali setiap kali digunakan

Alat dan Bahan :
1. Komputer / laptop.
2. Sublime Text / text editor yang lain
Tahap Pelaksanaan :

1. Buka dahulu sublime

<!DOCTYPE html>
<html>
<head>
    <title>Kerja</title>
</head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<body>

<div class="wadah">
    <div class="header">
            <h1 align="center"> BLC Telkom KPLI Klaten</h1>

    </div>
    <div class="menu">
    <ul>
        <a href="index.html?page=home">
        <li>Home</li>
        </a>
        <a href="galeri.html?page=galeri">
        <li>Galeri</li>
        </a>
        <a href="profil.html?page=Profil">
        <li>Profil</li>
        </a>
        <a href="kontak.html?page=kontak">
        <li>Kontak</li>
        </a>
        <a href="index.html?page=index">
        <li>Pendaftaran</li>
        </a>
    </ul>
</div>
<div class="kiri">
    <img src="img/AAEAAQAAAAAAAAPUAAAAJDkwYzNkNzFkLTdkMjUtNGZlMC1hNWRmLWQ5NGQxNDZmYjgxMg.png">
    <p>Selamat Datang </p>
    <hr>
    <h2>Berita</h2>
    <ul class="dropmenu">
    <li><a href="#"><li> BLC Telkom KPLI </a>
    <ul>
        <li><a href="index.html?page=linux">Linux</a></li>
        <li><a href="index.html?page=sharing">Sharing</a></li>
   
    </ul>
    </li>

</div>
    <div class="content">
<h1> WELCOME TO BLC </h1>
<img src="img/blc backlight.jpg">
<div class="footer">
    <p>&copy;copyright Mazdanangafirmandhon</p>
</div>
</div>
<style type="text/css">

   
</style>
</body>
</html> 


ini untuk tampilan index dasar template
kemudian silahkan lihat hasilnya
di mozilla maupun chromium

Referensi

-

Penutup

Mungkin itu sedikit yang saya posting, masih banyak lagi yang harus di laksanakan itu sdikit dari saya silahkan di coba



"Seekor semut yang melihat pena menulis di atas kertas. Semut hanya memandang tulisan itu ada karena pena. Padahal jika semut memandang lebih jauh ke atas, ada manusia yang menggerakkan pena itu. Sains berhenti pada pena saja, tidak melihat ada Allah yang mengatur alam ini" (Imam Ghazali)

Tidak ada komentar:

Posting Komentar