Tartalmi referencia oldal - v1
A kiemelt kép javasolt mérete: 916x500 - ez a kép alapértelmezetten a cím és a lead között jelenik meg. Ez itt a bevezető szövegrész, másnéven lead, ami egy tartalmi végoldal esetében nagyobb betűvel, kiemlten jelenik meg, valamint ez a bekezdés szolgál az oldal kivonataklnt is. Ez azt jelenti, hogy amikor egy tartalmi-lista (pl. Kerületi hírek) elemeként jelenik meg, akkor ez a kivonat szövegrész lesz látható.
Az oldal belső tartalmi elemei innen jönnek. Ez itt egy egy példa bekezdés, melyben nyugodtan használhatunk félkövér kiemelést, dőlt betűs kiemelést, vagy akár aláhúzást is - bár ez utóbbit inkább linkek esetében szokás (ez itt egy példa a linkelt szövegre), akkor viszont automatikusan rákerül, így ha lehetséges, ezt mellőzzük.
Tartalomban szereplő alcím
Ilyen alcímet a szerkesztő felületen a Bekezdés legördülő menüből a Címsor 2-t beállítva tudunk létrehozni.
Tartalomban szereplő kiemelt cím
Ilyen alcímet a szerkesztő felületen a Bekezdés legördülő menüből a Címsor 3-t beállítva tudunk létrehozni.
Javasolt megjelenítés a jelenlegi 2 hasábos (táblázatos) információs megjelenítésre:
A szervezeti egység neve: Hatósági Főosztály
Főosztályvezető: Dr. Mózer Éva
Cím: 1102 Bp. Szent László tér 29. II. 220.
Telefon: 06 1 4338 170
Fax: 06 1 4338 230
E-mail: hivatal@kobanya.hu
Honlap: www.kobanya.hu
Nagy-Balázs Melinda ügyintéző: 06 1 4338 378
közterület-használó neve szerint A-K betűig
(az ügyleírások az Ügyintézés/Ügymenetek menüpont alatt érhetőek el)
Dr. Szekeres Edit ügyintéző: 06 1 4338 267
közterület-használó neve szerint L-Zs betűig
(az ügyleírások az Ügyintézés/Ügymenetek menüpont alatt érhetőek el)
Amennyiben továbbra is a táblázatos elrendezést vagyunk kénytelenek használni, akkor fontos, hogy a táblázat tulajdonságainál egyetlen Osztály se legyen kiválasztva. Így megoldható, hogy a régi megjelenés is jól jelenjen meg mobil eszközökön.
Link beszúrása esetén mindig a teljes url-t használjuk https/http-vel kezdődően, e-mail címek esetén a mailto: előtag használata kötelező, pl: mailto:info@kobanya.hu.
Érdemes a telefonszámokat is (az e-mail címekhez hasonlóan) kattinthatóvá tenni, ugyenis ebben az esetben telefonálásra alkalmas készülékről kattintás után azonnal tárcsázható a szám. A linkelés módja az e-mail-hez hasonló: tel:+3612345678, de így is működik: tel:06-1-234-5678
A példából látszik, hogy ilyen esetekben a táblázatok használata nem szükségszerű és nem is javasolt.
Listák
Bullet-pontos lista:
- Első elem
- Második elem
- Harmadik elem
- Negyedik elem
Sorszámozott lista:
- Első elem
- Második elem
- Harmadik elem
- Negyedik elem
Képek beillesztése
Mivel egy oldal hasábszélessége maximum 916px széles, ezért érdemes egy maximum ilyen szélességű képet használni, ezzel tudunk gyors betöltődést elérni.
Táblázatok
A táblázatok használatát kizárólag tényleges táblázatok megjelenítésére javasolt alkalmazni, pl. adatok megjelenítése; vagy olyan szöveges tartalom, ahol a cellákban csak 1-1 szó van használva, mondatok nem.
Ha nem állítunk be direkt szélességet a táblázatnak, akkor csak olyan szélességben jelenik meg, amennyi tartalom a táblázat celláiban szerepel.
Vízszintes elrendezésű táblázat (a szerkesztőben használjuk a "Csak vízszintes" opciót a táblázat beállításainál)
0. adatoszlop | 1. adatoszlop | 2. adatoszlop | 3. adatoszlop |
200 | 1200 | 2200 | 3200 |
300 | 1300 | 2300 | 3300 |
400 | 1400 | 2400 | 3400 |
500 | 1500 | 2500 | 3500 |
Mátrix elrendezésű táblázat (a szerkesztőben használjuk a "Külső keret" opciót a táblázat beállításainál)
1. adatoszlop | 2. adatoszlop | 3. adatoszlop | |
1. adatsor neve | 1200 | 2200 | 3200 |
2. adatsor neve | 1300 | 2300 | 3300 |
3. adatsor neve | 1400 | 2400 | 3400 |
4. adatsor neve | 1500 | 2500 | 3500 |
Címsorok nélküli táblázat (a szerkesztőben használjuk a "Nincs keret" opciót a táblázat beállításainál)
100 | 1100 | 2100 | 3100 |
200 | 1200 | 2200 | 3200 |
300 | 1300 | 2300 | 3300 |
400 | 1400 | 2400 | 3400 |
500 | 1500 | 2500 | 3500 |
Címsorok nélküli táblázat 100% oldalszélességben:
100 | 1100 | 2100 | 3100 |
200 | 1200 | 2200 | 3200 |
300 | 1300 | 2300 | 3300 |
400 | 1400 | 2400 | 3400 |
500 | 1500 | 2500 | 3500 |
Címsorok nélküli táblázat 50% oldalszélességben:
100 | 1100 | 2100 | 3100 |
200 | 1200 | 2200 | 3200 |
300 | 1300 | 2300 | 3300 |
400 | 1400 | 2400 | 3400 |
500 | 1500 | 2500 | 3500 |