Csempe HTML Sablonok

Tiszta csempés HTML sablonok szerkeszthető forráskóddal

Amikor egy fejlesztő örököl egy csempés HTML sablont, egy fájlkészletet kap, és a következő hónap kellemessége attól függ, hogyan vannak ezek a fájlok összeállítva. A minta mindenhol megjelenik: egy portfólióindexben, egy termékrácsban vagy egy magazin kezdőlapján. Az alábbi jelölés határozza meg, hogy kétszáz bejegyzés hozzáadása délutáni feladat vagy átírás.

Jelölési minták, amelyeket gyakran másolsz

Az ismétlés a csempe elrendezésének lényege, és az első dolog, amit ellenőrizni kell. Egy kártya általában tartalmaz egy képet, egy címet és egy linket, és alakjának azonosnak kell maradnia az első bejegyzéstől az utolsóig. Nyisd meg a forráskódot, és keress néhány dolgot:

1. Szemantikai szakaszok minden csempecsoport körül egyetlen végtelen tároló helyett.

2. Címsorok, amelyek sorrendben lefelé haladnak, egy kiemelt bejegyzéssel a bemutatott elemek felett.

3. Szó szerint ismételt kártyaminta, az osztályhorgokkal a későbbi munkához.

4. Linkek azokon az elemeken, amelyekre a látogató ténylegesen rákattint.

Az olvasási sorrend minden összeomlást túlél

Egy szélesvásznú képernyőn jól olvasható csempeelrendezés furcsa sorrendben jelenhet meg egy telefonon, mivel a panel vizuális pozíciója és a forrásban elfoglalt helye eltérő. A bal felső pozícióban lévő kiemelt elem nem jelenhet meg három kisebb kártya alatt. Egy gyors ellenőrzés minden ismétlődő blokkon:

1. A látogatónak először szükséges elem jelenik meg először a forrásban.

2. A kiegészítő szöveg a leírt képhez csatolva marad.

3. A link lezárja a blokkot, ahelyett, hogy a tartalom felett lebegne, amelyre hatással van.

Ha ezt egyszer elrontjuk egyetlen kártyán belül, a kétszázadik örökli. Ha elrontjuk, egy telefont tartó ügyféltől hallunk róla.

Exportálás után először ellenőrizzük a linkeket

A Nicepage exportálja a projektet az asztali alkalmazásból, és az exportálási útmutató lefedi ezt a munkafolyamatot. A lemezre egy olyan fájlkészlet kerül, amelyet bárhol tárolhatsz, így semmi sem kötődik a Nicepage tárhelyhez, és a forráskód nyitva marad a további szerkesztéshez.

Az exportálás utáni első lépés rövid és megéri az időt. Ellenőrizd, hogy a relatív hivatkozások és az erőforrás-útvonalak továbbra is feloldódnak-e, miután a fájlok a szerverre kerültek, hogy a kép alt attribútumai pontosan leírják-e a tartalmat, és hogy a címsorok sorrendben túlélték-e a tartalomcserét. Az ismétlődő kártyákat érdemes újra megnézni, miután valódi anyag tölti ki őket, mert egy olyan cím, amely négy szóban illik a demóhoz, ritkán illik a valósághoz tizenkét szóban.

Amit megítélsz, az az, hogy mennyire lesz könnyű együtt élni a forráskóddal. Az olyan jelölések, amelyeket viták nélkül el tudsz olvasni, szerkeszteni és bővíteni, sokáig hasznosak maradnak a képernyőn megjelenő elrendezés megváltozása után is.