Come costruire un sito modulare

September 2

Come costruire un sito modulare


La progettazione consumato tempo e il mantenimento di siti web HTML aumenta rispetto al numero di pagine create, perché i vostri link di navigazione possono anche cambiare. Come alternativa al mutare ogni pagina, tecnologia modulare aumenta l'efficienza riutilizzando codici e consentendo aggiornamenti simultanei ad aree specifiche delle pagine. Ciò è possibile attraverso l'uso di linguaggi di scripting server-side come PHP, ASP e server di database supportati. Queste tecnologie consentono di creare un sito web modulare in combinazione con un WYSIWYG (ciò che vedi è quello che ottieni) editore nel software di sviluppo web.

istruzione

1 Creare un wireframe (una struttura di navigazione gerarchico) di tutte le pagine del sito e l'etichetta come saranno connettersi l'uno all'altro.

2 Creare PHP include file. In questo esempio, la pagina avrà tre aree distinte, menu in alto, il corpo del documento e il menu in basso. Questo metodo consentirà di caricamento della pagina più veloce sul computer del visitatore rispetto alle altre pagine in cui i menu devono caricare ogni volta.

3 Apri il tuo strumento di sviluppo web. Creare una nuova pagina PHP (o utilizzare un modello di pagina preferita) che sarà la vostra pagina del menu. Fare riferimento al wireframe per tenere traccia dei vostri nomi di pagina. Digitare i nomi di tutte le pagine che si desidera collegare al vostro sito web nella parte superiore della pagina in modo orizzontale. Per esempio: a casa, su di noi, link, contattaci, ecc evidenziare la parola per ogni nome della pagina e selezionare il pulsante di collegamento ipertestuale. Digitare la posizione indirizzo appropriato e assicurarsi che il nome del file termina con .php (home.php). Ripetere i passaggi per ogni parola, quindi salvare il file come header.php. Se volete che il vostro sito web per contenere un altro menu in fondo alla pagina, mentre il nome del file è ancora aperto, salvare un'altra copia come footer.php. Si raccomanda di avere due nomi di file diversi per questi menu per evitare di ricevere messaggi di errore.

4 Creare le pagine effettive del tuo sito web con l'apertura di una pagina o la scelta di un modello. La pagina conterrà tre elementi: un menu principale (che collega alla tua pagina header.php), il corpo del testo per la home page e il menu in basso (che collega alla tua pagina footer.php). Nella parte superiore della pagina, inserire un PHP include tag. Se il vostro strumento di sviluppo web non ha una specifica comprendono tag, quindi potrebbe essere necessario fare un po 'di programmazione minore. Non è complicato; semplicemente passare alla editor di codice sorgente, e tra il tipo di tag <body>: <? php include ( "header.php");? ?>. Passare di nuovo al vostro editor WYSIWYG e digitare il testo per la home page. Al termine, inserire un altro PHP include tag alla fine o tornare alla editor di codice sorgente e digitare <? Php include ( "footer.php"?); ?>. Salvare la home page come index.php e garantire che tutti i file sono nella stessa directory.

5 Ripetere la stessa procedura, o, in alternativa, salvare il file home page come modello e semplicemente cancellare il testo nell'area corpo della pagina. Se si utilizza uno strumento di sviluppo web acquistato e lavorare offline, caricare le modifiche al server per visualizzare i risultati. / Funzioni possono esistere altri strumenti per personalizzare ulteriormente le pagine a seconda dello strumento di sviluppo web che si usa. Congratulazioni, avete appena costruito un sito web modulare.

Consigli e avvertenze

  • Un CMS (Content Management System), spesso offerto sotto forma di software on-line, di solito è accoppiato con il server come un servizio e funziona in genere funzionano bene insieme con esso. Informazioni sostenere lo sviluppo tecnico e potrebbe essere difficile da trovare. software di sviluppo Web è di solito ben supportato per problemi tecnici, ma l'abbinamento con il software con un server compatibile può essere difficile.
  • Qualunque sia il software che si sceglie, assicurarsi che sia ben supportato prima di prendere una decisione lo sviluppo web.

Articoli Correlati