Stile Arabo Modelli HTML

Modelli HTML in stile arabo per markup RTL

I modelli HTML in stile arabo sono vantaggiosi quando la direzione di lettura è integrata direttamente nei file. Un layout progettato per l'inglese e poi specchiato alla fine si rompe in punti prevedibili: ordine delle schede, campi modulo e qualsiasi elemento contenente caratteri latini all'interno di una frase araba. Acquistando questi modelli, si ottiene una base le cui sezioni si comportano già correttamente, quindi il lavoro rimanente consiste nel contenuto e nella messa a punto.

Markup specchiato e ordine di lettura

La direzione di lettura del documento viene dichiarata una sola volta tramite l'attributo "dir", e tutto ciò che segue dipende da come sono state create le sezioni. Alcuni elementi distinguono un file preparato correttamente da un'immagine specchiata:

• Le griglie di schede mantengono la loro sequenza logica anche su schermi piccoli, poiché una riga invertita può facilmente causare un ordine di colonne errato.

• Frecce, chevron e controlli di paginazione esistono come elementi separati, il che rende la loro specchiatura una modifica minima.

• I blocchi si espandono con il testo perché un titolo in arabo raramente occupa la stessa altezza della sua versione in inglese. - I moduli mantengono etichette, campi di input e messaggi allineati a destra, mentre un numero di telefono rimane in cifre latine.

Combinazione di alfabeti e caratteri diversi all'interno di paragrafi in arabo

Il contenuto arabo reale è raramente puro. Un paragrafo può contenere il nome di un marchio in latino, un indirizzo email o una data in cifre occidentali, e ognuno di questi elementi mantiene la propria direzione all'interno di una riga da destra a sinistra. Un framework che non è mai stato testato con questo tipo di materiale lo evidenzia immediatamente: la punteggiatura si trova sul lato sbagliato, un numero si inverte, un codice prodotto si spezza all'interruzione di riga. Aprite la demo e cercate una sezione che mescoli entrambi gli alfabeti prima di giudicare qualsiasi altra cosa.

Nicepage supporta il comportamento a griglia nelle modalità responsive, consentendo alle celle di impilarsi o riordinarsi quando uno schermo stretto richiede una sequenza diversa. Questo controllo è qui più importante del solito perché la sequenza che un lettore si aspetta su un telefono deve rimanere invariata dopo il riordino.

Sezioni modificabili, file esportati

Quando il layout e la sua versione responsive sono pronti, l'applicazione desktop Nicepage genera i file seguendo il flusso di lavoro di esportazione documentato [https://nicepage.com/doc/4123/export-html-website]. Il pacchetto viene quindi trasferito sul tuo hosting o direttamente a uno sviluppatore per ulteriori modifiche.

Quest'ultimo aspetto è il motivo per cui è preferibile una base di codice. Si ottengono i file effettivi, quindi una sezione può essere riutilizzata su una nuova schermata, un font può essere sostituito e una correzione può essere integrata direttamente nel codice sorgente. Una demo vale la pena di essere conservata quando le sue sezioni rimangono leggibili, i suoi componenti si ripetono in modo pulito e i suoi font arabi sono già parte del progetto. Inoltre, scorrendo l'intera pagina su uno schermo stretto, si nota che gli elementi decorativi si prestano bene alla fotografia, mentre l'ordine di lettura no.