Siti Web possono informare i clienti di cosa fare, come farlo e cosa vi distingue. Si possa anche aggiungere contesto per la vostra azienda utilizzando un tema o il layout che mostra che i valori di azienda. Tuttavia, le tendenze cambiano e aziende diversificare e cambiano pure. In ogni caso, potrebbe essere necessario modificare la tua pagina web esistente o pagare uno sviluppatore di modificare la tua pagina web. Ma assumere uno sviluppatore può essere costoso. Esistono soluzioni semplici, liberi per modificare la tua pagina web esistente utilizzando un semplice editor di testo.
Istruzioni
Guida introduttiva
1
Scaricare i file che costituiscono il tuo sito Web e salvarli in una cartella sul vostro desktop o altra posizione facilmente accessibile sul tuo computer. I file nel tuo sito Web probabilmente includono un documento HTML o PHP (file estensione. htm,. html o. php), CSS (file estensione. CSS) e immagini (più comunemente, file con estensione jpg e gif).
2
Aprire la cartella dove hai salvato i file per il tuo sito. I documenti HTML forniscono il codice struttura e core del tuo sito Web, mentre i documenti CSS forniscono lo stile per le pagine web.
3
Aprire l'editor di testo preferito (ad esempio Blocco note) o l'editor HTML.
Modificare il codice HTML
4
Importare il documento HTML nell'editor di testo. Individuare il < head > e < body > sezione del documento HTML si. Pagine Web contengono generalmente i seguenti elementi:
< html >
< head >
< link rel = "stylesheet" type = "text/css" href="yourpagestyle.css" / >
< title > contiene il titolo per la tua pagina Web < / title >
< / head >
< corpo >
Intestazione < h1 > < / h1 >
< p > queste frasi formano paragrafi. </p >
< a href = "This" > http://www.example.com "> questo è un link a una pagina di esempio nel Web. < /a >
< p > di seguito è riportato un foto. </p >
< img width = "250" height = "200" / >
< / body >
< / html >
Nella sezione head è un contenitore per gli elementi di testa. Questi elementi includono script, istruzioni per il browser trovare i fogli di stile (in questo esempio il foglio di stile è chiamato "yourpagestyle.css") e meta informazioni.
La sezione body contiene le informazioni che deve essere visualizzato dal browser. Questo include le intestazioni, paragrafi, immagini e altro ancora.
5
Modificare il testo nel documento HTML. Testo modificabile solitamente appare racchiuso nel tag HTML, apribili con marcature come < p >, < h1 >, < title > o < a >, nel caso di collegamenti. Testo tra l'apertura (ad es. < p >) e di chiusura (ad es. < / p) Tag può essere modificato.
6
Inserire un'immagine diversa nella tua pagina web. Nell'esempio seguente, l'immagine viene chiamato "a_picture.jpg." Si supponga di che voler cambiare a un'immagine diversa che si dispone, ad esempio "Mycat. jpg." Sostituire il testo "a_picture.jpg" con "Mycat. jpg" e spostare l'immagine del vostro gatto (Mycat. jpg) nella stessa cartella del documento HTML salvato in. Deve essere in questa cartella o essere diretto nella cartella corretta (ad esempio "/ photos/mycat.jpg").
Modificare lo stile
7
Importare il file CSS in editor di testo. Se non si dispone di un file CSS, lo stile deve trovarsi nel documento HTML stesso. In tal caso, individuare la parte del documento che dice "style =" nella sezione del corpo, o < stile tipo = "text/css" >< / stile > nella sezione del corpo.
8
Modificare il colore di sfondo della pagina web. Questo può essere fatto modificando la proprietà background-color. Tipo di file nel tuo CSS o modificare il codice come questo:
corpo () {
background-color: grigio;
}
o nella sezione head del documento HTML, digitare o modificare il codice
< stile tipo = "text/css" > corpo {background-color: gray;} < / stile >
per modificare il colore di sfondo. Nota che è possibile utilizzare nomi di colori o codici di colore HEX per cambiare colore in HTML (Vedi risorse).
9
Modificare la dimensione del testo, colore o tipo di carattere utilizzando le rispettive proprietà. Per modificare la dimensione del testo, utilizzare la proprietà font-size:
Body {font-size: 100%;}
H1 {font-size: 2.5em;}
p {font-size: 0.8 em;}
Modificare la famiglia di caratteri utilizzando più, stili simili nel caso l'utente non ha il primo tipo di carattere specificato. Per effettuare questa operazione, digitare:
p {font-family: "Times New Roman", Times, serif;}
Colore del carattere viene modificato semplicemente utilizzando la proprietà "color" (es. colore: blu). Questi possono essere combinati in un'unica riga pure. Per esempio
p {font-family: "Times New Roman", Times, serif; font-size: 0.8 em; color: blue;}
Consigli & Avvertenze
- Mostra le modifiche apportate in un browser web spesso facendo doppio clic il file HTML o tasto destro del mouse e scegliere "Apri con", "Firefox" (o il tuo browser preferito).