Come creare un Sito web Da Zero (HTML, WordPress, o Costruttori)

Come il proprietario di un piccolo di pianificazione di nozze di avvio, un mio amico non ha avuto un sacco di tempo o denaro per mettere ad imparare come fare un sito web ma sapeva che aveva bisogno di uno, o la sua attività quasi invisibile. Nonostante la sua mancanza di capacità di programmazione, è andata avanti a tutta velocità creando da sola la sua presenza online.

Avviare un sito web da zero non era in realtà il compito arduo che temeva., Con gli strumenti giusti, ha ottenuto un sito WordPress installato e funzionante entro un paio di settimane. Dopo il buildout iniziale del sito, ha continuato ad espandersi e aggiornarlo se stessa come la sua attività è cresciuta.

Come illustra la sua esperienza, chiunque può imparare a creare un sito web con relativa facilità. E ‘ semplice come l’acquisto di web hosting e un nome di dominio, poi mettere a punto il vostro disegno attraverso un costruttore di siti web, WordPress, o utilizzando bare-bones HTML. Ti guideremo attraverso ogni passaggio qui sotto, quindi sentitevi liberi di fare clic su uno dei link qui per saltare avanti.,

Scegli un host | Crea il tuo sito | Website Builder/WordPress

Passo 1: Scegli un host e un dominio

Il primo passo per creare un sito web, indipendentemente dall’approccio che decidi di utilizzare, è selezionare un servizio di hosting web e un nome di dominio. L’host web è l’azienda che fornisce il server e lo spazio di archiviazione per il tuo sito e dà al mondo online l’accesso al tuo marchio. Il nome di dominio, d’altra parte, è l’URL (ad esempio, www.hostingadvice.com) che le persone usano per navigare direttamente al tuo sito.

La scelta di un host

Questa è la parte super facile., Gli host più votati del web hanno tirato fuori tutte le fermate per accelerare e alleviare il processo iniziale di creazione del sito web, spesso iniziando con una registrazione gratuita del nome di dominio, installazioni con un solo clic per CMS popolari e piattaforme di blogging, un costruttore di siti Web gratuito e crediti di marketing.

Per iniziare, ti consigliamo di iscriverti a un piano di hosting web con uno dei seguenti provider. Il tuo server web verrà impostato immediatamente e la maggior parte ti darà anche un nome di dominio gratuito a tua scelta., Una volta effettuato l’accesso, potrai costruire il tuo sito web in pochissimo tempo:

a buon MERCATO il RATING
4.8/5.0
  • Noto per alte prestazioni a un prezzo basso
  • Approvato dal WordPress.org team
  • GRATUITO sito Weebly generatore e CloudFlare CDN
  • LIBERO dominio e spazio di archiviazione illimitato
  • Ottenere il 63% di sconto oggi (era $7.99/mese)
  • introduzione su Bluehost ora.,

Starting Price/Mo. $2.,95
Garanzia di rimborso 30 giorni
Spazio su Disco 50 GB – Unlimited
Nome a Dominio GRATIS (1 anno)
il Nostro Esperto Bluehost Recensione

Se siete alla ricerca di un conveniente host, Bluehost è una solida reputazione di scelta; La società, a basso costo, accoppiato con la sua supremazia in hosting condiviso arena, è ciò che rende questo provider, ad un importante accordo., Il nome Bluehost è elencato in cima a molte delle nostre categorie di recensioni e con buone ragioni.

Vai alla recensione completa ”

VALUTAZIONE ECONOMICA
4.8/5.,0
  • Unlimited everything, from storage to databases
  • FREE site builder & WP performance upgrades
  • FREE daily or weekly backups
  • Custom control panel and auto-installation scripts
  • SSH access & SSL certificates
  • Get started on Hostinger now.
Starting Price/Mo. $0.,99
Garanzia di rimborso 30 giorni
Spazio su Disco 10 GB di SSD da 30 GB SSD
Nome a Dominio GRATIS (1 anno)
il Nostro Esperto di Hostinger Recensione

Come il mercato di hosting condiviso diventa sempre più saturo, spazio illimitato, banda, e account di posta elettronica sono diventati sorprendentemente media., Hostinger, tuttavia, estende le metriche previste di routine a lunghezze maggiori: il numero di siti Web, database, utenti FTP, sottodomini e domini parcheggiati sono tutti illimitati per la maggior parte dei clienti.

Vai alla recensione completa ”

VALUTAZIONE ECONOMICA
4.7/5.,0
  • Get 62% off by buying 36 months up front
  • Unmetered disk space & bandwidth
  • Unlimited email addresses & free SSL certificate
  • One-click WordPress install & free blog tools
  • Free 1-year domain registration on select plans
  • Get started on HostGator now.
Starting Price/Mo. $2.,64
Garanzia di rimborso 45 giorni
Spazio su Disco Unlimited
Nome a Dominio GRATIS (1 anno)
il Nostro Esperto di esame di HostGator

HostGator è un ottimo compromesso tra prezzo e prestazioni. L’azienda offre e-mail illimitate, database MySQL, spazio su disco e larghezza di banda, oltre a installazioni con un solo clic di progetti open-source popolari, oltre a un 99.,

Vai alla recensione completa ”

a buon MERCATO il RATING
4.6/5.0
  • Facile installazione e l’eccezionale affidabilità a partire dal 1998
  • dominio GRATUITO e marketing di Google incluso
  • larghezza di banda Illimitata, di archiviazione, e-mail
  • costruttore di sito GRATUITO e shopping cart
  • Ottenere più del 75% oggi (era $7.99/mese)
  • iniziare iPage ora.,
Starting Price/Mo. $1.,99
Garanzia di rimborso 30 giorni
Spazio su Disco Unlimited
Nome a Dominio GRATIS (1 anno)
il Nostro Esperto di iPage Recensione

Se sei un prima volta proprietario del sito web o una web veterano, iPage eccellenti servizi di hosting e di una fantastica lista di accessori rendere il brand uno dei migliori valori di web hosting., Spazio su disco illimitato, larghezza di banda scalabile ed e-mail sono solo una parte di ciò che rende il piano di hosting condiviso di iPage un grande affare.

Vai alla recensione completa ”

VALUTAZIONE ECONOMICA
4.6/5.,0
  • Ottenere un dominio gratuito dal mondo #1 registrar
  • leader di Settore, tempi di caricamento della pagina per il tuo sito
  • larghezza di banda Illimitata e fino a un numero illimitato di archiviazione
  • Scegli tra cPanel o Plesk pannelli di controllo
  • supporto pluripremiato a disposizione 24/7
  • introduzione su GoDaddy ora.
Prezzo di partenza/Mo. $1.,00
Garanzia di rimborso 30 giorni
Spazio su Disco 100 GB – Unlimited
Nome a Dominio GRATIS (1 anno)
il Nostro Esperto di GoDaddy Recensione

Un importante fattore di richiamo per GoDaddy servizi di hosting è sicuramente il costo., È difficile battere il web hosting per un dollaro al mese, specialmente quando l’azienda include un nome di dominio gratuito, un pannello di controllo, tempi di caricamento incredibilmente veloci e siti Web illimitati con la maggior parte dei piani.

Vai alla recensione completa ”

Visualizza altri host web economici “

La scelta di un nome di dominio

La registrazione di un nome di dominio di qualità è essenziale per aiutare le persone a trovare e ricordare il tuo sito. I servizi di hosting web di cui sopra offrono la registrazione gratuita del nome di dominio per il primo anno di servizio, quindi se hai già completato il passaggio 1, hai già il tuo dominio.,

Se stai ancora decidendo su quale nome di dominio scegliere, ecco alcuni suggerimenti da considerare:

  • Renderlo breve e memorabile: i nomi di dominio più brevi sono più facili da ricordare. Il titolo dovrebbe essere qualcosa che si attacca nella mente delle persone. I nomi di dominio lunghi funzionano solo se sono unici e accattivanti.
  • Usa parole chiave pertinenti: il tuo nome di dominio è un’altra opportunità per incorporare parole chiave che contribuiscono alla tua strategia SEO complessiva. Parole chiave che sono rilevanti per la tua nicchia di business renderà il vostro nome di dominio ulteriormente bastone fuori nella memoria della gente e aumentare il posizionamento nei motori di ricerca.,
  • Ricerca nomi di dominio: verificare se altre aziende o individui utilizzano un nome di dominio che è troppo strettamente correlato, per evitare conflitti o confusione.
  • Scegli l’estensione del nome di dominio appropriata: come sai navigando sul web, i nomi di dominio possono finire in. com, .org,. biz e altre estensioni. Scegli quello che meglio si adatta allo scopo del tuo sito web.

Ora che hai acquistato il tuo piano di hosting web (e ottenuto il tuo dominio gratuito con il tuo piano di hosting) sei pronto per costruire e lanciare il tuo sito web.,

Passo 2: Scegliere un metodo di costruzione del sito

Ci sono tre modi principali per costruire un sito web. Se sei un principiante, di gran lunga il modo più semplice per costruire e lanciare un sito è quello di utilizzare un costruttore di siti web fornito dal tuo host web. Se sei almeno un po ‘ esperto di web, puoi usare WordPress o un content management system (CMS) come Drupal o Joomla. Se sei già esperto di codifica, puoi iniziare da zero e utilizzare HTML per costruire il sito da zero., Ogni approccio ha i suoi meriti e le sue sfide:

Opzione 1: Utilizzare un Site Builder (livello principiante)

Utilizzando un website builder-un’applicazione che ti porta attraverso i passaggi per creare un sito web senza codice-può essere sia liberatorio che potenziante. Tutta la codifica viene eseguita dal provider sul back-end e, in sostanza, non è molto più impegnativo dell’utilizzo di un word processor.

I costruttori di siti Web, come Wix, consentono ai non programmatori di progettare pagine web visivamente, senza know-how di codifica.,

In genere, un costruttore di siti o un metodo di creazione di siti basato su modelli offre meno opzioni di personalizzazione rispetto a quando si costruisce il sito Web da zero utilizzando HTML diretto, ma per le competenze limitate richieste, i costruttori di siti offrono flessibilità e una buona esperienza utente per i neofiti.

Opzione 2: Installare WordPress (livello intermedio)

Molti imprenditori e dipendenti hanno poca o nessuna capacità di codifica. Allo stesso tempo, può essere limitante per alcuni dover fare affidamento su un Web designer/sviluppatore per creare un sito web e fare aggiornamenti., WordPress è una soluzione catch-all per le aziende che vogliono un sito web di base con il minimo investimento di tempo e denaro.

Quasi un terzo di tutti i siti web su Internet esiste sulla piattaforma WordPress, e anche le grandi aziende, come CNN e eBay, lo usano. Ci sono versioni gratuite ea pagamento del software, e c’è un sacco di supporto per gli utenti disponibili online.

Adoro la dashboard di WordPress per il suo design elegante e pulito. Una volta fatto amicizia, non tornerai mai indietro.,

Con molti temi e layout tra cui scegliere e opzioni per passare a progetti e funzionalità più complessi, WordPress è una scelta versatile per tutti i tipi di aziende. In realtà, è la piattaforma che alimenta HostingAdvice.com stesso.

Opzione 3: Crea un sito web da zero con HTML (Livello avanzato)

Le abilità di web design sono molto preziose nel mercato del lavoro e forse hai pensato che sia qualcosa che vuoi raccogliere. Costruire un sito web da zero vi darà gli strumenti per creare e personalizzare un sito esattamente come si vede in forma., C’è una curva di apprendimento più elevata ma una ricompensa maggiore, poiché conoscere l’HTML ti consentirà di ottimizzare il design del tuo sito e portare avanti quelle abilità per espandere e aggiornare il sito con facilità.

Se sei un novizio di programmazione e determinato a imparare, puoi raccogliere le abilità di codifica di cui avrai bisogno da una miriade di libri di web design (la serie O’Reilly è un buon punto di partenza) e siti web come le scuole World Wide Web Consortium (W3C).

Imparare a codificare un sito da soli ti darà la massima flessibilità nel renderlo esattamente quello che vuoi nel tempo., Per non parlare, essere in grado di codificare è un set di abilità molto prezioso nell’economia di oggi.

Passo 3: Inizia a costruire!

Ora che ti sei registrato per il web hosting con un dominio gratuito e hai scelto il tuo metodo di sitebuilding, sei pronto per iniziare a creare l’aspetto del tuo sito e del suo contenuto. Continua a leggere per le istruzioni passo-passo:

Opzione 1: Utilizzare un Sitebuilder per costruire il tuo sito (Principiante)

Costruire un sito web con un costruttore di siti web gratuito è un processo rapido, facile e diretto., Potresti aver già firmato per un account di hosting nel passaggio 1, nel qual caso il sito del tuo host web avrà istruzioni passo-passo specifiche per installare e utilizzare il tuo generatore di siti Web gratuito incluso. In generale, troviamo che Wix è il costruttore di siti web più popolare, quindi lo useremo come esempio qui.

Se ti sei già registrato per l’hosting, hai creato un account. Se non hai già un host web, ti consigliamo di iscriverti a Wix sitebuilder tramite il suo sito web. Basta inserire il proprio indirizzo e-mail e la password al Wix.com pagina di iscrizione per iniziare., Tieni presente che l’handle dell’indirizzo email diventerà parte del tuo dominio gratuito (se non hai un dominio personalizzato), quindi tienilo a mente quando ti iscrivi. Se siete ancora incerti, vi do il benvenuto a controllare la nostra recensione di esperti della piattaforma Wix qui sotto.

VALUTAZIONE DEL COSTRUTTORE DI SITI WEB
4.9 / 5.,0
  • Nessuna capacità di codifica necessari con il drag-and-drop builder
  • 100s di modelli specifici di nicchia disegni
  • Aggiungere funzionalità tramite l’App di Mercato e di Wix Eventi
  • Facilmente creare e-commerce funzionalità facilmente
  • Ottimo modo per costruire siti di piccole dimensioni su un budget
  • introduzione su Wix ora.
Prezzo di partenza/Mo. $0.,00
Money Back Guarantee 14 days
Disk Space 500 MB – 20 GB
Domain Name Transfer
Our Expert’s Wix Review

Website building is where Wix shines., Le migliaia di modelli, l’editor intuitivo, i disegni leader del settore che si rivolgono a una varietà di campi specifici e casi d’uso-tutti questi aspetti rappresentano una piattaforma che eccelle nel facilitare facile web design per l’utente non — tech-savvy.

Vai alla recensione completa ”

Seleziona la categoria che meglio descrive il tuo sito web. Questo aiuta le persone a trovare il tuo sito web e aiuta Wix a soddisfare la base di utenti diversificata della piattaforma. La selezione determinerà quali tipi di modelli si naviga, in modo da considerare l’opzione migliore per lo stile del sito che si desidera costruire.,

Wix ha ora due opzioni per la creazione di un sito web. Oltre al tradizionale editor Wix, c’è anche Wix ADI, un programma di intelligenza artificiale che progetta siti personalizzati in base alle domande a cui rispondi. Si consiglia di utilizzare l’editor Wix, che ti dà il pieno controllo sulle personalizzazioni disponibili sulla piattaforma. Tuttavia, se volete provare il Wix ADI, con tutti i mezzi, andare per esso!

Scegli tra un’ampia varietà di modelli, tutti diversi a seconda del tipo di sito web che stai creando. Filtra le opzioni per immagine, cerca per parola chiave o ordina i modelli per categoria.,

La ricchezza di temi specifici dell’industria e della nicchia disponibili in Wix è qualcosa che trovo particolarmente attraente.

Si può anche optare per un modello vuoto per iniziare completamente da zero o con un layout di base.

Ogni modello inizia con testo precompilato e un’immagine di sfondo. Il modello è un punto di partenza per rendere il sito il proprio. Una delle prime cose che dovresti fare sulla tua nuova pagina Wix è aggiungere le tue informazioni aziendali. Inserisci il tuo marchio, slogan e altri dettagli pertinenti semplicemente cliccando sul testo che deve essere sostituito., Puoi anche modificare gli aspetti visivi della pagina, inclusa l’immagine di sfondo, e aggiungere o scambiare immagini su altre pagine del tuo sito.

Ci sono molti modi per aggiungere contenuti e personalizzare il tuo sito. Fare clic sul pulsante Aggiungi sul menu a sinistra per una serie di opzioni — testo, pulsanti, presentazioni, menu, eccetera. Sotto il pulsante Apps, ci sono molte caratteristiche che è possibile aggiungere al tuo sito per funzionalità aggiuntive come commenti, chat dal vivo, e un negozio online. Puoi anche caricare i tuoi contenuti multimediali, come font, immagini, video e musica, e avviare un blog.,

Fai semplicemente clic su “Pubblica” nell’angolo destro per mettere il tuo sito sul web! Potrai scegliere un dominio, che può essere un dominio gratuito da Wix.com o un dominio personalizzato che acquisisci tramite un registrar di domini.

Opzione 2: Utilizzo di WordPress per creare il tuo sito (intermedio)

L’utilizzo di WordPress per creare il tuo sito è un’esperienza simile all’utilizzo di un costruttore di siti Web in termini di processo. Quale piattaforma si dovrebbe usare è una questione di preferenza. Dipende da quale si sente più intuitivo per te e ti dà la massima flessibilità per la progettazione e la manutenzione del tuo sito., Un grande vantaggio di andare con WordPress è la grande comunità di supporto, sia ufficiale e da altri utenti di software WP.

La maggior parte dei piani di hosting includono un facile accesso a WordPress — installare il software con un solo clic, o meglio ancora, averlo preinstallato per voi. Nella maggior parte dei casi, puoi semplicemente accedere al tuo pannello di controllo di hosting e trovare l’opzione per installare la piattaforma WP. Se il servizio di hosting non dispone di questa funzionalità, è possibile trovare le istruzioni di installazione manuale qui. Questi host web rendono l’installazione di WordPress particolarmente facile:

1. InMotionHosting.,com

WORDPRESS RATING
4.9/5.0
  • WordPress pre-installed with NGINX and PHP 7
  • FREE SSL certificate and unlimited bandwidth
  • Automatic plugin, theme, and core updates
  • Features a FREE drag-and-drop WP page editor
  • Premium themes and plugin subscriptions
  • Get started on InMotion now.,
Starting Price/Mo. $4.,99
Garanzia di rimborso 90 giorni
Spazio su Disco 40 GB SSD, 120 GB di SSD
Nome a Dominio GRATIS (1 anno)
il Nostro Esperto InMotion Recensione

InMotion Hosting, da tempo conosciuta per la a prezzi accessibili e di alta performance hosting condiviso opzioni, inserito il WordPress spazio con una solida opzione costruito sulla reputazione della società per il grande sostegno e l’affidabilità., Costando un piccolo premio rispetto ad altre opzioni di budget-minded, InMotion include alcune caratteristiche interessanti per aiutare a giustificare tale differenza di costo.

Vai alla recensione completa “

2. Bluehost.com

WORDPRESS VALUTAZIONE
4.9/5.,0
  • Recommended by WordPress Core since 2005
  • FREE SSD storage and SSL certificate
  • FREE domain registration and email
  • Automatic installation and updates
  • 63% discount for HostingAdvice readers
  • Get started on Bluehost now.
Starting Price/Mo. $2.,95
Garanzia di rimborso 30 giorni
Spazio su Disco 50 GB SSD – Unlimited
Nome a Dominio GRATIS (1 anno)
il Nostro Esperto Bluehost Recensione

Rivolto a personale blogger e utenti, Bluehost WordPress pacchetti di hosting sono una grande alternativa al semplice hosting condiviso., Questi servizi hanno un premio, rispetto ai piani condivisi standard di Bluehost, ma l’ottimizzazione di WordPress e le risorse specifiche della piattaforma valgono probabilmente il costo.

Vai alla recensione completa “

3. A2Hosting.com

WORDPRESS VALUTAZIONE
4.9/5.,0
  • FREE Cloudflare CDN e 1-fare clic su installa WP
  • Turbo Server, SSD, velocità, e ottimizzata la cache
  • A2-ottimizzato plugin per le prestazioni e la sicurezza
  • CONNESSIONE SSL certificati e 24/7 di supporto
  • FREE HackScan e KernelCare
  • iniziare A2 Hosting ora.
Prezzo di partenza/Mo. $2.,99
Garanzia di rimborso 30 giorni
Spazio su Disco Illimitato SSD
Nome a Dominio Nuovo o di Trasferimento
il Nostro Esperto di A2 Hosting Review

Come esperti in ottimizzazione delle prestazioni, A2 Hosting è una scelta superiore per l’alimentazione di grandi risorse siti in WordPress., L’azienda offre piani condivisi o gestiti per il sistema di gestione dei contenuti ultra-popolare, con i benefici che si estendono a Joomla, Drupal, e altre piattaforme.

Vai alla recensione completa ”

Vedi altri host WordPress “

Prenditi un po ‘ di tempo per familiarizzare con il backend di WordPress per il tuo account. Troverai dove gestire i tuoi post, pagine e commenti; modificare l’aspetto del sito; aggiungere editor del sito; e installare plugin. La tua dashboard ha tutto il necessario per tenere traccia dei contenuti sul tuo sito e personalizzarne l’aspetto.,

Sotto la scheda Aspetto nel cruscotto, è possibile scegliere tra una serie di temi gratuiti (o optare per pagare per uno). L’installazione di un tema è semplice come selezionare ” Installa “e quindi” Attiva” per il modello desiderato. È possibile modificare il tema in qualsiasi momento senza alterare gli altri contenuti sul tuo sito.

Per aggiungere nuove pagine al tuo sito, seleziona “Pagine” e poi “Aggiungi nuovo.”Puoi rendere queste pagine parte del menu di navigazione del tuo sito sotto l’opzione Menu nella scheda Aspetto. Per aggiungere post (se vuoi un blog sul tuo sito), vai su “Post” e poi su “Aggiungi nuovo.,”

Per impostazione predefinita, WordPress inserirà i tuoi ultimi post sulla tua home page. Per selezionare una pagina specifica da utilizzare come home page, scegliere ” Impostazioni “dal menu dashboard e quindi scegliere” Lettura.”Nella prima pagina Visualizza sezione, optare per” Una pagina statica” e quindi selezionare la pagina che hai creato come home page.

I plugin sono estensioni-non impostate in WordPress per impostazione predefinita-che aggiungono nuove funzionalità al tuo sito. I plugin WordPress possono migliorare la funzionalità del tuo sito, aiutarti a raggiungere gli obiettivi che hai per il tuo sito e offrire ai visitatori del tuo sito Web un’esperienza utente migliore.,

I plugin abbondano per gli utenti di WordPress! Basta scaricare e installare per estendere la funzionalità già robusta della piattaforma.

Ad esempio, il plug-in Google Analytics ti aiuta a monitorare l’attività del tuo sito e il plug-in NextGen Gallery ti consente di visualizzare gallerie di immagini. Sotto “Plugin” nella dashboard, puoi cercare tra le opzioni – letteralmente migliaia di plugin gratuiti. Basta fare clic su “installa” e sei a posto.

A questo punto, avrai creato un sito ricco di contenuti, visivamente accattivante e funzionale., La pubblicazione in WordPress avviene a livello di pagina o post, quindi dovrai fare clic su” Pubblica ” per ogni area del tuo sito. Puoi aspettare che il tuo sito Web sia completamente pronto per l’avvio per pubblicare i tuoi contenuti o pubblicare mentre crei singole pagine e post.

Opzione 3: Usa HTML per creare un sito Web da zero (Avanzato)

Per coloro che vogliono una sfida e hanno un po ‘ di tempo in più, creare un sito Web tramite HTML è uno sforzo utile che sviluppa la tua comprensione dell’editing e del design web., È possibile impostare un sito di base in poche ore, e costruire su di esso come si impara più HTML e CSS competenze.

Come nel caso dei primi due percorsi di creazione di siti web, il primo passo è registrarsi con un provider di hosting.

MIGLIOR VALUTAZIONE COMPLESSIVA
5.0 / 5.,0
  • sito GRATUITO di trasferimento o nuova configurazione del sito
  • FREE backup giornalieri, CDN, e-mail, e SSL
  • 24/7 supporto di esperti con nessun tempo di attesa al telefono o in chat
  • Consigliato da WordPress come un top host
  • Ideale per il business, hosting e-mail
  • introduzione su SiteGround ora.
Prezzo di partenza/Mo. $6.,99
Garanzia di rimborso 30 giorni
Spazio su Disco 10 GB di SSD da 30 GB SSD
Nome a Dominio Nuovo o di Trasferimento
il Nostro Esperto di SiteGround Recensione

Con un impressionante ampiezza complessiva dei servizi di hosting offerti, SiteGround è un innovatore leader nella hosting spazio soluzioni software personalizzate per la premier supporto clienti., L’azienda offre l’intera gamma di funzionalità di web hosting, tra cui una CDN Cloudflare gratuita, cPanel con accesso SSH e database MySQL illimitati e larghezza di banda, per non parlare del supporto clienti degno di premio.

Vai alla recensione completa ”

Vedi tutti i migliori host web “

Per scrivere tag HTML, avrai bisogno di un editor di testo di alta qualità che si adatti al linguaggio del web. Notepad++ è una buona opzione per gli utenti Microsoft, mentre TextMate è l’ideale per gli utenti Mac. Gli editor di testo multipiattaforma includono Atom e Sublime Text.,

I siti Web possono essere costruiti rigorosamente utilizzando HTML, che si traduce in file di testo denominati con l’estensione .HTML. La pagina principale del tuo sito è in genere intitolato indice.HTML. Crea questo file e salvalo, quindi riempilo con il framework di base del tuo sito HTML. Sarà simile a questo:

Nella sua forma più semplice, questo è ciò che la pagina indice principale del tuo sito dovrebbe essere simile quando lo stai redigendo nel tuo editor di testo.

<html> i tag racchiudono l’intero contenuto del sito e indicano che si tratta di un documento HTML., Il tag<head> comprende il titolo della pagina, i meta tag (indica i dettagli del browser sul contenuto e sulla visualizzazione della pagina) e i riferimenti ai file CSS esterni per lo styling della pagina. Il contenuto effettivo della tua pagina va tra i tag<body>.

Quando costruisci il tuo sito, ti consigliamo di organizzare i file in cartelle in base alla struttura in cui desideri che il tuo sito appaia. Ad esempio, è possibile creare una cartella per la pagina Informazioni che contiene informazioni principali.,file HTML e qualsiasi CSS correlato che aggiunge stile al tuo sito e altri file HTML che supportano quel contenuto. Quando si aggiungono collegamenti in tutto il sito alle pagine del sito, si farà riferimento alla posizione della cartella nella directory in cui si memorizzano i file.

Scrivi il tuo contenuto all’interno della sezione<body> di ciascuno .file html (cioè, ogni pagina) del tuo sito. Ecco alcuni tag importanti da sapere mentre costruisci il tuo sito:

  • <header> indica la parte superiore del documento ed è dove appaiono il titolo della pagina e il logo.,
  • <nav> viene utilizzato per creare il menu del tuo sito, la navigazione principale del tuo sito in cui i visitatori trovano i link del sito di primo livello.
  • <section> indica il contenuto principale della tua pagina. È usato per raggruppare come contenuto all’interno di una pagina. Pensa agli articoli che trovi online raggruppati in singole rubriche.
  • <article> viene utilizzato per singoli pezzi di contenuto in una pagina come un post sul blog, un’immagine, un video o altri contenuti multimediali. È un modo per strutturare la pagina in modo che questi elementi possano essere facilmente distinti.,
  • <footer> è la parte inferiore del sito web. Questa zona è spesso dove le persone mettono le loro informazioni di contatto, termini di servizio, informativa sulla privacy e altre informazioni varie ma importanti.

Riempito con questi tag, la struttura di base della tua pagina sarebbe simile a questa:

Completo di tag HTML, la struttura di base della pagina del tuo sito web dovrebbe essere simile a questa nel tuo editor di testo.

Ti consigliamo anche di aggiungere una barra di navigazione di base per il tuo sito. Questo fornisce un facile accesso alle pagine principali del tuo sito., Userai il tag<nav> e il<ul> o il tag elenco non ordinato per configurarlo.

In HTML, la navigazione principale del tuo sito è in realtà solo un elenco di URL non ordinato (si pensi ai proiettili).

E voilà! Ora i visitatori del tuo sito possono facilmente navigare al tuo blog, pagine di prodotto, si rilascia una riga sulla tua pagina di contatto, sfogliare testimonianze dei clienti, e di nuovo alla home page di nuovo!

Puoi rendere il tuo sito più visivamente interessante con formattazione, colori e immagini solo usando HTML., Tuttavia, incorporando CSS, o fogli di stile a cascata, nel tuo sito ti dà molto più controllo sul suo aspetto, e siti che utilizzano CSS aspetto più professionale nel complesso.

Aggiungi ulteriori regole di personalizzazione e progettazione al tuo sito utilizzando i file CSS.

CSS è designato in file CSS separati. Il file principale è in genere intitolato stile.CSS. Alcune funzioni di base dei CSS includono l’aggiunta di colori, bordi e sfondi e l’applicazione del modello box per organizzare il contenuto delle pagine., Questo passaggio è più avanzato rispetto all’utilizzo di HTML di base, ma può migliorare notevolmente l’estetica del tuo sito.

Una volta che sei soddisfatto del layout generale, puoi pubblicare il tuo sito. È perfettamente bene se il tuo sito è molto semplice per iniziare. Finché sembra professionale, puoi sentirti bene nel metterlo sul web e migliorarlo man mano che sviluppi più abilità HTML e CSS.

Tutto fatto!, Ora per la parte più difficile-Aggiunta di contenuti

Come nel caso del nostro amico organizzatore di eventi, potresti non pensare di poter costruire il tuo sito web in un primo momento-ma la verità è che ora è più facile che mai per i principianti creare un sito funzionale e visivamente accattivante che le persone vogliono visitare. Con l’aiuto di risorse online e il supporto della comunità di WordPress, il mio amico ha costruito un sito di cui era orgogliosa – e puoi farlo anche tu.

La cosa più importante da considerare sul tuo sito è il contenuto, in quanto questo sarà ciò che attira le persone a visitare e continuare a leggere., Considera cosa vuoi che sia il tuo sito, che si tratti della tua attività o di un blog su un argomento specifico. Considerare attentamente perché questo determinerà la vostra direzione web design, troppo. Una volta che hai alcune idee di contenuti e un piano concreto, sei pronto per iniziare la tua avventura di costruzione del sito.

Divulgazione inserzionista

HostingAdvice.com è una risorsa online gratuita che offre contenuti di valore e servizi di confronto agli utenti. Per mantenere questa risorsa 100% gratuito, riceviamo un risarcimento da molte delle offerte elencate sul sito., Insieme ai fattori chiave di revisione, questa compensazione può influire su come e dove i prodotti appaiono sul sito (incluso, ad esempio, l’ordine in cui appaiono). HostingAdvice.com non include l’intero universo delle offerte disponibili. Le opinioni editoriali espresse sul sito sono strettamente nostre e non sono fornite, approvate o approvate dagli inserzionisti.

La nostra Politica di revisione editoriale

Il nostro sito si impegna a pubblicare contenuti indipendenti e accurati guidati da rigide linee guida editoriali., Prima che articoli e recensioni siano pubblicati sul nostro sito, vengono sottoposti a un processo di revisione approfondito eseguito da un team di editori indipendenti ed esperti in materia per garantire l’accuratezza, la tempestività e l’imparzialità del contenuto. Il nostro team editoriale è separato e indipendente dagli inserzionisti del nostro sito e le opinioni che esprimono sul nostro sito sono proprie. Per saperne di più sui membri del nostro team e sui loro background editoriali, visita la pagina Informazioni sul nostro sito.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Vai alla barra degli strumenti