La gerarchia interna del blocco è compatta: un elemento di testo contiene due gruppi di paragrafi, racchiusi in un'unica colonna stretta. La colonna è centrata nella sezione, ma il testo in sé è allineato a sinistra, creando una distinzione efficace tra la collocazione dell'area dei contenuti e l'allineamento delle singole righe. Lo spazio bianco tra i passaggi contrassegna la transizione da un'unità esplicativa alla successiva senza richiedere un titolo o un separatore interattivo.
Questa organizzazione rende la sezione facilmente interpretabile come una struttura di contenuto circoscritta anziché come una fascia di testo piatta a tutta larghezza. Lo sfondo bianco, i caratteri scuri di dimensioni sobrie e il generoso spazio circostante sostengono visivamente la gerarchia, mentre l'assenza di pulsanti, immagini o controlli limita le relazioni tra gli elementi al solo testo e alle spaziature. Il testo dimostrativo visibile affronta temi quali framework agili, strategia aziendale, innovazione e soluzioni cloud, ma questi argomenti non sono essenziali per la struttura. Il valore del blocco nell'ottica dell'HTML5 risiede nel chiaro raggruppamento di un elemento di testo in due paragrafi all'interno di una singola area di contenuto centrata. Le altre strutture di livello pagina rimangono all'esterno di questa sezione, lasciando il blocco concentrato sulla sua organizzazione testuale interna.
Quando utilizzi Generatore di modelli HTML5 sarai in grado di regolare colori, caratteri, intestazione e fooer, layout, colonne e altri elementi di design, nonché contenuti e immagini.
Personalizza visivamente questo template HTML5 predefinito nell'editor di Nicepage, mantenendo al contempo una struttura di pagina chiara e comprensibile. Utilizza il pannello Livelli per visualizzare la gerarchia di Intestazione, Blocchi, Contenitori, Elementi e Piè di pagina, navigare tra le diverse sezioni della pagina e selezionare rapidamente gli elementi all'interno del layout.
Il pannello Livelli offre anche pratici controlli per lavorare con pagine più complesse. Blocchi, Contenitori ed Elementi possono essere rinominati per una più facile identificazione, nascosti temporaneamente durante la modifica o bloccati per evitare modifiche accidentali. La struttura può anche mostrare la struttura interna di elementi come Menu e Moduli di contatto.
I blocchi dividono la pagina in sezioni di contenuto principali, mentre i contenitori e gli elementi organizzano il contenuto al loro interno. Mantenere visibile questa gerarchia semplifica la comprensione delle relazioni tra le singole parti della pagina, soprattutto quando un layout contiene molti elementi annidati. È possibile utilizzare il pannello Livelli per navigare all'interno di questa struttura anziché selezionare tutto direttamente sull'area di lavoro, semplificando l'ispezione e la gestione di layout complessi grazie a una gerarchia di pagine organizzata.
Dopo aver personalizzato la pagina a livello visivo, l'HTML risultante può essere rivisto e adattato quando sono necessarie modifiche a livello di codice. Se un progetto richiede markup o funzionalità aggiuntive rispetto agli elementi standard della pagina, utilizzare l'elemento HTML per aggiungere codice HTML personalizzato mirato dove necessario.
Questo flusso di lavoro combina la modifica visiva con una chiara visualizzazione della gerarchia della pagina, rendendo il modello utile sia come design già pronto che come progetto HTML5 la cui struttura può essere ispezionata, gestita, adattata ed estesa.