Arab Stílusban HTML Sablonok

Kulturális márkák, stúdiók, vendéglátóipari projektek és kreatív portfóliók számára gyakran fontosak az arab motívumok a kód tisztaságának megőrzése mellett. Ezek a HTML-sablonok díszítéseket, képeket, címsorokat és tartalmakat helyeznek el reszponzív szakaszokban, készen a fejlesztési munkára.

További HTML Sablonok a(z) Art & Design kategóriából

Other Art & Design HTML Sablonok

Letisztult arab stílusú HTML-sablonok RTL-kompatibilis forráskóddal

Az arab stílusú HTML-sablonok akkor válnak igazán hasznossá, ha az olvasási irány már eleve a fájlokba van beépítve. Egy olyan elrendezés, amelyet eredetileg angol nyelvre terveztek, majd a végén egyszerűen megfordítottak, tipikus pontokon esik szét: a kártyák sorrendjénél, az űrlapmezőknél és a mondatokba ékelt latin karaktereknél. Ezzel a megoldással olyan alapot kap, amelynek szakaszai eleve hibátlanul viselkednek, így a további teendő már csak a tartalomfeltöltésre és a finomhangolásra korlátozódik.

Tükrözött jelölés és olvasási sorrend

A dokumentum iránya a "dir" attribútummal egyszer kerül meghatározásra, minden további pedig a szakaszok felépítésétől függ. Néhány lényeges szempont különbözteti meg a valóban felkészített fájlt a felületesen tükrözött képtől:

  • A kártyarácsok kis képernyőn történő egymásra halmozás után is megőrzik logikai sorrendjüket, így a megfordított sorból nem válik hibás oszlopsorrend.
  • A nyilak, ikonok és lapozóelemek különálló komponensekként léteznek, így tükrözésük minimális módosítással megoldható.
  • A blokkok rugalmasan követik a szöveg méretét, mivel egy arab címsor ritkán igényel pontosan akkora magasságot, mint az angol megfelelője.
  • Az űrlapok a címkéket, beviteli mezőket és üzeneteket jobbra igazítva tartják, míg a telefonszámok latin számjegyekkel jelennek meg.

Vegyes írásrendszerek arab bekezdésekben

A valódi arab nyelvű tartalom ritkán homogén. Egy bekezdés gyakran tartalmaz latin betűs márkanevet, e-mail-címet vagy nyugati számjegyekkel írt dátumot, és ezek mindegyike megőrzi saját irányát a jobbról balra tartó soron belül. Az olyan sablon, amelyet nem teszteltek ilyen környezetben, azonnal elárulja magát: az írásjelek a rossz oldalra kerülnek, a számok megfordulnak, vagy a termékkódok hibásan törnek meg a sor végén. Nyissa meg a demót, és keressen egy olyan szakaszt, amely vegyíti mindkét írásrendszert, mielőtt bármi mást értékelne.

A Nicepage támogatja a rácsok rugalmas viselkedését a reszponzív nézetekben, lehetővé téve a cellák egymás alá rendezését vagy átrendezését, amikor a keskeny kijelző eltérő elrendezést követel meg. Ez a vezérlés itt különösen fontos, mivel a mobilos látogatók által elvárt sorrendnek az átrendezés után is pontosnak kell maradnia.

Szerkeszthető szakaszok, exportált fájlok

Amikor az elrendezés és annak reszponzív változatai elkészültek, a Nicepage Desktop Application a dokumentált exportálási folyamaton keresztül generálja a fájlokat. A csomag ezután saját tárhelyre tölthető, vagy közvetlenül átadható a fejlesztőnek a további munkálatokhoz.

Ez az utóbbi szempont a legfőbb érv amellett, hogy kész forráskódú alapot válasszon. A valódi fájlokat kapja meg, így a szakaszok egy új oldalon újra felhasználhatók, a betűtípusok kicserélhetők, a módosítások pedig közvetlenül a kódban valósíthatók meg. Egy demó akkor bizonyul megbízhatónak, ha szakaszai olvashatók maradnak, elemei tisztán ismétlődnek, és az arab betűkészletek már a projekt szerves részét képezik. Végül görgesse végig a teljes oldalt keskeny képernyőn is: a díszítések képeken mindig jól mutatnak, a valós használhatóságot azonban a helyes olvasási sorrend dönti el.