Arabski Styl Szablony HTML

Marki kulturalne, studia, projekty hotelarskie i kreatywne portfolio często potrzebują detali inspirowanych kulturą arabską, bez utraty przejrzystości znaczników. Te szablony HTML umieszczają ozdobniki, obrazy, nagłówki i treści w responsywnych sekcjach, gotowych do dalszej pracy technicznej.

Inny Sztuki projektowania Szablony HTML

Czyste szablony HTML w stylu arabskim do znaczników gotowych do RTL

Szablony HTML w stylu arabskim przynoszą korzyści, gdy kierunek jest wbudowany w same pliki. Układ, który został narysowany dla języka angielskiego, a następnie odwrócony na końcu, łamie się w przewidywalnych miejscach: kolejność kart, pola formularzy i wszystko, co zawiera znaki łacińskie w zdaniu arabskim. Kupujesz fundament, którego sekcje już działają, więc pozostaje tylko praca nad treścią i dopracowaniem.

Odbicie lustrzane znaczników i kolejność czytania

Kierunek dokumentu jest deklarowany raz za pomocą atrybutu „dir”, a wszystko, co następuje, zależy od tego, jak zbudowano sekcje. Kilka rzeczy odróżnia prawdziwie przygotowany plik od odbicia lustrzanego obrazu:

  • Siatki kart zachowują logiczną kolejność po ułożeniu na małych ekranach, ponieważ odwrócony wiersz łatwo zmienia kolejność kolumn.
  • Strzałki, szewrony i elementy sterujące paginacją istnieją jako oddzielne elementy, co sprawia, że ich odwrócenie jest niewielką zmianą.
  • Bloki rosną wraz z tekstem, ponieważ arabski nagłówek rzadko osiąga tę samą wysokość, co jego wersja angielska.
  • Formularze utrzymują etykiety, pola wprowadzania i wiadomości wyrównane do prawej strony, podczas gdy numer telefonu pozostaje zapisany cyframi łacińskimi.

Mieszane wartości skryptów w akapitach arabskich

Prawdziwa treść arabska rzadko jest czysta. Akapit zawiera łacińską nazwę marki, adres e-mail lub datę zapisaną cyframi zachodnimi, a każdy z tych elementów ma swój własny kierunek w linii od prawej do lewej. Podstawa, która nigdy nie była testowana pod kątem takiego materiału, pokazuje to od razu: interpunkcja pojawia się po niewłaściwej stronie, numer jest odwrócony, kod produktu rozdziela się przy podziale wiersza. Otwórz demo i poszukaj sekcji, która łączy oba skrypty, zanim ocenisz cokolwiek innego.

Nicepage obsługuje zachowanie siatki w trybach responsywnych, umożliwiając układanie komórek w stosy lub zmianę ich kolejności, gdy wąski ekran wymaga innej kolejności. Ta kontrola ma tutaj większe znaczenie niż zwykle, ponieważ kolejność, której czytelnik oczekuje na telefonie, musi przetrwać zmianę kolejności.

Edytowalne sekcje, eksportowane pliki

Gdy układ i jego responsywne stany są gotowe, aplikacja Nicepage Desktop generuje pliki za pośrednictwem udokumentowanego przepływu pracy eksportu. Pakiet jest następnie przesyłany na Twój hosting lub bezpośrednio do programisty w celu dalszej pracy.

To właśnie ta ostatnia część jest powodem, dla którego w ogóle warto korzystać z gotowej bazy. Otrzymujesz rzeczywiste pliki, dzięki czemu sekcję można ponownie wykorzystać na nowym ekranie, można podmienić czcionkę, a poprawka trafia bezpośrednio do kodu źródłowego. Warto zachować wersję demonstracyjną, jeśli jej sekcje są czytelne, komponenty powtarzają się w sposób przejrzysty, a arabskie czcionki są już częścią projektu. Następnie przewiń całość na wąskim ekranie, ponieważ ornamenty dobrze się prezentują, a kolejność czytania nie.