January 2
I siti web possono informare i clienti di ciò che si fa, come lo si fa e ciò che si distingue. Essi possono anche aggiungere contesto per la vostra azienda utilizzando un tema o layout che mostra quali sono i vostri valori aziendali. Tuttavia, le tendenze cambiano e le aziende diversificano e cambiano pure. Qualunque sia il caso, potrebbe essere necessario modificare la pagina web esistente o pagare uno sviluppatore di modificare la vostra pagina web. Ma l'assunzione di uno sviluppatore può essere costoso. esistono soluzioni semplici e gratuiti per l'editing tua pagina web esistente utilizzando un semplice editor di testo.
1 Scaricare i file che compongono il vostro sito web e salvarli in una cartella sul desktop o in un'altra posizione facilmente accessibile sul computer. I file nel vostro sito web, probabilmente includono un documento HTML o PHP (file con estensione .htm, .html o .php), CSS (estensione del file css) e immagini (più comunemente, le estensioni dei file .jpg e .gif).
2 Aprire la cartella in cui avete salvato i file per il tuo sito. I documenti HTML forniscono la struttura e il codice di base del tuo sito web, mentre i documenti CSS forniscono lo stile per le pagine web.
3 Aprite il vostro editor preferito di testo (ad esempio Blocco note) o editor HTML.
4 Importare il documento HTML nell'editor di testo. Individuare il <head> e <body> di voi documento HTML. pagine Web contengono generalmente i seguenti elementi:
<Html>
<Head>
<Link rel = "stylesheet" type = "text / css" href = "yourpagestyle.css" />
<Title> Questo contiene il titolo per la tua pagina web </ title>
</ Head>
<Body>
<H1> Titolo </ h1>
<P> Queste frasi formano paragrafi. </ P>
<a href="This"> http://www.example.com "> Questo è un link a una pagina di esempio sul Web. </a>
<P> Di seguito è riportato un quadro. </ P>
<Img width = "250" height = "200" />
</ Body>
</ Html>
La testata è un contenitore per gli elementi di testa. Questi elementi includono script, istruzioni per il browser per trovare i fogli di stile (in questo esempio, il foglio di stile è chiamato "yourpagestyle.css") informazioni e meta.
La sezione corpo contiene le informazioni che devono essere visualizzati dal browser. Questo include intestazioni, paragrafi, immagini e altro ancora.
5 Modificare il testo nel documento HTML. Testo modificabile di solito appare racchiuso in tag HTML, che si aprono con le marcature come <p>, <h1>, <title> o <a>, nel caso di collegamenti. Testo tra l'apertura (ad esempio <p>) e di chiusura (ad es </ p) tag può essere modificato.
6 Inserire un'immagine diversa nella vostra pagina web. Nel seguente esempio, l'immagine si chiama "a_picture.jpg." Si supponga di voler cambiare a un'altra immagine che hai, come ad esempio "Mycat.jpg." Sostituire il testo "a_picture.jpg" con "Mycat.jpg," e spostare l'immagine del tuo gatto (Mycat.jpg) nella stessa cartella che il documento HTML viene salvato in. Deve essere in questa cartella o essere indirizzate al corretta della cartella (ad esempio "/photos/mycat.jpg").
7 Importare il file CSS nel vostro editor di testo. Se non si dispone di un file CSS, lo stile può essere situato nel documento HTML stesso. In tal caso, individuare la parte del documento che dice "style =" nella sezione corpo, o <style type = "text / css"> </ style> nella sezione del corpo.
8 Cambiare il colore del vostro sfondo della pagina web. Questo può essere fatto modificando la proprietà background-colore. Nel vostro tipo di file CSS o modificare il codice di simile a questa:
body {
background-color: grey;
}
o nella sezione head del documento HTML, digitare o modificare il codice
<Style type = "text / css"> body {background-color: grey;} </ style>
per cambiare il colore di sfondo. Si noti che è possibile utilizzare i nomi dei colori o codici colore HEX a cambiare colore in HTML (vedi Risorse).
9 Modificare la dimensione del testo, il colore o il carattere utilizzando le rispettive proprietà. Per modificare le dimensioni del testo, utilizzare la proprietà font-size:
body {font-size: 100%;}
h1 {font-size: 2.5em;}
p {font-size: 0.8em;}
Modificare la famiglia di font utilizzando molteplici stili, in modo simile nel caso in cui l'utente non ha il primo tipo di carattere specificato. Per fare questo, digitare:
p {font-family: "Times New Roman", Times, serif;}
Colore carattere viene modificata semplicemente utilizzando la proprietà "colore" (ad esempio il colore: blu). Questi possono essere combinati in una sola linea pure. Per esempio,
p {font-family: "Times New Roman", Times, serif; font-size: 0.8em; colore blu;}