5 modelli HTML gratuiti per creare facilmente siti Web rapidi
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 fare ciò, fai clic con il pulsante destro del mouse sul titolo di ciascun modello e scegli Salva 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. Quindi fai clic destro in qualsiasi punto della pagina e seleziona Visualizza origine pagina . Questo ti mostrerà il codice HTML usato per la pagina. Puoi quindi premere Ctrl + S per salvare il modello sul tuo computer.
Ora vai alla cartella in cui hai salvato il modello. Fare clic con il tasto destro sul modello e selezionare Apri 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. Dai un'occhiata alla nostra guida ai migliori servizi di hosting di siti Web gratuiti I migliori servizi di hosting di siti Web gratuiti nel 2019 I migliori servizi di hosting di siti Web gratuiti nel 2019 Ecco i migliori servizi di hosting web gratuiti che offrono molto e hanno una reputazione migliore rispetto alla maggior parte. Maggiori informazioni per trovare un host adatto e il tuo sito può essere online in pochissimo tempo.
1. Modello Informazioni personali
Questo modello è per una semplice homepage, che potrebbe essere per il tuo sito Web 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 a capire il codice HTML di base 5 Passaggi per comprendere il codice HTML di base 5 Passaggi per capire il codice HTML di base L'HTML è la struttura portante 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:
John Smith - Chi sono
Ora cambia il testo all'interno dei tag per dire quello che vuoi.
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 "img / Programming / 843/5-free-html-templates-easy-create-quick-website-2.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 cambiare questo, trova la linea:
Riguardo a me
E modifica il testo "Chi sono" nel modo che preferisci.
2. Modello Dove trovarmi
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: @JohnSmith
Ci sono due cose da cambiare qui. Innanzitutto, modifica il link http://twitter.com/johnsmith nel collegamento 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 utilizzi, ad esempio se non disponi di un account Tumblr, elimina semplicemente questa sezione del modello:
Tumblr: johnsmith
Cambia l'intestazione e il titolo
Come il modello about me, puoi cambiare intestazione e titolo cambiando il testo all'interno di
tag e tag.3. Contattami modello
Questa pagina è un modo per le persone di contattarti senza che ti debbano inviare un'e-mail. 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 nel tuo indirizzo e-mail. Funzionerà con qualsiasi provider di posta elettronica e riceverai un'email con tutti 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 i tag. Per modificare l'intestazione, cambia il testo tra i
tag. Per cambiare il titolo, cambia il testo tra i tag.4. Modello di homepage aziendale
Quando crei una home page per la tua attività, vuoi avere tutte le informazioni chiave in un unico posto. Ecco a cosa serve 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 in quello che desideri 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 "img / Programming / 843/5-free-html-templates-easy-create-quick-website-2.jpg" nell'URL per l'immagine che desideri utilizzare.
5. Modello di pagina di revisione aziendale
Quando gestisci un'azienda, è importante rendere disponibili le testimonianze dei clienti. Questo 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, prima devi aggiungere le informazioni del cliente. Per fare ciò, cerca questa sezione per la prima recensione che desideri aggiungere:
Nome cliente: John Smith
Attività del cliente: forniture di Smith
Ora cambia semplicemente "John Smith" con il nome del cliente e cambia "Smith's Supplies" 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. Puoi modificare ogni modello per adattarlo alle tue esigenze, oppure usarne 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. Scopri come creare un sito Web per principianti Come creare un sito Web: per principianti Come creare un sito Web: per principianti Oggi 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ù.
Ulteriori informazioni su: HTML, sviluppo Web.
