Il modo più semplice per un principiante di creare un sito Web è utilizzare un modello standard. L'unicità della risorsa può essere ottenuta apportando una serie di modifiche estetiche e organizzative nella progettazione standard.
Necessario
- - modello di sito;
- - programma Photoshop;
- - estensione per il browser FireBug;
- - Editor di Blocco note ++.
Istruzioni
Passo 1
Trova un modello di sito web adatto a te su Internet. Esplora i template proposti, prestando attenzione alla loro adattabilità alle dimensioni del monitor, alle specificità della disposizione delle colonne e dei menu. Scarica l'opzione selezionata. Controlla le sue prestazioni caricando i file nella radice del sito che stai creando. Se il modello contiene errori che vengono alla luce nel lavoro, è meglio trovare un'altra opzione.
Passo 2
Modifica la maggior parte delle immagini nel modello. Sostituisci ogni immagine come segue. Avvia Photoshop e apri uno dei file grafici del modello al suo interno. Guarda nel menu "Immagine" nella colonna "Dimensioni" per i parametri dell'immagine. Apri un nuovo foglio con le stesse dimensioni e crea su di esso l'immagine che ti serve. Salva il risultato nella cartella del modello sotto il nome del file grafico da sostituire. Pertanto, è necessario sostituire tutte le immagini significative.
Passaggio 3
Modificare il resto dei parametri utilizzando le tabelle a cascata style.css, un linguaggio di programmazione formale che descrive l'aspetto di un documento. È più conveniente apportare tali modifiche tramite il pannello di amministrazione ed è meglio visualizzare i risultati sull'hosting locale in modo da non caricare ogni aggiornamento sul server.
Passaggio 4
Scarica e installa l'estensione gratuita FireBug per il tuo browser. Un'icona con un bug giallo dovrebbe apparire nell'angolo in alto a destra della finestra del browser. Fare clic sull'icona e premere F12. Il codice della pagina compressa viene visualizzato nella parte inferiore dello schermo. Può essere espanso passando il mouse sopra i segni più. Cliccando sulla riga di un elemento, puoi vedere come è evidenziato nella parte superiore dello schermo. Nella parte destra della finestra con il codice sono presenti gli stili che indicano le righe responsabili dell'aspetto della pagina.
Passaggio 5
Apri il modello nell'editor Notepad ++. Usa FireBug per trovare i parametri da modificare e modificali in Notepad ++.
Passaggio 6
Salva il risultato e carica il sito creato sul server.
