Nwlapcug.com


Come creare sfondi di pagina Web

Uno sfondo attraente ma non invadente per la tua pagina Web, se lo fai bene, dà il tuo sito Web un aspetto molto professionale. Con appena una poca conoscenza di Photoshop o Paint Shop Pro e ancor meno conoscenza dei fogli di stile CSS, si può fare da soli.

Istruzioni

Tre modi per ottenere grafica di sfondo

1

Due siti web dove è possibile scaricare immagini di sfondo della pagina Web gratuita sono elencati nella sezione risorse.

2

Se si dispone di OpenOffice.org, la suite di produttività gratuita e aperta, installato nel computer, è possibile utilizzare le immagini di sfondo web inclusi. Su Windows XP, questi file si trovano in c:\Programmi\Microsoft OpenOffice.org 3\Basis\share\gallery\www-back.

Il software OpenOffice.org è concesso in licenza sotto la GNU Lesser General Public License (LGPL) e la licenza di documentazione pubblica (PDL).

3

Con un programma come Photoshop o Paint Shop Pro, rendere la propria piccola grafica da utilizzare come piastrelle di sfondo per il tuo sito Web.

Fare uno sfondo a strisce delle mattonelle

4

Per rendere un piccolo sfondo piastrelle in Paint Shop Pro, selezionare "File" e poi "Nuova immagine". Questa piastrella avrà piccole strisce verticali in bianco e rosa.

5

L'immagine deve essere a 72 dpi di risoluzione e solo 1 pixel di altezza e 2 pixel di larghezza.

6

Selezionare "Visualizza" e lo zoom in quanto necessario per vedere chiaramente l'immagine.

7

Nel selettore colore, scegliere il bianco per il colore di sfondo e rosa pallido per il colore della vernice.

8

Ora, selezionare lo strumento "Pennello".

9Come creare sfondi di pagina Web


Selezionare la casella Opzioni strumento nella parte superiore dello schermo. Apparirà una finestra con «Opzioni dello strumento - pennello.» Selezionare "piazza" per la forma del pennello e "1" per le dimensioni.

10

Toccare leggermente il pennello sul lato destro dell'immagine. Esso si tingono di rosa.

11

Salvare il lavoro con un nome come whitepink.jpg.

Applicare lo sfondo alla tua pagina Web

12

Fare un foglio di stile per la tua pagina Web, che contiene questo frammento di codice:

body {background-image: url(whitepink.jpg);

background-repeat: repeat; }

Questo rende un allover sfondo per la tua pagina Web. Per avere l'immagine a ripetere solo verticalmente, si darebbe il comando "repeat-y", o "repeat-x" di averlo ripetere solo da sinistra a destra. Per visualizzare l'immagine una sola volta, il comando è "no-repeat."

13

Salva il tuo stile foglio come feb09.css o qualsiasi altro nome che si desidera utilizzare.

14

Mettere questo po ' di codice da qualche parte all'interno di < head > della pagina HTML.

< LINK REL = "stylesheet" type = "text/css" href="feb09.css" >

15

Caricare la pagina HTML, il file di feb09.css e la piastrella grafica di sfondo al tuo sito Web, ricordando di utilizzare la modalità binaria per la modalità ASCII grafica e regolare per due file di testo.

16Come creare sfondi di pagina Web


Ora guardate la pagina che hai appena fatto nel tuo browser. Esso sarà simile all'esempio a sinistra.

Consigli & Avvertenze

  • Per facilitare la lettura, il testo sulla tua pagina Web deve essere in contrasto con i colori utilizzati nel vostro background.
  • File grafici di grandi dimensioni causano pagine Web si caricano lentamente. Rendere il vostro file grafici più piccolo possibile, sia in termini di dimensione del file e la dimensione della grafica visualizzata.