Per dare individualità al sito, il webmaster crea un modello originale, perché il design è il volto del sito. Oggi è possibile scaricare un gran numero di layout di layout da Internet e avranno un aspetto molto piacevole. In genere, i modelli copiati dal Web vengono modificati per rendere unico il sito.
È necessario
- - visualizzatore di immagini;
- - FileZilla;
- - editor di testo Blocco note ++.
Istruzioni
Passo 1
Usa FileZilla per visualizzare e modificare i tuoi file modello. Con il suo aiuto, puoi lavorare con i file di configurazione online. Di norma, vengono elaborati 3 file per modificare il design del sito: index.php, template.css e templateDetails.xml.
Passo 2
L'"intestazione" del sito è l'elemento della pagina che va dall'inizio all'inizio del contenuto, da cui il nome. Si chiama anche intestazione. Di norma, nell'"intestazione" del sito va sostituito solo il logo o qualsiasi altra immagine (logo.jpg). La posizione del logo del sito è nel file template.css. Aprilo con Blocco note ++.
Passaggio 3
Per cercare un valore utilizzare l'opzione "Cerca elemento": premere la combinazione di tasti Ctrl + F e inserire il valore desiderato nel campo vuoto. Se vuoi modificare la larghezza o l'altezza dell'immagine nell'"intestazione", inserisci la parola intestazione nella barra di ricerca e premi il tasto Invio.
Passaggio 4
Sotto la parola che stai cercando, vedrai le linee: Altezza (altezza) e Larghezza (larghezza). Modifica questi valori, quindi premi Ctrl + S per salvare le modifiche. Nella finestra di dialogo FileZilla risultante, fai clic sul pulsante Sì.
Passaggio 5
Vai al sito per visualizzare le modifiche. Se non sei soddisfatto, torna al file e inserisci i nuovi valori.
Passaggio 6
Per modificare la dimensione e il nome del carattere nella pagina principale del sito, usa la ricerca. Digita la parola corpo e premi il tasto Invio. Sotto questo operatore ci sono le linee font-family (nome) e font-size (dimensione o punto). Modifica i loro valori, salva le modifiche e vai al sito per visualizzarli.
Passaggio 7
Per modificare la modalità di visualizzazione dei collegamenti, inserisci i valori a: link (link standard), a: visitato (link visitato) e a: hover (link attivo) nel modulo di ricerca. Premi Invio per trovare questi elementi nel file template.css.
Passaggio 8
Modifica la dimensione del carattere e i parametri del colore. Dopo averli modificati, probabilmente noterai che non tutti i collegamenti hanno acquisito un colore o una dimensione del carattere diversi. In questo caso, è necessario cercare opzioni di posizionamento dei collegamenti alternative. Ad esempio, quelli che sono rimasti invariati si trovano nel menu principale, quindi è necessario cercare un elemento consonante.
Passaggio 9
Cerca la parola "Principale" e premi Invio. Molto probabilmente, ti ritroverai accanto al collegamento col sinistro e agli elementi del collegamento col corrente sinistro, il cui valore è necessario modificare. Dopo averli modificati, salva il risultato e vai alla pagina del sito, tutti i link sulla pagina caricata dovrebbero cambiare esternamente.
