Creare il primo sito web

Insieme scopriremo i passi fondamentali per creare il vostro primo sito web e metterlo online.

1 -Preliminari prima della costruzione del sito

La sitemap è una struttura ad albero delle diverse sezioni che compongono il vostro sito web.

Ad esempio: (Home, Presentazione, Notizie, Contatti)

../../_images/graphic_sitemap.png

Si tratta di una fase importante di riflessione che definirà le diverse pagine e la struttura del vostro sito.

Cercate di mantenere una struttura semplice, in modo che il visitatore non si perda nella navigazione

Poi viene la scelta del tono di colore e dello stile.

Preparate e raggruppate tutti gli elementi grafici (immagini, icone) in una cartella del computer.

È possibile utilizzare grafiche libere da diritti d’autore disponibili su Internet (Unsplash, ecc.)

Sentitevi liberi di ispirarvi a siti esistenti che vi piacciono.

2- Creazione del progetto WebAcappella

È il momento di creare il vostro primo progetto WebAcappella.

Fare clic sul menu Nuovo progetto

../../_images/choose_blank_site.jpg

Importare la grafica nell’editor di risorse

../../_images/button_edit_resources.jpg

Trascinare le immagini dal computer.

../../_images/resources_manager.jpg

3 - Creazione di intestazioni e piè di pagina

Avvertimento

È importante familiarizzare con le basi di WebAcappella FUSION prima di iniziare a formattare il sito.

Termini da conoscere

Un sito web coerente richiede generalmente elementi comuni a tutte le pagine.

Questi includono:

  • un’intestazione con un menu che consente un accesso semplice alle sezioni principali del sito

  • Un «piè di pagina» con accesso a pagine secondarie (note legali, ecc.)

WebAcappella consente di creare questi elementi (footer e header) una sola volta e di integrarli in tutte le pagine

Creare un widget di pagina per ciascuno di questi elementi (intestazione e piè di pagina).

../../_images/create_widget_header_and_footer.jpg

Un’immagine e una voce di menu verranno trascinate nel widget dell’intestazione

../../_images/header_drop_menu.jpg

Il widget «footer» conterrà un testo sul copyright

../../_images/footer_set_copyright.jpg

Suggerimento

In qualsiasi momento, è possibile fare clic su «Test» per visualizzare un’anteprima del sito web.

4- Creazione della pagina principale (home)

Selezionare la pagina iniziale.

Testate l’integrazione dell’intestazione e del piè di pagina sulla vostra homepage

Posizionamento dell’intestazione della pagina

../../_images/add_comp_widget.jpg

Trascinare l’elemento widget nella parte superiore della pagina.

../../_images/drop_widget_on_top.jpg

Scegliere il widget precedentemente creato.

../../_images/link_widget_tocomp_widget.jpg

Selezionare l’intestazione della pagina.

../../_images/choose_widget.jpg

Fate esattamente lo stesso per il piè di pagina, che posizionerete in fondo alla pagina

Creare il contenuto della homepage (caselle di testo e immagini)

Questa è la prima pagina contenente:

  • un’intestazione di pagina (in alto)

  • il corpo centrale della pagina

  • un piè di pagina (in basso)

../../_images/screen_page_with_2_widgets.jpg

A questo punto è necessario inserire le informazioni relative alla pagina per poter essere referenziati dai motori di ricerca

Aprire le proprietà della pagina

../../_images/page_properties_button.jpg

Compilate i vostri dati

../../_images/page_properties.jpg

5- Creare tutte le pagine

È possibile creare le altre pagine del sito partendo da una nuova pagina vuota o duplicando la pagina iniziale

Compilate il contenuto delle vostre pagine e definite per ogni pagina gli elementi di riferimento e soprattutto il nome della pagina

Suggerimento

La SEO richiede tempo, quindi fate attenzione a non cambiare troppo spesso il nome della pagina per non confondere i motori di ricerca.

6- Pubblicare il sito

Il vostro sito è ora pronto per essere pubblicato su Internet.

È necessario acquisire un nome di dominio e un hosting per trasferire tutte le pagine, le immagini e gli altri file necessari al suo funzionamento.

Scelta dell’alloggio

Compilare i parametri SFTP forniti dall’host in WebAcappella

../../_images/publication_properties.jpg

Pubblicate il vostro sito.