Cara menggunakan ñ di html

Question

Salam sobat ketutrare, apa kabar semuanya? . Kali ini kita akan membahas materi Pemrograman web yaitu tentang Pemisahan/pembagian sub Header, Main Content dan Footer dalam satu halaman di PHP.

Apa gunanya sub-sub divisi ini? . Biasanya coding menggunakan PHP kita menempatkan header, konten utama dan footer dalam satu halaman. php. Jadi ketika ada perubahan pada header, kami juga akan mengubah header yang lain. Jadi agar lebih mudah dalam memelihara/mengubah halaman, kita perlu membaginya

Bagaimana kita membaginya? . Pertama kita buat direktori di folder htdocs (C. \xampp\htdocs\folder_name) khususnya yang menggunakan XAMPP

Sebagai gambaran, kita membuat beberapa direktori file. php seperti gambar berikut

contoh direktori file. php yang akan digunakan Keterangan

1. Folder rkh adalah folder utama yang dibuat di direktori C. \xampp\htdocs\rkh.

2. Folder admin adalah folder untuk menempatkan template konten utama untuk admin

3. Folder template adalah folder yang akan berisi template header dan template footer

Selanjutnya, kita buat file header_admin. php yang kita tempatkan di folder template. Kami merencanakan desain template header. Pada contoh berikut adalah potongan kode yang merepresentasikan template_header. php

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>RKH | Rencana Kerja Harian</title>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.5 -->
    <link rel="stylesheet" href="../aset/bootstrap/css/bootstrap.min.css">
  </head>
  <body class="hold-transition skin-blue sidebar-mini">
  <?php
  session_start();
  ?>
    <div class="wrapper">
      <header class="main-header">
        <!-- Logo -->
        <a href="index2.html" class="logo">
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini">RKH</span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg">Rencana Kerja Harian</span>
        </a>

Selanjutnya kita simpan template_header. php

Kemudian kita buat template footer di tempat yang sama yaitu di folder template dengan nama footer. php. Berikut ini adalah potongan kode yang mewakili template footer

<footer class="main-footer">
        <div class="pull-right hidden-xs">
          <b>Version</b> 2.3.0
        </div>
        <strong>Copyright &copy; 2018 <a href="#">R K H</a>.</strong> All rights reserved.
      </footer>
    </div><!-- ./wrapper -->

    <!-- jQuery 2.1.4 -->
    <script src="../aset/plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <!-- Bootstrap 3.3.5 -->
    <script src="../aset/bootstrap/js/bootstrap.min.js"></script>
  </body>
</html>

_
Kemudian kita simpan file template footer tersebut. php. Terakhir, ada 2 file di folder template. php seperti gambar berikut
rekatkan header dan footer di folder template
Selanjutnya kita membuat template untuk memutar konten di folder admin. Misal kita baru saja membuat file. php dengan nama admin. php. Contoh kode yang dapat Anda tulis adalah sebagai berikut

<div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
            Dashboard
            <small>Sistem Rencana Harian Kerja</small>
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
            <li class="active">Dashboard</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="callout callout-info">
          <h4>Haloo <?php echo $_SESSION['username']?>, </h4>
            <p>Selamat datang di Sistem Rencana Harian Kerja.</p>
            <p>Gunakan sistem ini mencatat setiap permasalah yang dihadapi setiap hari.
              <br/>Caranya .... , lalu .....
              <br/>Update .....
            </p>
          </div>
          
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->

Selanjutnya, kita simpan filenya terlebih dahulu. Lalu kita kembali ke masalah pertama, bagaimana caranya agar terlihat seperti satu bagian padahal bagian tersebut terpisah (header, content dan footer)

1. Pertama kita perlu menggunakan fungsi "include" di php
2. Kedua, kami memanggil setiap templat yang kami butuhkan dengan lokasi yang benar

Jadi misalnya kita akan memanggil header template kemudian kita menyebutnya dengan kode berikut

<?php include '../template/header_admin.php'; ?>

atau kita akan memanggil template footer dengan kode berikut

<?php include '../template/footer.php'; ?>

_

Arti dari ". /template/nama_berkas. php" adalah
1. . (titik ganda) berarti kita keluar dari satu direktori dari direktori saat ini. Misalnya, kami memanggil templat tajuk. php dan footer. php dari template admin. php. Lalu kita akan keluar sekali. Artinya template admin. php ada di folder admin, jadi kita keluar dulu template admin dengan tanda. (titik ganda)
2. /template/nama_berkas. php adalah tempat kita mengakses file template. Misalnya, untuk mengakses template footer, maka /template/footer. php. Yang berarti footer. php ada di folder template

Selanjutnya, bagaimana kita menerapkan panggilan dengan penyertaan? . Misalnya, kami memasukkan header terlebih dahulu, dan footer terakhir. Seperti contoh berikut yang templatenya dipanggil dari admin. php
panggil template header dan footer Lalu kita simpan filenya.

Itulah cara membagi header, konten utama dan footer di PHP. Semoga tutorial ini dapat memberikan pengetahuan yang lebih untuk kalian semua. Terima kasih

kode html

Cara menggunakan ñ di html

Pos Terkait

Periklanan

BERITA TERKINI

Toplist Popular

Periklanan

Terpopuler

Periklanan

Tentang Kami

Legal

Dukungan

Social