Cara Membuat Situs Web PHP Sederhana Pertama Anda

Ingin belajar cara membuat situs web dasar? Dulu Anda mungkin sudah memulai dengan HTML, tetapi saat ini solusi terbaik adalah PHP. Meskipun Anda memerlukan pengetahuan tentang HTML untuk memulai, PHP telah menjadi pilihan optimal untuk membangun situs web, baik statis maupun dinamis.

Untuk mempelajari PHP, cara terbaik untuk memulai adalah dengan situs web PHP sederhana.

Mengapa Memilih PHP untuk Pengembangan Situs Web?

Berbagai pilihan telah tersedia untuk pengembangan web selama bertahun-tahun. Dimulai dengan HTML biasa, kemudian HTML dengan CSS tertanam atau referensi file CSS. Ketika situs web dinamis muncul, ada dua pilihan utama: ASP (kemudian ASP.NET) dan PHP.

Menurut angka (seperti survei W3Tech ini ) PHP jauh lebih populer, dengan hampir 82 persen situs web menggunakannya sebagai bahasa pemrograman sisi server. Bandingkan ini dengan hanya di bawah 16 persen menggunakan ASP.NET.

Tampaknya tidak mungkin ASP.NET akan ada di luar tanggal batas resminya pada tahun 2022 dalam kapasitas resmi apa pun, setidaknya bukan sebagai teknologi web. PHP (singkatan rekursif untuk PHP Hypertext Preprocessor) telah terbukti lebih berhasil, terutama berkat integrasi yang lebih mudah dengan Linux.

Karena sistem operasi open-source berjalan di sebagian besar server web, ini seharusnya tidak mengejutkan.

Apa yang Anda Butuhkan untuk Membangun Situs Web PHP

Sebelum memulai, pastikan Anda telah menginstal editor teks biasa atau lingkungan pengembangan siap-PHP. Anda dapat mulai coding PHP dengan alat yang sederhana seperti Windows Notepad. Contoh yang ditemukan dalam tutorial ini telah ditulis di Notepad++.

Anda juga harus memiliki server web PHP untuk mengunggah file Anda. Ini mungkin server jarak jauh, atau komputer lokal dengan lingkungan LAMP (Linux, Apache, MySQL, PHP) atau WAMP (Windows, Apache, MySQL, PHP) yang diinstal. Jika Anda menggunakan Windows, ikuti ini Panduan instalasi WAMP untuk memulai.

Terakhir, Anda memerlukan program FTP untuk mengunggah file ke server web Anda.

Baca selengkapnya: Klien FTP Gratis untuk Windows

Memahami Sintaks untuk Membuat Kode Situs Web Sederhana Menggunakan PHP

Sintaks dasar untuk PHP menggunakan satu set kurung siku, dengan setiap fungsi diakhiri dengan titik koma, seperti ini:

Dalam hal halaman web, hampir setiap penggunaan PHP bergantung pada pernyataan gema. Ini menginstruksikan browser untuk menampilkan teks dan konten dalam tanda kutip. Sebagai contoh:

cara menggunakan command prompt di windows 10

Perhatikan bahwa HTML juga disertakan dalam tanda kutip. Output untuk ini biasanya akan muncul sebagai:

Membangun Situs Web Dengan PHP: Struktur

Kode apa pun yang Anda gunakan untuk menulis situs web, Anda perlu mengetahui struktur situs sebelum melanjutkan. Tutorial ini akan menunjukkan cara membuat satu halaman dari file PHP yang dapat digunakan kembali. Ini mungkin digunakan untuk membuat halaman tambahan, atau Anda dapat memilih pendekatan yang berbeda.

Apa pun bentuk situs yang Anda perkirakan akan berkembang, luangkan waktu untuk menuliskan rencana singkat di selembar kertas. Anda kemudian dapat merujuk ke ini, mungkin untuk memeriksa konten yang dimaksud, atau melihat halaman mana yang akan ditautkan.

windows media player 12 unduh 64 bit

Situs web PHP dasar kami akan menampilkan halaman beranda, termasuk informasi biografi dan beberapa gambar.

Untuk situs web PHP sederhana ini, Anda akan membuat satu halaman PHP yang diisi oleh konten dari tiga halaman HTML. File index.php yang Anda buat kemudian dapat diedit dengan menyesuaikan kata-kata dan gambar dari file HTML asli.

Contoh kode yang ditunjukkan di bawah ini adalah tangkapan layar. Anda akan menemukan kode aslinya di repositori GitHub saya , yang gratis untuk diunduh siapa saja.

Membuat Website PHP: Header

Untuk membuat situs web menggunakan PHP, Anda harus membuat tiga halaman web. Ini didasarkan pada struktur dasar header, body, dan footer.

Seperti yang Anda duga, tajuk menyertakan informasi judul. Namun, informasi untuk browser juga disertakan, seperti standar HTML yang digunakan, bersama dengan referensi CSS.

Mulailah dengan membuat file bernama header.html kemudian tambahkan informasi header yang diperlukan.

Untuk contoh ini, kami telah menyediakan file CSS dasar, yang akan Anda lihat direferensikan di direktori /css/-nya sendiri. File ini akan dipanggil ketika halaman dimuat di browser Anda dan menerapkan font dan tata letak yang diperlukan.

Letakkan Konten di Badan Halaman Web PHP Anda

Setiap halaman web terdiri dari bagian konten yang dikenal sebagai 'tubuh'. Ini adalah bagian dari halaman yang Anda baca --- apa yang Anda baca sekarang adalah isi halaman ini.

Buat file bernama body.html dan tambahkan informasi yang ingin Anda sertakan di halaman. Saya telah menyertakan detail biografi dari halaman penulis MakeUseOf saya, tetapi Anda dapat menambahkan apa pun yang Anda suka.

Bagian footer halaman web adalah berikutnya. Buat ini sebagai footer.html dan tambahkan beberapa konten. Ini bisa berupa informasi hak cipta, atau mungkin beberapa tautan berguna bagi siapa pun yang mengunjungi halaman Anda.

Mungkin seperti ini:

Dengan kode yang ditambahkan, simpan file.

Menyatukan Situs Web PHP Sederhana Anda

Dengan tiga file HTML terpisah di /html/ Anda dapat menggunakan PHP echo untuk mengompilasinya menjadi satu halaman.

Buat file PHP baru bernama index.php dengan tiga baris berikut di dalamnya:

Simpan, unggah ke server Anda, lalu telusuri ke index.php. Anda akan melihat halaman web yang telah selesai di browser Anda. Ingatlah bahwa file PHP sebenarnya yang Anda buka di browser Anda hanya terdiri dari tiga baris.

Akhirnya, Anda dapat menambahkan sedikit PHP berkembang dengan baris terakhir. Sertakan pemberitahuan hak cipta, dengan tahun yang selalu diperbarui:

Ini akan muncul di file index.php setelah footer. Perhatikan bagaimana pernyataan echo date('Y') menampilkan tahun berjalan dalam empat digit. Anda dapat mengubah bagaimana ini ditampilkan dengan merujuk ke daftar opsi W3Schools ini. Misalnya, huruf kecil 'y' akan menampilkan tahun dalam format dua digit, bukan empat.

Gunakan CSS untuk memposisikan dan menatanya, seperti yang Anda lakukan dengan elemen lainnya. Temukan CSS untuk proyek ini di repositori GitHub, bersama dengan kode situs web PHP sederhana lainnya.

tema pemutar desktop musik google play

Bagus --- Anda baru saja membuat situs web PHP pertama Anda dari awal.

Apakah PHP Pilihan Terbaik untuk Situs Web Coding?

Seperti yang mungkin telah Anda kumpulkan, PHP bukan satu-satunya cara untuk mengembangkan situs web. Banyak kerangka kerja sudah ada untuk dinamis, pengalaman web berbasis database, ada JavaScript dan teknologi terkait, dan perangkat lunak seperti Adobe Dreamweaver.

Namun, jika Anda ingin memulai pengembangan web, sebaiknya pahami dasar-dasarnya. Jika Anda memahami blok pembangun situs web dari HTML, CSS, dan PHP, Anda sedang menuju kesuksesan.

Membagikan Membagikan Menciak Surel Pelajari HTML dan CSS dengan Tutorial Langkah demi Langkah Ini

Penasaran tentang HTML, CSS, dan JavaScript? Jika Anda merasa memiliki bakat untuk mempelajari cara membuat situs web dari awal -- berikut adalah beberapa tutorial langkah demi langkah yang patut dicoba.

Baca Selanjutnya Topik-topik yang berkaitan

Pemrograman
Pengembangan web
Pemrograman
Pemrograman PHP

Tentang Penulis Christian Cawley(1510 Artikel Diterbitkan)

Wakil Editor untuk Keamanan, Linux, DIY, Pemrograman, dan Penjelasan Teknologi, dan produser Podcast yang Sangat Berguna, dengan pengalaman luas dalam dukungan desktop dan perangkat lunak. Seorang kontributor untuk majalah Format Linux, Christian adalah penggemar Raspberry Pi, pecinta Lego dan penggemar game retro.

Berlangganan newsletter kami

Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!

Klik di sini untuk berlangganan