Cosa sono e a cosa servono i framework?

Static Web Creator è un software pensato per permettere a chiunque di realizzare il proprio sito web. L'utilizzo di widget, text ed element consente di non dovere intervenire sulla grafica del sito e di dare al tempo stesso una impaginazione dinamica e varia.
L'utilizzo di framework permette di personalizzare con maggiore profondità il sito. All'interno dei framework è possibile inserire widget, text ed element in base all'utilizzo che se ne vuole fare, rispettando però le caratteristiche strutturali di ciò che si inserisce.
I framework si dividono in due tipi: framework di struttura e i framework di decorazione

Framework di struttura

I framework di struttura sono fondamentalmente dei contenitori. Questi contenitori servono a costruire colonne all'interno di pagine web o permettono di spezzare il flusso con i margini per inserire degli elementi full page come possono essere le citazioni o alcune immagini.
Prima di creare delle colonne all'interno della pagina è necessario inserire nel flusso il container delle colonne. Successivamente si possono inserire le colonne ricordando che la somma della dimensione delle colonne deve essere uguale a 12. Il numero della spaziature delle colonne sarà quindi 3, 4, 6, 8, 9, 12.

Esempio: creare una colonna 3 e una colonna 9 all'interno di una pagina con dentro dei widget di testo

$StartColumnContainer
$StartColumn 3
@TitleTextLeftColonna 3
Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.
@End
$StopColumn

$StartColumn9
@TitleTextLeftColonna 9
Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.
@End
$StopColumn
$StopColumnContainer

Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 9

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Altre composizioni di colonne

Colonna 9

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.


Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.


Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 6

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.


Colonna 6

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.


Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 6

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 3

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.


Colonna 4

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 8

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.


Colonna 8

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 4

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.


Colonna 6

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Colonna 6

Nullam vel neque ac nulla blandit sollicitudin. Morbi in sodales enim, ut eleifend neque. Pellentesque condimentum dolor in sem condimentum tristique. Phasellus interdum dapibus neque, non varius dui euismod auctor.

Esempio: creare un contenitore full page per inserire una immagine a tutta pagina

$StartFullPageContainer
@FullBackgroundassets/images/immagine.jpg
$StopFullPageContainer

Esempio: creare un contenitore full page con colore di sfondo prestabilito

$StartFullColorBackground
In questa sezione è possibile inserire widget, text, framework o element
$StopFullColorBackground

Framework di decorazione

I framework di decorazione sono degli elementi da utilizzare all'interno del flusso della pagina web se si vuole creare spazio tra due sezioni Spacing (la cui spaziatura deve essere indicata inserendo il numero dei px desiderati) o separarle tramite una riga Row.

Esempio: creare uno spazio tra sezione e creare una riga di separazione

$Spacing 70px

$Row

Anche la struttura per creare i Box di prezzo è da considerarsi un framework. Si può utilizzare come nella configurazione di esempio o utilizzare solo la cornice per altri scopi.

Donec dui nunc

Nullam venenatis malesuada malesuada.
Pellentesque nec dictum risus.

Orci varius
natoque penatibus et magnis

€ 99,00
€ 35,00
DIS PARTURIENT | CONSECUTOR


Nascetur ridiculus mus. Cras egestas convallis neque eget accumsan.
Suspendisse in bibendum nulla, a consectetur erat.