Sommario:
Video: TUTORIAL - Come creare un Form di Contatto in HTML e CSS (Responsive) | FoglioDiStile.com 2024
Le pagine di contatto per i siti Web a volte includono altri elementi, forse una forma o un altro modo di interagire. Ciò significa che potrebbe essere necessario includere un altro file JavaScript o CSS diversi. Fortunatamente, puoi farlo estendendo la classe di template PHP e usando quella proprietà type. Attenersi alla seguente procedura per creare la pagina Contatti:
-
Apri classPage. php.
-
All'interno del metodo _getHead (), aggiungi un condizionale per un nuovo tipo di pagina.
L'intero metodo _getHead dovrebbe avere questo aspetto:
funzione protetta _getHead () {$ output = "; if ($ this-> type ==" contact ") {$ output. = file_get_contents ("pageHeadContact. txt");} else {$ output. = file_get_contents ("pageHead. txt");} if ($ this-> titleExtra! = ") {$ title = $ this-> titleExtra." | ". $ this-> title;} else {$ title = $ this-> title;} $ output. = "". $ Titolo ""; $ Output. = ""; return $ output;} // end function _getHead ()
Questo codice controlla se la proprietà type ($ this-> type) è impostata per il contatto. Se lo è, allora è incluso un nuovo file di sezione. Altrimenti, è inclusa la sezione normale.
-
Salva classPage. php.
-
Crea un nuovo file vuoto nel tuo editor di testo.
-
All'interno del file, aggiungi il seguente markup:
-
Salva il file come pageHeadContact. txt nella root del documento.
-
Crea un nuovo file vuoto nel tuo editor di testo.
-
All'interno del file, inserire il seguente CSS:
. contactMethod {font-style: italic; font-weight: bold;}
-
Salva il file come contatto. css nella root del documento.
-
Crea un nuovo file vuoto nel tuo editor.
-
All'interno del file, inserire il seguente codice e HTML:
type = "contact"; $ page-> titleExtra = "Contattami"; stampa $ page-> getTop (); print <<< Contattarmi è facile
suehring @ braingia. com
Twitter: @stevesuehring
getBottom (); ? >
Salva il file come contatto. php nella root del documento. -
Fare clic su ciascun collegamento: Home, Informazioni e Contatti.
-
Le pagine dovrebbero funzionare e collegarsi l'una con l'altra.