Creazione di pagine web per uso aziendale e personale sta diventando più importante mentre il mondo continua a diventare più ampiamente collegato attraverso il World Wide Web. Un sito Web può essere ospitato per pochi dollari al mese - un prezzo a buon mercato per tale pubblicità accessibile. La parte costosa di un sito Web è spesso pagare un designer o sviluppatore per creare il tuo sito Web, ma se avete il tempo per creare il sito Web da soli, può essere fatto gratis utilizzando software già sul tuo computer. In alternativa, i siti Web possono essere creati utilizzando editor di testo open source che codice colore e inserire alcuni tag HTML per voi.
Istruzioni
1
Disegnare un piano per il tuo sito. Può trattarsi di un semplice schizzo, un quadro dettagliato o buttato giù su un pezzo di carta un paio di idee. Progettazione sito Web prima di aprire un editor di testo vi farà risparmiare tempo e creare un prodotto finito meglio.
2
Aprire un editor di testo come blocco note o un editor HTML gratuito. Creare gli elementi necessari per la tua pagina web digitando il codice riportato di seguito nel testo dell'editor:
< html >
< head >
< title > mia prima pagina Web < / title >
< / head >
< corpo >
Intestazione < h1 > < / h1 >
< p > sostituire questo testo con frasi per formare un paragrafo. </p >
< a href = "This" > http://www.example.com "> questo è un link a una pagina di esempio nel Web. < /a >
< p > qui di seguito è una piccola immagine. </p >
< img width = "250" height = "200" / >
< / body >
< / html >
Si noti che l'immagine jpg deve essere salvato nella stessa directory come questo documento HTML per poter visualizzare correttamente. Ad esempio, salvare il documento HTML e l'immagine in "My Documents" sul tuo computer o nella stessa directory sul server.
3
Aggiungi stile alla tua pagina web. Questa operazione viene eseguita con l'attributo di "stile". Ad esempio, modificare il colore, la dimensione e il carattere tipografico del testo del paragrafo digitando "style =" font-family: Arial; colore: verde; font-size: 30px "nel tag di apertura < p >. Modificare il colore di sfondo digitando "style =" background-colore: grigio "nell'apertura tag body. Il codice nell'editor di testo dovrebbe risultare come questo:
< html >
< head >
< title > mia prima pagina Web < / title >
< / head >
< body style = "background-colore: grigio" >
Intestazione < h1 > < / h1 >
< p stile = "font-family: Arial; colore: verde; font-size: 30px; " > sostituire questo testo con frasi per formare un paragrafo. </p >
< a href = "This" > http://www.example.com "> questo è un link a una pagina di esempio nel Web. < /a >
< p > qui di seguito è una piccola immagine. </p >
< img width = "250" height = "200" / >
< / body >
< / html >
4
Salvare il documento HTML. Quando si salva il file, utilizzare il file estensione ". html" o ". htm". In passato, software ammessi solo tre lettere nelle estensioni dei file, tuttavia con il nuovo software è perfettamente sicuro di utilizzare l'estensione. html.
5
Caricare i file per il tuo sito Web (il vostro documento HTML e immagini) al server dal provider di hosting web. Individuare la sezione del sito Web del vostro provider che dice "file manager", o qualcosa di equivalente e utilizzare l'applicazione fornita per caricare i tuoi file.
6
Aprire il file HTML nel browser web preferito. Fare doppio clic il file è stato creato o tasto destro del mouse (control-clic su Mac) il file e scegli il tuo browser preferito. Controlla la tua pagina in diversi browser e su piattaforme diverse per determinare se la pagina Visualizza il contenuto nello stesso modo su ogni browser.
Consigli & Avvertenze
- Esplorare nuovi modi per aggiungere stile e imparare i CSS per creare l'aspetto di stile della pagina web in modo da poter collegare più pagine web allo stesso foglio di stile. Risparmio di lavoro per te e crea un sito Web a tema.