Cara menggunakan contoh script php biodata

Anda ingin membuat website sendiri, tapi bingung mulai dari mana? .  

Mengapa Anda harus menggunakan PHP?

Penasaran bagaimana cara membuat website menggunakan PHP?

Baca artikel ini secara lengkap mulai dari memahami sintaks dasar PHP dan struktur website

Daftar Isi

Sintaks PHP Dasar

Secara umum, dibuka dengan tag seperti berikut:

<?php [code]; ?>

Nah, bagian; . Misalnya kita ingin menampilkan tulisan “Welcome to Niagahoster”, maka sintaksnya adalah

<?php echo “Selamat Datang di Niagahoster”; ?>
_

Berikut hasil saat ditampilkan di browser

Cara menggunakan contoh script php biodata

Jangan lupa, simpan file PHP dengan ekstensi. php

Baca juga. 10 Tips Menjadi Developer PHP yang Handal

Struktur Dasar Situs Web

Sebelum membuat website, penting untuk memahami struktur dasarnya terlebih dahulu. Secara umum struktur dasar website adalah sebagai berikut

  1. Header - Terletak di bagian atas website dan biasanya berisi informasi singkat tentang website, seperti logo, judul, dan tagline website
  2. Menu – Bagian website yang berfungsi sebagai jalan pintas menuju konten-konten di website, sering juga disebut sebagai navigasi
  3. Content / Konten - Bagian utama website yang berisi artikel atau informasi yang ingin disampaikan oleh pemilik website kepada pengunjung
  4. Footer - Terletak di bagian bawah website dan biasanya terdiri dari informasi pemilik website dan hak cipta

Ini adalah contoh penerapan struktur website di atas

Cara menggunakan contoh script php biodata

Nah selanjutnya akan kami jelaskan panduan pembuatan website menggunakan PHP sesuai dengan struktur website diatas

Cara membuat website dengan PHP dari awal

Untuk membuat website, Anda perlu menguasai dasar-dasar HTML dan CSS untuk mengembangkan struktur yang baik dan tampilan yang menarik

Nah, cara membuat website dengan PHP dari awal bisa dilakukan dengan langkah-langkah berikut ini

  1. Siapkan perangkat lunak yang digunakan
  2. Buat file indeks. php
  3. Buat file gaya. css
  4. Buat file rumah. php
  5. Buat file tentang. php
  6. Buat file kontak. php
  7. Coba situs web di browser

Yuk, langsung praktekkan cara membuat website PHP dengan langkah-langkah di atas

Baca juga. Cara Membuat Website dengan HTML dan CSS

Langkah 1. Persiapan

Berikut adalah berbagai tools yang perlu Anda siapkan sebelum membuat website PHP

  1. Editor PHP - Digunakan untuk membuat file situs web dan menulis kode. Kali ini kita menggunakan Sublime Text
  2. Web Browser - Berguna untuk mengecek tampilan website. Kami menggunakan Google Chrome dalam tutorial ini
  3. Web Server - Sebagai tempat menyimpan folder website. Disini kita menggunakan XAMPP dan membuat folder bernama websitephp di c. \xampp\htdocs

Baca juga. Cara Menghubungkan PHP ke Database MySQL

Langkah 2. Buat file index. php

Buka Sublime Text, lalu klik File > File Baru. Kemudian, masukkan kode sumber pada contoh berikut atau kode sumber Anda sendiri sesuai keinginan

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Membuat Website dengan PHP | Niagahoster</title>
    <meta charset="UTF-8">
    <meta name="description" contents="Niagahoster">
    <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
    <header>
        <h1 class="title">Niagahoster</h1>
        <h3 class="desc">Membuat Website dengan PHP dari Awal</h3>
        <nav id="navigation">
            <ul>
                <li><a href="index.php?page=home">Home</a></li>
                <li><a href="index.php?page=about">About</a></li>
                <li><a href="index.php?page=contact">Contact</a></li>
            </ul>
        </nav>
    </header>
    <div id="contents">
        <?php 
        if(isset($_GET['page'])){
            $page = $_GET['page'];

            switch ($page) {
                case 'home':
                include "home.php";
                break;
                case 'about':
                include "about.php";
                break;
                case 'contact':
                include "contact.php";
                break;          
            }
        }
else{
            include "home.php";
        }
        ?>

    </div>
    <footer>
        &copy Copyright Niagahoster 2021 | Web Hosting Terbaik Indonesia
    </footer>
</body>
</html>

Jika sudah, simpan file tersebut dengan nama index. php di folder situs webphp

Baca juga. Perbedaan antara PHP dan HTML yang wajib Anda ketahui

Penjelasan kode di atas sebagai berikut

  1. digunakan untuk masuk ke menu navigasi
  1. $_GET ['. ’] digunakan untuk memanggil metode GET

Di PHP, metode GET berfungsi untuk mengambil data dari variabel ke halaman lain. Untuk itu diperlukan variabel baru bernama page

Metode GET nantinya akan memanggil entri data dari variabel halaman. Kemudian, data tersebut akan ditampilkan sesuai dengan halaman menu yang dituju

  1. sakelar (. ) {kasus '. ’} digunakan untuk berpindah antar halaman
  1. termasuk "rumah. php”; . php sebagai halaman default

Baca juga. Cara Mengatasi Undefined Index dan Undefined Variable di PHP

Langkah 3. Buat gaya File. css

Cara membuat website PHP belum lengkap tanpa langkah menambahkan file CSS. Tujuannya agar tampilan website menjadi lebih menarik. Untuk itu, buatlah file baru, kemudian tuliskan source code berikut

header h1.title,
header h3.desc{
  text-align: center; 
}
body {
	width: 70%; 
	margin: auto;
}
a:link {
  color: gray;
}
a:visited {
  color: green;
}
a:hover {
  color: rebeccapurple;
}
a:active {
  color: teal;
}
#navigation {  
}
p {
  font-size: 110%;
  color: black;
}
#contents {
	float: center;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: black;
  font-family: sans-serif;
}
li {
  float: left;
}
li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
li a:hover {
  background-color: #fff;
}
footer {
  text-align: center;
}

Simpan dengan nama gaya. css

Baca juga. Kode Warna HTML

Langkah 4. Buat file rumah. php

Cara membuat website menggunakan PHP selanjutnya adalah dengan membuat Home page. Ini adalah halaman pertama yang muncul saat membuka website. Caranya, buat file baru, lalu ketik

<div class="page">
	<h2>Website Hebat Berawal dari Unlimited Hosting</h2>
	<p>Kami berikan penawaran terbaik unlimited web hosting. Fitur terlengkap, harga terjangkau, dan dukungan teknis 24/7 telah tersedia untuk Anda.</p>
</div>
_

Selanjutnya simpan dengan nama home. php

Baca juga. Cara Membuat Login Sesi PHP Logout Dengan Mudah

Langkah 5. Buat file tentang. php

Anda juga perlu membuat halaman Tentang. Caranya masih sama, klik File > New File dan tulis source code di bawah ini

<div class="page">
	<h2>Tentang Niagahoster</h2>
	<p>Telah dipercaya lebih dari 500.000 klien yang terdaftar dari seluruh Indonesia, Niagahoster selalu berkomitmen menyajikan teknologi terbaik untuk kesuksesan online Anda. Bergabunglah dan temukan kemudahan menciptakan website impian Anda bersama Niagahoster!</p>
</div>

Simpan file dengan nama about. php

Baca juga. Bagaimana melakukan CRUD dengan PHP dan MySQL

Langkah 6. Buat file kontak. php

Terakhir, buat halaman Contact dengan memilih menu File lalu klik New File. Kemudian salin kode sumber berikut

<div class="page">
	<h2>Hubungi Kami</h2>
	<p>Telp: 0274-2885822
		<br>WA: 0895395186038
		<br>Senin - Minggu
	24 Jam Non Stop</p>

	<p>Jl. Palagan Tentara Pelajar
		No 81 Jongkang, Sariharjo, Ngaglik, Sleman
		Daerah Istimewa Yogyakarta
	55581</p>
</div>
_

Jika sudah, simpan file tersebut dengan nama contact. php

Baca juga. 7 Tips Keamanan PHP yang Harus Anda Ketahui

Langkah 7. Mencoba Website di Browser

Nah, semua proses coding sudah selesai dan website sudah jadi. Tapi, apakah website tersebut bisa diakses dengan lancar? .  

Caranya, buka XAMPP Control Panel, lalu klik Start pada modul Apache dan MySQL

Cara menggunakan contoh script php biodata

Kemudian buka browser, lalu ketikkan localhost/websitephp. Jika berhasil, seperti inilah tampilannya

Cara menggunakan contoh script php biodata

Secara default, website akan menampilkan halaman Home seperti script yang sudah Anda tulis di index file. php

Baca juga. PHP 8. 1 telah dirilis. Lihat Fitur Baru, Perubahan, Cara Upgrade

Sekarang coba buka halaman Tentang dengan mengklik menu navigasi Tentang. Ini kira-kira hasilnya

Cara menggunakan contoh script php biodata

Sedangkan untuk halaman Kontak, tampilan yang dihasilkan adalah sebagai berikut

Cara menggunakan contoh script php biodata

Anda telah berhasil menyelesaikan cara membuat website dengan PHP dan CSS.  

Jika pengkodean Anda benar, situs web akan berjalan dengan lancar. Anda bisa terus berkreasi seperti mengganti header dan footer, menambahkan menu baru, mengganti halaman bawaan, bahkan mempercantik tampilan lewat CSS.  

Baca juga. Cara Membuat Sesi Login dan Logout PHP dengan Mudah

Ayo Buat Website Sendiri dengan PHP

Anda sudah tahu cara membuat website dengan PHP dari awal. Tidak sulit, bukan?

Jika sudah semakin baik, jangan ragu untuk menambahkan fungsi lain ke dalam website. Misalnya membuat fitur login dan logout atau menghubungkannya dengan database

Sayangnya, langkah-langkah di atas masih bergantung pada XAMPP sebagai web server yang harus selalu aktif agar website bisa diakses. Singkatnya, situs web Anda belum online

Bagaimana membuat website Anda online dan dapat diakses oleh banyak orang?

Cukup unggah situs web Anda ke layanan hosting. Tapi, pilihlah layanan hosting murah berkualitas seperti Niagahoster, ya. Jadi, bisa langsung diakses selama 24 jam penuh

Niagahoster menyediakan layanan hosting dengan web server tercepat yaitu LiteSpeed ​​Enterprise. Jadi, tidak ada lagi kasus website lemot saat diakses. Selain itu, website Anda juga akan terlindungi dari serangan malware dan DDOS berkat fitur Imunify360

Semua kelebihan layanan hosting tersebut bisa Anda dapatkan mulai dari Rp 10 ribu saja per bulan. Benar-benar murah bukan?

Tunggu apa lagi, ayo berlangganan hosting di Niagahoster

Saya Ingin Berlangganan Hosting Domain Murah Gratis Sekarang

Jika Anda tidak ingin repot membuat website sendiri, Anda tetap bisa memesan jasa pembuatan website di Niagahoster

Demikian artikel kali ini, semoga dapat membantu anda sebagai cara membuat website dengan PHP. Jika masih ada pertanyaan, jangan sungkan untuk bertanya melalui kolom komentar yang tersedia. Sampai jumpa lagi

Membagikan

Muhammad Ariffudin Ikuti juga dikenal sebagai Ariffud

Berlangganan sekarang

Dapatkan berbagai artikel tutorial, insight dan tips menarik seputar dunia online langsung melalui email Anda. Berlangganan sekarang dan raih kesuksesan bersama kami