Sådan oprettes toppen af ​​siden med en PHP skabelon

Toppen af ​​siden er en af ​​de mere komplekse sektioner for en PHP skabelon system til at håndtere. Toppen af ​​en webside indeholder dokumenttype erklæring (DTD) sammen med links til CSS og enhver JavaScript, der vil blive anvendt på siden. Toppen af ​​siden indeholder også titlen og andre meta information om side.

Bortset fra oplysningerne i afsnittet <head> på en side, toppen af ​​den side, du bruger i dette eksempel indeholder også menuen er vist her, med links til andre sider på sitet.

Sådan oprettes toppen af ​​siden med en PHP skabelon

Klassen, at du vil oprette i denne øvelse har fire metoder til øverst på siden, herunder både <head> sektion og menuen. Men når du bruger klassen, behøver du ikke ønsker at have til at ringe (eller huske at ringe) alle de forskellige metoder i den rigtige rækkefølge for at skabe den øverste del af siden.

Alt du holder af, er, at du opretter en øverste del af siden. Derfor er der kun én offentlig metode, kaldet getTop. Den getTop metoden er ansvarlig for at indsamle alle bits at gøre hele toppen af ​​siden.

  1. Åbn classPage.php hvis den ikke allerede er åben.
  2. Inden classPage, lige under det offentlige $ titleExtra = ""; skal du indtaste følgende kode:

    offentlig funktion getTop () {
    $ Output = "";
    . $ Output = $ dette -> _ getDocType ();
    $ Output = $ dette -> _ getHtmlOpen (.);
    $ Output = $ dette -> _ getHead (.);
    . $ Output = file_get_contents ("pageTop.txt");
    returnere $ output;
    } // Ende funktion getTop ()
  3. Gem classPage.php.

    The getTop () metode opretter en variabel for udgangen. Det giver fleksibilitet til at tilføje eller fjerne fra variablen som du har brug for. Metoden kræver yderligere tre metoder, griber nogle almindelig HTML fra en fil kaldet pageTop.txt, og returnerer output.

  4. Inden classPage.php (åbne den, hvis den ikke allerede er), under getTop () metode afsluttende tandbøjle, indtaste følgende kode:

beskyttet funktion _getDocType ($ DOCTYPE = "HTML5") {
hvis ($ DOCTYPE == "HTML5") {
$ DTD = "<! DOCTYPE html>";
}
returnere $ DTD. "\ N";
}

beskyttet funktion _getHtmlOpen ($ lang = "en-us") {
if ($ lang == "en-us") {
$ Htmlopen = "<html lang = \" da \ ">";
}
returnere $ htmlopen. "\ N";
}

beskyttet funktion _getHead () {
$ Output = "";
. $ Output = file_get_contents ("pageHead.txt");
if ($ this-> titleExtra! = "") {
$ Title = $ this-> titleExtra. "|". $ This-> titel;
} Else {
$ Title = $ this-> titel;
}
$ Output. = "<Title>". $ Titel. "</ Title>";
. $ Output = "</ head>";
returnere $ output;
} // Ende funktion _getHead ()

De tre metoder, som du tilføjer i trin 4 er ansvarlige for opbygning af afsnittet <head> på siden. Den første metode, _getDocType, returnerer DTD, som for din sag bliver HTML5, men kunne være en anden type ethvert gyldigt dokument.

DTDs fortæller browseren, hvilken type dokument kan forvente, og hvilke regler dette dokument vil ære. Dette hjælper browseren til at træffe beslutninger om, hvordan du få vist dokumentet.

Den næste metode kaldet er _getHtmlOpen (), som skaber den <html> element på siden, og sætter sproget. Ligesom andre metoder, kan sproget tilpasses her hvis det bliver nødvendigt.

Den endelige metode kaldet er _getHead () metode. Denne metode inkorporerer en anden fil, der kaldes pageHead.txt. Den pageHead.txt fil indeholder links til CSS og JavaScript. Husk, at $ type egenskab, der er fastsat i Page klasse?

Her er et sted, hvor du kan bruge det. Hvis du har en særlig side type, der kræver ekstra CSS eller JavaScript, kan du tilføje en betinget erklæring her som, "Hvis typen er speciel, så brug pageSpecialHead.txt."

The _getHead () metode er også her titlen på siden er indstillet; hvis $ titleExtra ejendom er sat, så det bliver brugt her.

Nu har du mulighed for at opbygge toppen af ​​siden, eller tæt på det, alligevel, fordi du stadig har brug koden for de to tekstfiler, pageHead.txt og pageTop.txt. Du opretter dem ved hjælp af følgende trin.

  1. Opret en ny tom fil i din tekst editor.
  2. Inde i filen, skal du indtaste følgende markup:

    <Head>
    <Link rel = "stylesheet" href = "style.css" type = "text / css" />
  3. Gem filen som pageHead.txt i dokumentet rod og modstå fristelsen til at lukke, at <head> element!

<Head> element åbnes i denne fil (selvom det også kunne åbnes inde i _getHead () metode). Men fordi du har brug for at tilføje andre elementer, som titlen, til afsnittet <head>, ikke lukke <head> element i denne fil. I stedet overlade til _getHead () metode til at gøre. Dette giver dig den største fleksibilitet for ændringer og tilføjelser senere.

Nu oprette pageTop.txt fil, der skaber menustrukturen, som du ser i den tidligere figur og er inkorporeret fra sideSidestart () metode.

  1. Opret en ny tom fil i din tekst editor.
  2. Inde i filen, tilføje følgende markup:

    <Body>
    <Div id = "menu">
    <Ul>
    <Li> <a href="home.php"> Hjem </a> </ li>
    <Li> <a href="about.php"> Om </a> </ li>
    <Li> <a href="contact.php"> Kontakt mig </a> </ li>
    </ Ul>
    </ Div> <! - Ende menu →
  3. Gem filen som pageTop.txt i dokumentet rod.

© 2019 Zajacperrone.com | Contact us: webmaster# zajacperrone.com