Come fare un layout Blog

July 13

Come fare un layout Blog


Come si crea un layout per il tuo blog dipende da che tipo di blog che si desidera. Se avete un blog su un sito di blog hosting gratuito, si può usare il designer di layout situato su quel sito per personalizzare l'aspetto del tuo blog. Se si vuole fare un layout per il blog che si ospita presso il proprio dominio, allora si avrà bisogno di creare in un formato specifico e di caricarlo nella cartella corretta nella directory di hosting.

istruzione

1 Creazione di un mock-up del progetto per dare un'idea di come il disegno finito avrà un aspetto. Aprire un programma di editing grafico e creare un nuovo file che è larga 900 pixel e alta 600 pixel. Compila questa zona con il colore che si desidera utilizzare per lo sfondo sul blog.

2 Disegnare un grande rettangolo verticale al centro e riempirlo con un colore chiaro. Questo sarà il contenitore che conterrà il contenuto del tuo blog, la colonna che sarà la vostra barra laterale per contenere le informazioni per il tuo blog, e un piè di pagina per contenere le informazioni sul copyright e crediti. Decidere quanto grande si desidera che la barra laterale e le colonne di contenuti di essere, ma hanno bisogno di aggiungere fino alla larghezza del contenitore.

3 Scegli i colori che si desidera utilizzare per il testo, i link di testo e tutti gli altri elementi che si desidera includere. Decidere lo stile del titolo o "header" e se si vuole fare è solo testo normale o un'immagine. Se si desidera che l'intestazione sia un'immagine, digitare il nome del tuo blog con lo strumento di testo nel vostro programma di editing grafico e includere il logo blog se ne hai uno. Ritagliare l'immagine con lo strumento di ritaglio e salvarlo come "header".

4 Creare un nuovo file nella directory dei file del tuo sito web da utilizzare come una pagina di test per il layout. Fare riferimento alla sezione Risorse di questo articolo e seguire i link ad un approfondito tutorial su come creare un layout con l'uso di "div" e lo stile con un file CSS (Cascading Style Sheet). Div sono gli elementi separati che saranno il quadro del layout. Copia e incolla i codici dei tutorial e applicarli ai file nella directory.

5 Caricare le immagini sul server che si desidera utilizzare per l'intestazione o come sfondo piastrellato.