Annuncio pubblicitario

Che tu gestisca la tua attività o desideri semplicemente pubblicizzare te stesso e le tue competenze, è importante avere un sito web. Ma forse non hai il tempo di imparare l'HTML e non vuoi spendere soldi per costosi servizi di web design.

In tal caso, puoi utilizzare i nostri modelli HTML gratuiti. Abbiamo creato modelli semplici che puoi adattare alle tue esigenze per creare un sito Web semplice. Abbiamo anche incluso le istruzioni in modo da poter utilizzare i modelli anche se sei un principiante assoluto con HTML.

Come utilizzare i modelli

È possibile visualizzare l'anteprima di ciascun modello facendo clic sul collegamento nel titolo. Ma per modificare e utilizzare tu stesso i modelli, devi prima scaricarli. Per farlo, tasto destro sul titolo di ciascun modello e scegliere Salvare collegamento come…. Quindi selezionare una cartella per salvare il modello e premere Salva.

Un metodo alternativo è quello di aprire il modello nel browser facendo clic sul collegamento. Poi

tasto destro in qualsiasi punto della pagina e selezionare Visualizza sorgente pagina. Questo ti mostrerà il codice HTML usato per la pagina. Puoi quindi colpire Ctrl + S per salvare il modello sul tuo computer.

Ora vai alla cartella in cui hai salvato il modello. Tasto destro sul modello e scegliere Aperta con quindi selezionare Blocco note. Questo apre il modello come documento di testo. Qui è possibile apportare eventuali modifiche al modello desiderato, quindi salvare.

Quando vengono apportate le modifiche, le pagine sono pronte per essere ospitate. Consulta la nostra guida al migliori servizi di hosting di siti Web gratuiti I migliori servizi di hosting di siti Web gratuiti nel 2019Ecco i migliori servizi di web hosting gratuiti che offrono molto e hanno una reputazione migliore rispetto alla maggior parte. Leggi di più per trovare un host adatto e il tuo sito può essere online in pochissimo tempo.

Questo modello è per una semplice homepage, che potrebbe essere per il tuo sito personale o professionale. Puoi aggiungere un'immagine di ritratto e un testo su di te e sui tuoi risultati professionali.

È inoltre possibile utilizzare questo modello per qualsiasi altro tipo di contenuto basato su testo, ad esempio informazioni su un hobby o un argomento che si desidera condividere.

Per personalizzare il modello, apri prima il file HTML in un editor di testo come Blocco note o WordPad. Per capire cosa stai vedendo, puoi imparare comprensione del codice HTML di base 5 passaggi per comprendere il codice HTML di baseHTML è la spina dorsale di ogni pagina web. Se sei un principiante, ti guidiamo attraverso i passaggi di base per comprendere l'HTML. Leggi di più .

Cambia il titolo della pagina

La prima cosa da cambiare è il titolo. Questo è il testo che appare nella parte superiore della scheda quando si apre la pagina. Per cambiare questo, trova la sezione:

Ora cambia il testo all'interno di

Cambia l'immagine

Il modello viene fornito con il logo MakeUseOf come esempio. Puoi cambiare questa immagine come preferisci. Un'immagine quadrata sembra migliore, ma puoi anche usare un'immagine rettangolare se preferisci. Per cambiare l'immagine, trova questa riga:

Ora cambia "muo-logo.jpg" nell'URL della tua immagine.

Cambia il testo

Ora devi solo aggiungere il testo desiderato per la pagina. Per fare ciò, trova i tag di paragrafo. Questi sono

all'inizio e

alla fine.

Copia e incolla il testo desiderato tra questi tag di paragrafo. Ci sarà uno spazio aggiunto automaticamente alla fine di ogni paragrafo. Per aggiungere più paragrafi, basta aggiungere un altro set di tag con testo all'interno.

Puoi anche cambiare l'intestazione nella parte superiore del testo. Per cambiarlo, trova la riga:

Riguardo a me

E cambia il testo "Chi sono" nel modo che preferisci.

Questo modello è un modo semplice per collegare tutti i tuoi siti di social media. Puoi usarlo come landing page che punta a tutti gli altri siti in cui puoi essere trovato online.

Modifica i link dei social media

È necessario modificare i collegamenti e il nome per ciascun account di social media. Per fare ciò, inizia con l'account Twitter. Trova questa linea:

Twitter:@John Smith

Ci sono due cose da cambiare qui. Innanzitutto, modifica il collegamento http://twitter.com/johnsmith al link per il tuo account Twitter. In secondo luogo, cambia la maniglia @JohnSmith nella tua maniglia.

Ora fai lo stesso con gli altri siti di social media.

Se esiste un sito che non usi, ad esempio se non disponi di un account Tumblr, elimina semplicemente questa sezione del modello:

Tumblr:John Smith

Cambia l'intestazione e il titolo

Come il modello about me, puoi cambiare intestazione e titolo cambiando il testo all'interno di tag e il tag.

Questa pagina è un modo per le persone di contattarti senza che ti debbano mandare una email. Il modulo prende le informazioni inserite e le invia automaticamente al tuo indirizzo email. È un modo semplice per i visitatori del sito di contattarti.

Cambia il tuo indirizzo email

Per far funzionare il modulo, è necessario modificare una riga nel modello:

Qui cambi il tuo [email protected] nel tuo indirizzo e-mail. Funzionerà con qualsiasi provider di posta elettronica e riceverai un'email con i commenti inseriti nel modulo dai visitatori del sito.

Modifica il testo, l'intestazione e il titolo

Ancora una volta puoi modificare il testo che appare anche su questa pagina. Per cambiare il testo, basta modificare ciò che appare tra allora tag. Per modificare l'intestazione, cambia il testo tra i tag. Per cambiare il titolo, cambia il testo tra tag.

Quando crei una home page per la tua attività, vuoi avere tutte le informazioni chiave in un unico posto. Questo è lo scopo di questo modello.

Cambia i titoli delle sezioni

Per cambiare il titolo di ogni sezione, cerca queste righe:

Riguardo a noi
La nostra missione
I nostri servizi
I nostri clienti

Ora cambia il titolo di queste sezioni come preferisci modificando il testo tra i

e

tag.

Cambia il contenuto della sezione

Per modificare il testo che appare sotto ciascun titolo, cerca un paragrafo che inizi come segue:

Lorem ipsum dolor sit amet... 

Ora cambia il testo all'interno di

e

tag per dire quello che vuoi.

Cambia l'immagine

Il modello include uno spazio per un'immagine nella parte inferiore della pagina. Per cambiare l'immagine, trova questa riga:

Ora cambia l'URL "muo-logo.jpg" nell'URL per l'immagine che desideri utilizzare.

Quando gestisci un'azienda, è importante rendere disponibili le testimonianze dei clienti. Ciò mostra ai potenziali nuovi clienti che altre persone hanno utilizzato la tua attività e hanno avuto una buona esperienza.

Questo modello ti consentirà di mostrare le migliori recensioni dei clienti.

Aggiunta di informazioni sul cliente

Per aggiungere recensioni a questa pagina, devi prima aggiungere le informazioni sul cliente. Per fare ciò, cerca questa sezione per la prima recensione che desideri aggiungere:

Nome del cliente: John Smith. 

Attività del cliente: Forniture di Smith

Ora basta cambiare "John Smith" con il nome del cliente e cambiare "Forniture di Smith" con il nome commerciale del cliente.

Aggiunta di recensioni dei clienti

Per aggiungere la recensione stessa, guarda sotto le informazioni del cliente e trova questo paragrafo che inizia come segue:

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Ora elimina questo testo e sostituiscilo con la recensione del cliente.

Aggiungi altre recensioni

Per aggiungere più recensioni delle tre sul modello, copia l'intero blocco a partire da

e termina con

. Incollalo sotto le recensioni correnti e modifica per aggiungere altre recensioni.

Crea rapidamente un sito Web con modelli HTML

Questi modelli ti permetteranno di creare rapidamente e facilmente una pagina web personale o professionale. È possibile modificare ciascun modello per adattarlo alle proprie esigenze oppure utilizzarne diversi e collegarli insieme per creare un sito completo.

Se vuoi portare il tuo sito Web al livello successivo, puoi imparare come creare il tuo sito Web da zero. Scoprire come creare un sito Web per principianti Come creare un sito Web: per principiantiOggi ti guiderò attraverso il processo di creazione di un sito Web completo da zero. Non preoccuparti se questo sembra difficile. Ti guiderò attraverso ogni passaggio. Leggi di più per saperne di più.