Il modo più semplice per creare un sito Web è utilizzare un modello. Tuttavia, affinché la risorsa si distingua, è necessario modificare il layout predefinito. E qui non puoi fare a meno della conoscenza di base di html e css.
Istruzioni
Passo 1
Trova il modello di sito web più adatto a te su Internet. Presta attenzione alle sue capacità, alla capacità di adattarsi alle dimensioni del monitor, alle caratteristiche del menu e alla disposizione delle colonne. Scarica la versione che ti piace sul tuo computer, decomprimi l'archivio. Verifica le sue prestazioni caricando i file nella root del sito. Forse il modello contiene errori e non verrà installato correttamente, quindi non avrà senso lavorarci in futuro.
Passo 2
Anche se non hai intenzione di rifare completamente il modello, sostituisci la maggior parte delle immagini, e specialmente quelle che si trovano come logo. Sostituisci ogni immagine in questo modo:
- aprire il file grafico nel programma Photoshop;
- nel menu "Immagine" - "Dimensione immagine" guarda i suoi parametri;
- aprire un nuovo foglio con esattamente le stesse dimensioni;
- creare l'immagine desiderata utilizzando gli strumenti dell'applicazione;
- appiattisci tutti i livelli e salva (non per il web) una nuova immagine con lo stesso nome e nella stessa cartella, impostando il formato originale.
Quindi, invece di un'immagine, dovrebbe apparire un'altra.
Passaggio 3
Non appena cambi tutte le immagini, zippa la cartella con i file (nel caso di Joomla) e caricala tramite il pannello di amministrazione del sito nel menu "Estensioni". Verifica se il tema viene visualizzato correttamente con le nuove illustrazioni.
Passaggio 4
Modifica il resto dei parametri in style.css. Inoltre, è molto più conveniente farlo non tramite il pannello di amministrazione, ma su un computer. È ragionevole utilizzare localhost (Denver) per vedere il risultato delle trasformazioni il prima possibile. Ciò eviterà la necessità di caricare ogni volta il risultato sul server per visualizzare i risultati dopo la modifica successiva.
Passaggio 5
Scarica il plugin gratuito FireBug per Mozilla Firefox. Dopo l'installazione, nell'angolo in alto a destra del browser apparirà un'icona con un bug giallo. Fare clic su di esso o premere il tasto F12 e nella parte inferiore dello schermo, il codice della pagina apparirà in una versione compressa. Può essere aperto passando il mouse sui segni più. E se fai clic sulla linea di un elemento, verrà evidenziato nella parte superiore dello schermo. Sul lato destro della finestra con il codice, troverai gli stili che indicano le linee responsabili dell'aspetto. E diventerà immediatamente chiaro dove è necessario modificare il file di stile per cambiare il design.
Passaggio 6
Apri style.css in Blocco note ++. Puoi usare altri programmi progettati per modificare il codice, ma a questo scopo non puoi usare il "Blocco note" standard, altrimenti ci saranno errori dovuti alla codifica. Usa FireBug per trovare i parametri che vuoi modificare e modificarli in Notepad ++ allo stesso tempo.
Passaggio 7
Salva il css finale e carica il file sul server.
