Weboldalkészítő suli #15 - Rendezhető csíkos táblák

Amikor honlapunkon sok-sok adatot tartalmazó táblázatokat vagy például tabulált listákat szeretnénk megjeleníteni, akkor e célra leginkább HTML-táblákat használunk. Ezeket a táblázatokat - a megfelelő előkészületek után - néhány stíluselemmel és egy-két JavaScript funkcióval „megfűszerezve” nemcsak sokkal csinosabbá, de áttekinthetőbbé és felhasználóbarátabbá is alakíthatjuk.

Kategóriák: Internet, Kommunikáció, Programozás

Szerző: Weisz Tamás 2009. július 29.

következő oldal »

A HTML ‹table› elemét a webdizájnerek hosszú éveken keresztül nem igazán arra használták, amire a szabvány tervezői kitalálták. Egészen a közelmúltig a legtöbb webdizájner – részben a kiadványszerkesztésben szerzett rutinnak „köszönhetően”, részben azért, mert az volt az éppen aktuális trend – számtalan egymásba ágyazott ‹table› elemmel oldotta meg az oldalrészek, oldalelemek elhelyezését. Az oldalakat gyakorlatilag sok kisebb-nagyobb méretű darabra szabdalták, majd ezeket a darabokat töltötték meg képekkel és szövegekkel. Azonban egy ilyen módon kialakított oldalelrendezés esetében szinte a legkisebb dizájnváltoztatás is azt jelentette, hogy a munkát a legelejéről kellett kezdeni. A helyzetet jelentős mértékben rontotta, hogy több, magát profinak mondó WYSIWYG webszerkesztő és grafikai program fejlesztői is ezt a megoldást választották a HTML-export funkciónál, vagyis még ezek a szoftverek is rossz példát mutattak a kezdő webfejlesztőknek.

 

 

15_websuli_table_basic.png

Így néz ki táblánk „nyers” változata

 

 

Szerencsére – néhány őskövületnek nevezhető oldalt és programot leszámítva – a táblázatos elrendezés már a múlté, és a ‹table› elemet többnyire arra használják a weboldalak készítői, amire való: adatok, listák táblázatos megjelenítésére. Mi például a Lorem Ipsum MMIX konferenciára regisztrált előadók és résztvevők listának megjelenítésére alkalmazzuk, ám előtte ismerkedjünk meg egy kicsit közelebbről a táblázatokkal és azok elemeivel.

 

Cimkék: webszerkesztés, javascript, weboldal, táblázat, html

következő oldal »

Internetes program

Legfrissebb videó

Kapcsolódó galéria

Kapcsolódó tesztek

Corel Painter 12

Írja le gondolatait a témáról!

Név:
Kód:

Legfrissebb hozzászólások

Thermaltake Level 10 GT: frissült az...
"17 KG!!!! Ez üresen is rohadt nehéz ám akkor! "

2012-02-06 21:31:56

Minden nappal egyre kisebb a Föld tömege
"Ez igaz, de szart se érünk mi így, ennyien. Hiába leszünk zöldek, a világ..."

2012-02-06 16:43:24

Minden nappal egyre kisebb a Föld tömege
"Az egy dolog, hogy ezért nem fog elfogyni, de igen is vigyáznunk kell rá,..."

2012-02-06 16:30:07

48 különleges mobilalkalmazás
"Hasznos kis progik.Ha fizetösek általában,csak Bank Kártyás,ill Pay_Pal modon..."

2012-02-06 08:55:19

Olcsón mesefilmek, ingyen Delta és...
"Elnézést!!magán vélemény!! Sokan már nem nézik szinte semennyit az alábbi..."

2012-02-06 08:48:44