Come creare un modello di sito web

December 23

Anche se ci sono centinaia di siti web che forniscono i modelli per i siti web, alcuni individui hanno bisogno di più flessibilità e creatività. Questo è possibile grazie imparare a creare un modello di sito web da soli. Un programma come Photoshop è perfettamente adatto per la creazione di un modello di sito web.

istruzione

1 Aprire un nuovo file in Photoshop selezionando "File" e "Nuovo" sulla barra degli strumenti. Quando la pagina si apre, scegliere il formato del file. Anche se le dimensioni di pagina possono variare, si consiglia di creare una pagina più piccola per essere sicuri che lo schermo del computer di tutti saranno in grado di vederlo. Impostare la pagina ad una larghezza di 750 pixel e una lunghezza di 450 pixel.

2 Colorare lo sfondo della pagina nera. Questo può essere fatto scegliendo il colore di primo piano di essere nero nella tavolozza colori. Quindi selezionare lo strumento secchiello e fare clic sulla tela. Questo si trasformerà lo sfondo della pagina nera.

3 Fare clic sull'icona "Add Layer" nella palette "Livelli" per creare un nuovo livello. Se questa palette non è ancora aperto, può essere aperto andando alla barra degli strumenti e selezionando "Windows" e "Livelli". Titolo questo livello "Copyright". Creare un banner nella parte inferiore della pagina aprendo il disegno di una casella di immagine alta circa 20 pixel di larghezza e 750 pixel. Fare la bandiera di un colore diverso selezionando un colore sulla tavolozza di colori.

4 Disegnare una casella di testo all'interno della casella di immagine. All'interno della casella di testo, inserire il testo: ". Copyright 2009 (o l'anno in corso) www.yourwebsitename.com Tutti i diritti riservati."

5 Aggiungere un nuovo livello seguendo la stessa procedura descritta all'inizio del punto 3. Effettuare la pagina di una tonalità di grigio, creando il colore # 808080 nella tavolozza colori.

6 Scegliere lo strumento di tipo orizzontale e centrare la casella in alto della pagina. Poi riempire la casella con il titolo del sito web.

7 Creare scatole di immagine in tutta la pagina. È meglio creare circa sei-otto piccole scatole rettangolari lungo il lato sinistro della pagina. Clicca su ogni casella individualmente e selezionare Ctrl + D per inserire una foto all'interno di ciascuna casella. Se ogni pagina del sito web seguirà lo stesso modello con le stesse foto, allora potrebbe essere meglio andare avanti e mettere queste foto. D'altra parte, se queste foto cambieranno in ogni pagina, può essere meglio semplicemente creare le caselle website template senza porre le foto.

8 Mettere le caselle di testo e caselle di immagine più grandi sulla parte principale della pagina in cui si desidera inserire il testo e foto o grafica. E 'meglio per rendere le pagine web che sono immagine-guidata con il testo per integrare le immagini. La creazione di diverse immagini di medie dimensioni con didascalie sotto di loro è una buona opzione. Questo può essere fatto facilmente utilizzando lo strumento foto per disegnare le finestre di immagine e quindi utilizzando lo strumento casella di testo per disegnare le caselle di testo sotto. Digitare le didascalie per ogni immagine nelle caselle di testo sotto le foto.

Consigli e avvertenze

  • Posizionare bordi intorno alle caselle per migliorare l'estetica delle caselle di immagine sinistra.L possono stare fuori ancora di più se shading è posizionato intorno alla scatola. L'ombreggiatura può essere aggiunto facendo clic sulla casella e poi scegliendo un'immagine> Opzioni> ombreggiatura sulla barra degli strumenti.
  • Mantenere le pagine semplici. L'aggiunta di un numero eccessivo di immagini o troppo testo di una pagina rende semplicemente la pagina difficile da leggere e meno attraente per gli utenti.