Ingin mempelajari cara membuat situs web dasar? . Meskipun Anda membutuhkan pengetahuan tentang HTML untuk memulai, PHP telah menjadi pilihan optimal untuk membuat 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. Itu dimulai dengan HTML biasa, lalu HTML dengan CSS yang disematkan atau referensi file CSS. Ketika situs web dinamis muncul, ada dua pilihan utama. ASP (kemudian ASP. .NET) dan PHP
Menurut angka (seperti survei W3Techs ini) pengembangan web PHP jauh lebih populer, dengan hampir 82 persen situs web menggunakan PHP sebagai bahasa pemrograman sisi server. Bandingkan ini dengan hanya di bawah 16 persen menggunakan ASP. BERSIH
Tampaknya tidak mungkin bahwa ASP. NET akan ada setelah batas waktu resminya pada tahun 2022 dalam kapasitas resmi apa pun, setidaknya bukan sebagai teknologi web. PHP (singkatan rekursif untuk PHP Hypertext Preprocessor) telah terbukti lebih sukses, terutama berkat integrasi yang lebih mudah dengan Linux
Karena sistem operasi sumber terbuka Linux berjalan di sebagian besar server web, hal 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 memulai 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) terpasang. Jika Anda menggunakan Windows, ikuti panduan penginstalan WAMP ini untuk memulai
Terakhir, Anda memerlukan program FTP untuk mengunggah file Anda ke server web Anda
Memahami Sintaks untuk Membuat Kode Halaman Web Sederhana Menggunakan Kode PHP
Sintaks dasar untuk PHP menggunakan satu set kurung siku, dengan masing-masing fungsi diakhiri dengan titik koma, seperti ini
<!--?php [CODE…CODE]; ?-->Dalam hal halaman web, hampir setiap penggunaan PHP bergantung pada pernyataan gema. Ini menginstruksikan browser untuk mengeluarkan teks dan konten dalam tanda kutip. Misalnya
<?php print("Hello World")?> _Perhatikan bahwa HTML juga disertakan dalam tanda kutip. Output untuk ini biasanya akan muncul sebagai
Cara Membuat Website Menggunakan PHP. Dapatkan Struktur yang Benar
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 dapat 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 cepat di selembar kertas. Anda kemudian dapat merujuk ke ini, mungkin untuk memeriksa konten yang dimaksud, atau melihat halaman mana yang akan ditautkan
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 berisi konten dari tiga halaman HTML. Indeks. php yang Anda buat kemudian dapat diedit dengan menyesuaikan kata dan gambar dari file HTML asli
Contoh kode yang ditunjukkan di bawah ini adalah tangkapan layar. Anda akan menemukan kode asli di repositori GitHub saya, yang gratis untuk diunduh siapa saja
Baca terus untuk mempelajari cara membuat situs web PHP langkah demi langkah
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, beserta referensi CSS
Mulailah dengan membuat file bernama header. html lalu tambahkan informasi tajuk 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 saat 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 "badan". Ini adalah bagian dari halaman yang Anda baca --- apa yang Anda baca sekarang adalah badan 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
Kode Situs Web PHP Sederhana untuk Footer
Bagian footer dari halaman web 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 menambahkan kode, simpan file
Menyatukan Situs Web PHP Sederhana Anda
Dengan tiga file HTML terpisah di /html/ Anda dapat menggunakan gema PHP untuk mengompilasinya menjadi satu halaman
Buat file PHP baru bernama index. php dengan tiga baris berikut di dalamnya
<?php echo file_get_contents("html/header.html"); ?><?php echo file_get_contents("html/body.html"); ?>
<?php echo file_get_contents("html/footer.html"); ?>
Simpan, unggah ke server Anda, lalu telusuri ke index. php. Anda akan melihat halaman web yang sudah selesai di browser Anda. Perlu diingat bahwa file PHP sebenarnya yang Anda buka di browser hanya terdiri dari tiga baris
Terakhir, Anda dapat menambahkan sedikit pengembangan PHP dengan baris terakhir. Sertakan pemberitahuan hak cipta, dengan tahun yang selalu diperbarui
<p>Copyright © CM Cawley <?php echo date("Y"); ?></p>Ini akan muncul di index. php setelah footer. Perhatikan bagaimana pernyataan echo date("Y") menampilkan tahun saat ini dalam empat digit. Anda dapat mengubah tampilannya dengan mengacu pada 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
Kerja bagus---Anda baru saja membuat situs web PHP pertama Anda dari awal. Sekarang saatnya untuk melihat lebih banyak contoh situs web PHP untuk meningkatkan keterampilan Anda
Apakah PHP Pilihan Terbaik untuk Situs Web Pengkodean?
Sekarang Anda tahu cara membuat situs web PHP, Anda harus tahu bahwa itu bukan satu-satunya cara untuk mengembangkan situs web. Banyak kerangka kerja sudah ada untuk pengalaman web yang dinamis dan digerakkan oleh basis data, ada JavaScript dan teknologi terkait, dan perangkat lunak seperti Adobe Dreamweaver
Namun, jika Anda ingin memulai dengan pengembangan web PHP, ada baiknya untuk memahami dasar-dasarnya. Jika Anda memahami blok bangunan situs web HTML, CSS, dan PHP, Anda sedang menuju kesuksesan