La gerarchia della pagina evolve dal riconoscimento generale del prodotto a dettagli via via più specifici. Una foto del veicolo a tutta larghezza costituisce il blocco visivo di apertura, dopodiché la sezione introduttiva combina un titolo di prodotto, il contesto storico del Ford Bronco, immagini, la descrizione della trasmissione e un link „Scopri di più“. Questo approccio inquadra il soggetto prima ancora che il visitatore passi alle singole specifiche meccaniche.
Le sezioni successive creano gruppi strutturali ben distinti. I differenziali bloccabili a distanza sono organizzati come una sezione in evidenza suddivisa, con un'immagine dominante del veicolo, testo esplicativo e due foto di supporto più piccole. La sezione della carrozzeria con licenza ufficiale adotta uno schema differente, impiegando un riquadro di testo e un elenco verticale sopra un'immagine di sfondo per presentare dettagli in scala come paraurti cromati, specchietti, finiture, tergicristalli, finestrini trasparenti e decalcomanie. Queste relazioni rendono i gruppi di contenuti facilmente distinguibili, pur appartenendo alla medesima pagina.
I quattro blocchi tecnici ripetono quindi un'unità coerente dedicata a trasmissione, struttura impermeabile, eliminazione della torsione da coppia motrice e ponti a portale. Infine, tre schede con testo e immagine di uguali dimensioni illustrano la geometria migliorata, il rigido telaio in acciaio e i dettagli in scala sopra un'immagine del telaio. Questo percorso offre un'organizzazione della pagina chiara, partendo dall'impatto visivo della sezione hero fino alle specifiche raggruppate. In Nicepage, il pannello Livelli permette di esaminare gerarchie simili, ma il reale pregio del template risiede nella sequenza effettiva e nell'annidamento dei suoi gruppi di contenuto.
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.