Isi kandungan:
Video: Tutorial membuat website dengan HTML dan CSS part 2 2025
Laman-laman kenalan untuk laman web kadangkala termasuk elemen lain, mungkin bentuk atau cara lain untuk berinteraksi. Ini bermakna anda mungkin perlu memasukkan fail JavaScript lain atau CSS yang berbeza. Nasib baik, anda boleh melakukannya dengan memperluas kelas templat PHP dan menggunakan jenis harta tersebut. Ikuti langkah-langkah ini untuk membuat halaman Kenalan:
-
Open classPage. php.
-
Di dalam kaedah _getHead (), tambahkan bersyarat untuk jenis halaman baharu.
Keseluruhan kaedah _getHead seharusnya kelihatan seperti ini:
fungsi yang dilindungi _getHead () {$ output = "; jika ($ this-> type ==" contact ") {$ output. = file_get_contents ("pageHeadContact. txt");} else {$ output. = file_get_contents ("pageHead txt");} if ($ this-> titleExtra!. $ this-> title;} else {$ title = $ this-> title;} output $. = "". $ title. ""; output $. = ""; return $ output;} // end function _getHead ()
Kode ini memeriksa untuk melihat apakah jenis property ($ this-> type) ditetapkan untuk dihubungi. Sekiranya ia, maka fail seksyen baru dimasukkan. Jika tidak, bahagian biasa dimasukkan.
-
Simpan kelasPage. php.
-
Buat fail kosong baru dalam editor teks anda.
-
Di dalam fail, tambah markup berikut:
-
Simpan fail sebagai halamanHeadContact. txt dalam akar dokumen anda.
-
Buat fail kosong baru dalam editor teks anda.
-
Di dalam fail, tetapkan CSS berikut:
. contactMethod {font-style: italic; font-weight: bold;}
-
Simpan fail sebagai kenalan. css dalam akar dokumen anda.
-
Buat fail kosong baru dalam editor anda.
-
Dalam fail, letakkan kod berikut dan HTML:
type = "contact"; $ page-> titleExtra = "Hubungi saya"; cetak $ page-> getTop (); mencetak <<< Menghubungi saya mudah
suehring @ braingia. com
Twitter: @stevesuehring
getBottom (); ? >
Simpan fail sebagai kenalan. php dalam akar dokumen anda. -
Klik melalui setiap pautan: Laman Utama, Perihal, dan Hubungi Saya.
-
-
Laman-laman harus berfungsi dan saling menghubungkan.
