La finestra delle strutture e pagine del sito contiene l'alberatura e il link a tutte le pagine del sito.
In fase di creazione del sito, dopo aver creato il menù, con doppio click sul link si creerà la pagina nella quale andremo a inserire i nostri contenuti.
Successivamente il doppio click su un link aprirà la pagina nella finestra dell'editor.

Per generare la pagina in formato html bisogna selezionare la pagina nel menù e cliccare su .
Dopo aver generato la pagina html con doppio click + CTRL sul link si aprirà la pagina nel browser predifinito, lasciandolo in background. Doppio click + SHIFT aprirà l'html della pagina nell'editor.

La finestra è suddivisa in tre colonne: la prima è riservata al nome del file html, la seconda è la voce del menù attraverso la quale è possibile accedere alla pagina e la terza indica se il link è nascosto (hidden).

Per velocizzare la lavorazione nella finestra del menù sono stati introdotti i seguenti comandi:

• nasconde la finestra dei menù.
• espande il menù mostrando tutti i sottomenù.
• contrae tutte le voci di menù e sottomenù aperte.
• seleziona tutte le voci del menù sia aperte che chiuse, compresi i sottomenù.
• deseleziona tutte le voci del menù sia aperte che chiuse, compresi i sottomenù.

La finestra di anteprima ospita sia l'anteprima pagina generata (nella quale si può navigare come in un browser) sia la sorgente HTML dell'ultima pagina generata.

Quando viene generata una pagina il suo risultato grafico sarà visibile in anteprima pagina generata e il corrispettivo html della stessa sarà consultabile e modificabile in sorgente HTML. Nel caso si generassero più pagine contemporaneamente solo l'ultima sarà nella finestra di anteprima e il suo html nella finestra di sorgente.

Nel caso in cui si voglia visualizzare o modificare la sorgente html di una pagina diversa dall'ultima generata, dalla finestra del menù fare doppio click + SHIFT sul nome della pagina e questa verrà caricata nella finestra dell'editor.

Ogni modifica manuale apportata all'html di una pagina andrà persa se la pagina sarà nuovamente generata.

La finestra dell'editor è fondamentale per tutte le lavorazioni in Static Web Creator. Questa finestra consente la scrittura e l'aggiunta di contenuti con l'utilizzo dei seed.

All'interno della finestra si possono scrivere i contenuti e impostare gli elementi presenti nelle pagine html, creare o modificare il menù, modificare i seed.

Ogni volta che viene effettuata una modifica con l'editor è necessario salvare.

E' possibile utilizzare un editor esterno (come ad esempio Notepad++) al posto di quello nativo di SWC. Quando si utilizza un editor esterno il doppio click su pagine, seed, layout, css... aprirà il corrispettivo file nell'editor selezionato.
Per utilizzare un editor esterno andare in File/Configurazione del programma, selezionare editor di testo esterno e indicare l'editor esterno che si intende utilizzare.

I comandi relativi alla finestra dell'Editor di SWC sono:

• salva le modifiche apportate in ciò che si trova nella finestra dell'editor.
• ricarica un file all'interno della finestra dell'editor se modificato esternamente.
• chiude un file modificato nell'editor senza salvarlo.
• chiude un file modificato nell'editor salvandolo.

La finestra di repository ospita cinque sezioni: Layout, Seed, Include, Colori HTML e Immagini.
Gli elementi all'interno delle prime tre sezioni sono modificabili nell'editor. Per una maggiore sicurezza si consiglia, in fase di modifica di duplicare l'elemento orginale e di nominare in modo diverso e univoco la copia che si vuole modificare.

Nella sezione Layout ci sono i layout disponibili per il tema che si sta utilizzando. Ogni layout è applicabile ad ogni pagina. Se viene modificato un layout, tutte le pagine che lo utilizzano saranno modificate dopo la loro ri-generazione.
I layout scelti in fase di creazione del progetto possono essere sostituiti in ogni momento.
Per sostituire un layout è sufficiente aprire la pagina da modificare nella finestra dell'editor facendo doppio click sul nome della pagina dal menù. Quando la pagina sarà disponibile nell'editor cambiare il nome del layout con il nome scelto e salvare. Per visualizzare le modifiche effettuate è sufficiente rigenerare la pagina.

Nella sezione seed ci sono tutti i blocchi che servono a comporre la pagina web: gli element, i framework, i text e i widget.

• Negli element ci sono elementi singoli che arricchiscono l'esperienza di navigazione sul sito come bottoni, cartine, social network.
• Nei framework ci sono strutture di pagina come colonne, righe e spazi da aggiungere dentro singole pagine.
• Nei text ci sono i blocchi di scrittura e comprendono titoli dall'h1 all'h6, paragrafi di diverse dimensioni font e i blocchi di citazione o testimonianza.
• I widget contengono tutte le strutture pre composte che possono comprendere contemporaneamente titoli, testi e immagini.

Nella sezione include ci sono quegli elementi strutturali che possono essere aggiunti all'interno dei layout come il footer o una sezione cookie consent.

Nella sezione Colori HTML è stato inserito per comodità un elenco di tutti i colori con il riferimento al codice da poter utilizzare in fase di modifica di css (con un doppio click il codice del colore viene copiato negli appunti).

La sezione Immagini nella finestra principale mostra le immagini che si trovano nella relativa cartella del progetto. Da questa finestra è possibile accedere alla sezione di gestione immagini tramite il tasto . Gli altri comandi sono:

• Torna indietro permette la navigazione a ritroso un passo alla volta.
• Apri cartella consente la navigazione all'interno delle cartelle del computer.
• Home immagini riporta alla cartella principale delle immagini del progetto.
• Ricarica immagini è utile per fare un refresh delle immagini all'interno della cartella quando viene aggiunta o modificata qualche immagine.

La finestra di log ospita due sezioni: Log e Log Errori. Nella prima sezione vengono visualizzate tutte le operazioni che Static Web Creator compie per creare ogni pagina, nella seconda vengono mostrati gli eventuali errori che possono intervenire in fase di generazione (mancanza di una immagine, ecc...).
Per nascondere la finestra andare in File/Configurazione del programma e togliere il flag alla voce Mostra la finestra di Log e di Log errori nella finestra principale.
Le modifiche saranno visibili dopo aver riavviato Static Web Creator.