Se siete alla ricerca di un modo semplice per modificare l'aspetto di molte pagine del tuo sito web con un minimo circa di programmazione, fogli di stile CSS (CSS), è un modo per farlo. Quando si apportano modifiche nel file css, tutte le pagine che fanno riferimento a quel file css rifletterà le modifiche. CoffeeCup StyleSheet Maker è un programma di editing di testo con un sacco di "Quello che vedi è quello che ottieni" (WYSIWYG) caratteristiche che aiutano le persone con competenze di programmazione limitata CSS per impartire le modifiche a livello di sito in testo, sfondi e molto altro. Detto questo, sarà ancora bisogno di competenze di programmazione CSS di base per navigare attraverso il codice in StyleSheet Maker.

istruzione

font design

1 Aprire un nuovo file di foglio di stile.

2 Scegliere "Corpo" dalla "Pick a Tag" menu a discesa nella barra degli strumenti. Questo creerà un tag body del documento

3 Posizionare il cursore all'interno delle parentesi del tag body.

4 Fare clic sull'icona "Carattere Designer" dalla barra degli strumenti. Si aprirà una finestra pop-up in cui è possibile scegliere le caratteristiche dei caratteri desiderati, comprese le variazioni nelle caratteristiche della famiglia di font, dimensione del carattere e il carattere.

5 Fai clic su "Cool" quando avete scelto le opzioni di font per vedere apparire nella finestra del progetto.

Cambiare Allineamento testo

6 Posizionare il cursore all'interno del tag body.

7 Fare clic sull'icona "Allineamento" nella barra degli strumenti. Si aprirà una finestra pop-up in cui è possibile scegliere la proprietà text-trattino proprietà line-height, parola e spaziatura tra lettere, di proprietà vertical-align e proprietà text-allineamento.

8 Fai clic su "Cool" quando avete scelto le opzioni di allineamento per vedere apparire nella finestra del progetto.

Modifica dei colori

9 Posizionare il cursore all'interno del tag body.

10 Fare clic sull'icona "colore e lo sfondo" nella barra degli strumenti. Si aprirà una finestra pop-up in cui è possibile scegliere un colore di sfondo da una tavolozza dei colori, il testo da una tavolozza e, se si desidera, è anche possibile caricare una foto da utilizzare come sfondo per questa interfaccia.

11 Fai clic su "Cool" quando hai scelto le opzioni di colore per vedere apparire nella finestra del progetto.

Modifiche Implementazione

12 Salvare il file come un file CSS. Per esempio, "mystylesheet.css" è perfettamente accettabile. Si consiglia di chiamare il foglio di stile in un modo che si riferisce alle pagine che colpisce. Per esempio, "productpages.css" o "contentpages.css" sono facili da ricordare.

13 Carica il file sul sito web, idealmente nella directory principale in modo che il file sul tuo sito web sarebbe http://www.mysite.com/mystylesheet.com.

14 Copiare il codice seguente nella sezione head delle pagine che si desidera in modo da riflettere la codifica nel file css.

<Link rel = "stylesheet" type = "text / css" href = "mystylesheet.css" />

Ricordate, utilizzare il nome del foglio di stile all'interno del tag href.

Consigli e avvertenze

• Salvare sempre copie di backup dei file che si sta cambiando. In caso di errori di programmazione, si può sempre tornare indietro al file originale.
• Ci sono centinaia di libri dedicati alla programmazione CSS. Imparare le basi della programmazione CSS vi aiuterà sposta attraverso StyleSheet Maker più rapidamente e con più fiducia.
• Se sei un nuovo CSS, tentativi ed errori è il tuo migliore amico. Sentitevi liberi di modificare il codice, salvarlo, quindi aggiornare la pagina per visualizzare le modifiche tutte le volte che vuoi fino a quando la pagina si presenta proprio come si desidera.