Nwlapcug.com


Come costruire un sito modulare

Come costruire un sito modulare


Il tempo consumato progettazione e manutenzione di siti Web HTML aumenta rispetto al numero di pagine create, perché possono cambiare anche i link di navigazione. In alternativa per modificare ogni pagina, tecnologia modulare aumenta l'efficienza riutilizzo di codice e abilitando gli aggiornamenti simultanei a specifiche aree delle pagine. Questo è possibile attraverso l'uso di linguaggi di scripting lato server come PHP, ASP e database server supportati. Queste tecnologie consentono di creare un sito Web di modulare in combinazione con un WYSIWYG (quello che vedete è che cosa ottenete) editor nel vostro software di sviluppo web.

Istruzioni

1

Creare un wireframe (un albero di navigazione gerarchica) di tutte le pagine nel sito ed etichetta come si connetteranno ad uno altro.

2

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

3

Aprire lo strumento di sviluppo web. Creare una nuova pagina PHP (o utilizzare un modello preferito di pagina) che sarà la pagina del vostro menù. Fare riferimento alla tua wireframe per tenere traccia dei vostri nomi di pagina. Digitare i nomi di tutte le pagine che si desidera collegare nel tuo sito Web nella parte superiore della pagina in modo orizzontale. Ad esempio: home, chi siamo, link, contatti, ecc. Evidenziare la parola per ogni nome di pagina e selezionare il pulsante di collegamento ipertestuale. Digitare il percorso di indirizzo appropriato e assicurarsi che il nome del file termina con. php (php). Ripetere i passaggi per ogni parola, quindi salvare il file come header. php. Se volete il vostro sito Web per contenere un altro menu nella parte inferiore della pagina, mentre il nome del file è ancora aperto, è possibile salvare un'altra copia come footer. php. È consigliabile avere due nomi di file diversi per questi menu evitare di ricevere messaggi di errore.

4

Creare le pagine effettive del tuo sito Web aprendo una pagina o scelta di un modello. La pagina conterrà tre elementi: un menu in alto (collegamento alla tua pagina di header. php), il corpo del testo per la home page e il menu in basso (collegamento alla tua pagina footer. php). Nella parte superiore della tua pagina, inserire un PHP includere tag. Se il vostro strumento di sviluppo web non dispone di un tag di inclusione specifici, quindi potrebbe essere necessario fare qualche programmazione minori. Non è complicato; semplicemente passare all'editor di codice sorgente e fra il corpo di < > Tag tipo: <? php include("header.php");? >. Tornare al vostro editor WYSIWYG e digitare il testo per la home page. Al termine, inserire un altro PHP includere tag alla fine o tornare all'editor del codice sorgente e tipo <? php include("footer.php");? >. Salva la tua home page come index. php e garantire che tutti i tuoi file siano nella stessa directory.

5

Ripetere la stessa procedura, o, in alternativa, salvare il file di presentazione come modello e semplicemente cancellare il testo nella zona del corpo della pagina. Se si utilizza uno strumento di sviluppo web acquistati e lavora non in linea, è possibile caricare le modifiche al server per visualizzare i risultati. Esistono anche altri strumenti/funzioni per personalizzare ulteriormente le vostre pagine a seconda dello strumento di sviluppo web che si utilizza. Congratulazioni, hai appena costruito un sito Web modulari.

Consigli & Avvertenze

  • Un CMS (Content Management System), spesso offerto in forma di software on-line, solitamente è associato con il server come un servizio e in genere funziona lavorare bene insieme con esso. Informazioni tecniche di supporto e sviluppo potrebbero essere difficile da trovare. Software di sviluppo Web è solitamente ben supportato per problemi tecnici, ma l'associazione con un server compatibile con il software può essere difficile.
  • Qualsiasi software di sviluppo Web si sceglie, assicurarsi che è ben supportato prima di prendere una decisione.