Bagaimana Membina Laman Web PHP Sederhana Pertama Anda

Ingin belajar bagaimana membina laman web asas? Sekali anda mungkin memulakan dengan HTML, tetapi hari ini penyelesaian terbaik adalah PHP. Walaupun anda memerlukan sedikit pengetahuan mengenai HTML untuk memulakan, PHP telah menjadi pilihan optimum untuk membina laman web, baik yang statik maupun yang dinamik.

Untuk mempelajari PHP, cara terbaik untuk memulakannya adalah dengan laman web PHP yang mudah.

Mengapa Memilih PHP untuk Pembangunan Laman Web?

Pelbagai pilihan telah tersedia untuk pembangunan web selama bertahun-tahun. Ia bermula dengan HTML biasa, kemudian HTML dengan CSS tertanam atau rujukan fail CSS. Ketika laman web dinamik muncul, terdapat dua pilihan utama: ASP (kemudian ASP.NET) dan PHP.

Menurut angka (seperti tinjauan W3Techs ini PHP jauh lebih popular, dengan hampir 82 peratus laman web menggunakannya sebagai bahasa pengaturcaraan sisi pelayan. Bandingkan dengan hanya di bawah 16 peratus menggunakan ASP.NET.

Nampaknya ASP.NET tidak akan wujud melebihi tarikh tutup rasmi pada tahun 2022 dalam kapasiti rasmi, sekurang-kurangnya bukan sebagai teknologi web. PHP (singkatan rekursif untuk PHP Hypertext Preprocessor) telah terbukti lebih berjaya, terutamanya berkat integrasi yang lebih mudah dengan Linux.

Oleh kerana sistem operasi sumber terbuka berjalan di kebanyakan pelayan web, ini tidak mengejutkan.

Apa yang Anda Perlu Bina Laman Web PHP

Sebelum anda memulakan, pastikan anda memasang editor teks biasa atau persekitaran pembangunan siap PHP. Anda boleh mula mengekod PHP dengan alat semudah Windows Notepad. Contoh yang terdapat dalam tutorial ini telah ditulis dalam Notepad ++.

Anda juga harus mempunyai pelayan web PHP untuk memuat naik fail anda. Ini mungkin pelayan jauh, atau komputer tempatan dengan persekitaran LAMP (Linux, Apache, MySQL, PHP) atau WAMP (Windows, Apache, MySQL, PHP) yang terpasang. Sekiranya anda menggunakan Windows, ikuti ini Panduan pemasangan WAMP untuk memulakan.

Akhirnya, anda memerlukan program FTP untuk memuat naik fail anda ke pelayan web anda.

Baca Lagi: Pelanggan FTP percuma untuk Windows

Fahami Sintaks untuk Mengkodkan Laman Web yang Mudah Menggunakan PHP

Sintaks asas untuk PHP menggunakan sekumpulan tanda kurung bersudut, dengan setiap fungsi diakhiri dengan titik koma, seperti ini:

Dari segi laman web, hampir setiap penggunaan PHP bergantung pada pernyataan echo. Ini memerintahkan penyemak imbas untuk mengeluarkan teks dan kandungan dalam petikan. Sebagai contoh:

cara memadam profil di netflix

Perhatikan bahawa HTML juga disertakan dalam petikan. Output untuk ini biasanya muncul sebagai:

Bina Laman Web Dengan PHP: Struktur

Apa sahaja kod yang anda tulis di laman web anda, anda perlu mengetahui struktur laman web ini sebelum meneruskan. Tutorial ini akan menunjukkan kepada anda cara membuat satu halaman dari fail PHP yang boleh digunakan semula. Ini mungkin digunakan untuk membuat halaman tambahan, atau anda mungkin memilih pendekatan lain.

Apa sahaja bentuk yang anda jangkakan dari laman web ini, luangkan masa untuk membuat rancangan ringkas pada sehelai kertas. Anda kemudian boleh merujuknya, mungkin untuk memeriksa kandungan yang dimaksudkan, atau melihat halaman mana untuk menghubungkannya.

mengapa panggilan wifi saya tidak berfungsi

Laman web asas PHP kami akan menampilkan halaman utama, termasuk maklumat biografi dan beberapa gambar.

Untuk laman web PHP sederhana ini, anda akan membuat satu halaman PHP yang dihuni oleh kandungan dari tiga halaman HTML. Fail index.php yang anda buat kemudian dapat diedit dengan menyesuaikan kata dan gambar dari fail HTML yang asli.

Contoh kod yang ditunjukkan di bawah adalah tangkapan skrin. Anda akan menemui kod asal repositori GitHub saya , yang percuma untuk dimuat turun oleh sesiapa sahaja.

Buat Laman Web PHP: The Header

Untuk membuat laman web menggunakan PHP, anda perlu membina tiga halaman web. Ini berdasarkan struktur asas header, body, dan footer.

Seperti yang anda sangka, tajuk mengandungi maklumat tajuk. Walau bagaimanapun, maklumat untuk penyemak imbas juga disertakan, seperti standard HTML yang digunakan, bersama dengan rujukan CSS.

Mulakan dengan membuat fail bernama header.html kemudian tambahkan maklumat tajuk yang diperlukan.

Untuk contoh ini, kami telah menyediakan fail CSS asas, yang akan anda lihat dirujuk dalam direktori / css / sendiri. Fail ini akan dipanggil ketika halaman dimuat di penyemak imbas anda dan menerapkan font dan tata letak yang diperlukan.

Masukkan Kandungan di Badan Halaman Web PHP Anda

Setiap laman web terdiri daripada bahagian kandungan yang dikenali sebagai 'badan'. Ini adalah bahagian halaman yang anda baca --- apa yang anda baca sekarang adalah bahagian utama halaman ini.

Buat fail bernama body.html dan tambahkan maklumat yang ingin anda sertakan di halaman. Saya telah memasukkan butiran biografi dari halaman pengarang MakeUseOf saya, tetapi anda boleh menambahkan apa sahaja yang anda suka.

Bahagian footer halaman web adalah sebelah. Buat ini sebagai footer.html dan tambahkan beberapa kandungan. Ini mungkin maklumat hak cipta, atau mungkin beberapa pautan berguna untuk sesiapa sahaja yang mengunjungi halaman anda.

Mungkin seperti ini:

Dengan kod yang ditambahkan, simpan fail.

Menyatukan Laman Web PHP Mudah Anda Bersama

Dengan tiga fail HTML berasingan di / html / anda boleh menggunakan gema PHP untuk menyusunnya menjadi satu halaman.

Buat fail PHP baru yang dipanggil index.php dengan tiga baris berikut di dalamnya:

Simpan, muat naik ke pelayan anda, kemudian layari ke index.php. Anda harus melihat halaman web yang lengkap di penyemak imbas anda. Perlu diingat bahawa fail PHP sebenar yang anda buka di penyemak imbas anda hanya terdiri daripada tiga baris.

Akhirnya, anda boleh menambah sedikit PHP berkembang dengan baris terakhir. Sertakan notis hak cipta, dengan tahun yang selalu dikemas kini:

Ini akan muncul dalam fail index.php mengikuti footer. Perhatikan bagaimana pernyataan tarikh gema ('Y') memaparkan tahun semasa dalam empat digit. Anda boleh mengubah cara ini dipaparkan dengan merujuk senarai pilihan W3Schools ini. Sebagai contoh, huruf kecil 'y' akan memaparkan tahun dalam format dua digit, bukan empat.

Gunakan CSS untuk meletakkan dan menggayakannya, seperti yang anda lakukan dengan elemen lain. Cari CSS untuk projek ini di repositori GitHub, bersama dengan kod laman web PHP mudah yang lain.

cara menyambungkan mikrofon ke komputer riba

Syabas --- anda baru sahaja membuat laman web PHP pertama anda dari awal.

Adakah PHP Pilihan Terbaik untuk Pengkodan Laman Web?

Seperti yang mungkin anda kumpulkan, PHP bukan satu-satunya cara untuk mengembangkan laman web. Banyak kerangka kerja sudah ada untuk pengalaman web yang dinamis, berdasarkan pangkalan data, ada JavaScript dan teknologi yang berkaitan, dan perisian seperti Adobe Dreamweaver.

Walau bagaimanapun, jika anda ingin memulakan pembangunan web, lebih bijak jika anda menghargai asasnya. Sekiranya anda memahami blok bangunan laman web HTML, CSS, dan PHP, anda akan menuju kejayaan.

Berkongsi Berkongsi Tweet E-mel Pelajari HTML dan CSS dengan Tutorial Langkah demi Langkah Ini

Ingin tahu mengenai HTML, CSS dan JavaScript? Sekiranya anda berfikir bahawa anda mempunyai kemampuan untuk belajar membuat laman web dari awal - berikut adalah beberapa tutorial langkah demi langkah yang patut dicuba.

Baca Seterusnya Topik-topik yang berkaitan

Pengaturcaraan
Pembangunan Web
Pengaturcaraan
Pengaturcaraan PHP

Mengenai Pengarang Christian Cawley(1510 Artikel Diterbitkan)

Timbalan Editor untuk Keselamatan, Linux, DIY, Pengaturcaraan, dan Penerbit Podcast yang Dijelaskan Teknikal, dan Benar-benar Berguna, dengan pengalaman luas dalam sokongan desktop dan perisian. Penyumbang kepada majalah Linux Format, Christian adalah Raspberry Pi tinkerer, kekasih Lego dan peminat permainan retro.

Lagi Dari Christian Cawley

Langgan buletin kami

Sertailah buletin kami untuk mendapatkan petua, ulasan, ebook percuma, dan tawaran eksklusif!

Klik di sini untuk melanggan