Weboldalkészítő suli #33 - Hivatkozások lábjegyzetként
Legutóbb elkészítettük oldalaink „nyomtatható változatát”. Most egy kis javascriptes segítséggel hivatkozásainkból lábjegyzeteket hozunk létre.
Legutóbb elkészítettük oldalaink „nyomtatható változatát”. Most egy kis javascriptes segítséggel hivatkozásainkból lábjegyzeteket hozunk létre.
A weboldalak készítésekor a képernyőt tekintjük elsődleges megjelenítő felületnek. Ugyanakkor a felhasználók rendszeres kívánsága, hogy egyes oldalaknak legyen nyomtatható változata is.
Ezúttal - felhasználva az elmúlt leckékben tanultakat - mintaoldalunkat fogjuk JavaScript-mentessé, és természetesen kicsit látványosabbá tenni.
Mától ingyen és könnyedén elérhető az App Inventor, amelyben komoly programozói tudás nélkül fejleszthetünk androidos szoftvereket.
November közepén mutattuk be a Drupal CMS-t. Most egy kicsit jobban megismerkedünk a megjelenés előtt álló, legújabb, hetes számú verzióval. Saját számítógépünkre telepítjük a rendszert, s aztán használatba is vesszük.
A 23. leckében lépésről lépésre felépítettünk egy képgalériát, ebben a fotók akkor jelentek meg, amikor az indexkép fölé vittük az egeret. Most ezt tesszük még látványosabbá CSS3-as animációkkal.
Mi a közös vonása a Fehér Ház, a Firefox, az MTV és az Ubuntu honlapjának? Az, hogy megjelenésük eszközéül mindannyian ugyanazt az ingyenes, nyílt forráskódú tartalomkezelő és -fejlesztő rendszert választották. Ez pedig a Drupal.
Gyakran várjuk, hogy egy program befejezze a működését. Pedig kár mindig várni, ugyanis megoldható, hogy értesítést kapjunk arról, amikor történt „valami”.
A korábbi leckékben megkezdett irányvonalat folytatva a weboldalkészítő suli aktuális leckéjében is elsősorban a HTML5-CSS3 párosra fogunk koncentrálni - ám egy viszonylag csendes bejelentésre való tekintettel, egy kissé rendhagyó módon.
Az új HTML5 szabvány már a kezdetek-kezdetén rengeteg hívőt szerzett, köztük olyan nagyvállalatokat, mint az Apple, Google vagy a Microsoft. Ugyanakkor a W3C szerint a szabvány még nem áll készen, hogy élesben is be lehessen vetni.
Legutóbbi leckénkben elkezdtünk ismerkedni a CSS3 újdonságaival, és - a tanultakat alkalmazva - nekikezdtünk átalakítani az idei konferencia oldalait. Ez alkalommal folytatjuk a megkezdett munkát, ám előtte alaposabban bemutatunk egy olyan stílustulajdonságot, amely valószínűleg hamarosan nagy népszerűségnek fog örvendeni.
Legutóbb néhány szép példát megtekintve megkezdtük az ismerkedést a böngészők által egyelőre eltérő mértékben - és sajnos eltérő módon - támogatott CSS3 újdonságaival. Ez alkalommal nekikezdünk „CSS3-asítani” konferenciánk honlapját, megnézzük, hogyan tehetnénk a munkánkat (még) egyszerűbbé a készülő szabvány lehetőségeinek kihasználásával.
Kissé rendhagyó leckénk első felében hivatalosan is búcsút veszünk a Microsoft népszerű, ám teljesen elavult böngészőjétől, az Internet Explorer 6-tól, majd elkezdünk ismerkedni az egyelőre „béta-állapotban” lévő CSS3 újdonságaival.
Korábban több látványos és interaktív fotógalériát készítettünk kizárólag a CSS stíluslapokra támaszkodva. Most némi JavaScript-támogatással összeállítunk egy igazán „sokoldalú” képtárat. Ám ahhoz, hogy JavaScript programunknak minél kevesebbet kelljen dolgoznia, megfelelően elő kell készítenünk a talajt.
Amerikai kutatók mesterséges baktériumot állítottak elő számítógéppel tervezett DNS segítségével. A teljesen szintetikus DNS-t beültették egy már létező baktériumba, annak saját örökítőanyaga helyére. Az új baktérium él és szaporodik, egy új fajt hozva létre!
Olyan galériákat készítettünk az előző leckében, amelyekben a fotók akkor jelentek meg, amikor az egeret az indexképek fölé mozgattuk. E galériák egyedüli hátránya, hogy amint az egérkurzor elhagyta a galéria területét, a fotó eltűnt a keretből. Ezúttal két olyan képgyűjteményt rakunk össze, amelyekben a fotók az indexképre történő kattintáskor jelennek meg, de ami fontosabb, hogy a következő kattintásig a helyükön is maradnak - és még mindig mellőzzük a JavaScript nyújtotta lehetőségeket.
Legutóbbi leckénkben megnéztük, hogyan lehet egy képgaléria indexoldalát néhány egyszerű trükkel feldobni, az átlagosnál érdekesebbé tenni. Ez alkalommal készülő galériánkba némi életet viszünk azzal, hogy amint az egér az indexképek fölé ér, megjelenítjük a kép nagy(obb) változatát - anélkül, hogy egyetlen sornyi JavaScript-kódot írnánk.
Véget ért az idei Neumann János Tehetségkutató Programtermék Verseny, amelyre idén vajdasági diákok is jelentkezhettek, immár harmadszorra.
Míg türelmesen várakozunk, hogy a kicsinosított, a bevitt adatokat még az elküldés előtt ellenőrző űrlapunk kitöltésével az érdeklődők regisztráljanak a konferenciára, nekikezdünk saját „képgaléria-motorunk” fejlesztésének, amivel előbb a konferenciának otthont adó város néhány nevezetességét, a későbbiek során pedig a konferencián készült fotókat mutatjuk majd be.
A gyulai Erkel Ferenc Gimnázium és Informatikai Szakképző Iskola, Kollégium,Kétfordulós informatikai versenyt rendez, amely végén értékes nyereményekkel gazdagodhatnak a csapatok.
Úgy tűnik, AdBlockert használsz, amivel megakadályozod a reklámok megjelenítését. Amennyiben szeretnéd támogatni a munkánkat, kérjük add hozzá az oldalt a kivételek listájához, vagy támogass minket közvetlenül! További információért kattints!
Engedélyezi, hogy a https://www.pcwplus.hu értesítéseket küldjön Önnek a kiemelt hírekről? Az értesítések bármikor kikapcsolhatók a böngésző beállításaiban.