Electrose.hu: girlpowered by PC World
Elindult a PC World legújabb projektje, az olvasószerkesztőnk által pátyolgatott Electrose, amely az informatika világát női szemmel, lazán és fiatalosan közelíti meg.
Elindult a PC World legújabb projektje, az olvasószerkesztőnk által pátyolgatott Electrose, amely az informatika világát női szemmel, lazán és fiatalosan közelíti meg.
Aktuális leckénkben két klasszikus dizájnproblémát fogunk egy kicsit alaposabban körüljárni. Először megnézzük, hogyan dobhatjuk fel például főoldalunk híreit egy kicsit lekerekített sarkú (vagy még díszesebb) dobozokkal, majd ezt követően több technikát is kipróbálunk arra, hogy címsorainkat képekkel helyettesítsük, hogy legalább ezek szebb betűtípusokkal jelenhessenek meg oldalainkon.
Amikor egy szövegszerkesztőben hosszabb dokumentumokon dolgozunk, akkor - jó esetben - a címsorokat megfelelő stílusokkal látjuk el. Részben azért, hogy a későbbiekben egyszerűbben formázhassuk ezeket, részben pedig azért, mert ezek felhasználásával a program létre tudja hozni a dokumentum tartalomjegyzékét. Ha hasonlóan gondosan készítünk elő egy hosszabb HTML-dokumentumot, akkor semmi akadálya annak, hogy ugyanígy automatikusan készüljön el az oldal tartalomjegyzéke.
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.
Legutóbb azzal az ígérettel fejeztük be a 13. leckét, hogy ez alkalommal elkezdjük oldalunkat JavaScriptből alakítgatni, és hogy az oldal programozott „farigcsálását” a linkekkel kezdjük. Ám mielőtt nekikezdenénk a JavaScript-programozásnak, egy kicsit korrigáljunk oldalunk stíluslapján.
Egyszerűen hozhatunk létre javascriptes navigáló menüt weboldalunkra.
Az előző részben elkészült a szószátyárok 2009. évi konferenciájának weboldala - egész pontosan annak nyitóoldala. Az előző 11 lecke során megtanultuk, hogyan kell felépíteni egy oldal tartalmi és strukturális részét, és azt is, hogyan lehet a tartalmat a kívánt formába önteni. Ez alkalommal belekezdünk a honlapok harmadik „rétegébe”, a viselkedésbe - vagyis a JavaScriptbe.
Sorozatunk előző 11 epizódjában elmerültünk az XHTML leírónyelv és a kaszkád stíluslapok szépségeiben, ami oda vezetett, hogy ma befejezzük a hónapok óta közösen épített első weboldalunkat.
Az új Xara Web Designer a pixeles és vektoros képekre fókuszál. Ennek, és a testre szabható sablonoknak köszönhetően látványos interaktív honlapokat készíthetünk – szó szerint percek alatt.
A Firefox úgynevezett Könyvjelző eszköztára kiváló lehetőség arra, hogy elhelyezzük benne a gyakran látogatott weboldalaink hivatkozásait, így azokat könnyen és gyorsan elérhetjük – egészen addig, amíg a kérdésben is említett módon be nem telik az erre fenntartott hely. Ekkor ugyanis a böngésző a „lelógó” darabokat egy külön gombnyomásra legördülő listában kezdi el gyűjteni, amely se nem hatékony, se nem esztétikus.
Legutóbbi leckénkben úgy búcsúztunk, hogy félredobtuk a bemagolnivaló, száraz elméletet, előkaptuk világhírű konferenciánk weboldalának féléves HTML vázát, kicsit leporoltuk, leegyszerűsítettük, majd elkezdtünk hozzá stíluslapot gyártani. Igaz, nem jutottunk túl messzire, úgyhogy a valóban izgalmas dolgok még csak most következnek.
Sorozatunk újabb mérföldkövéhez érkeztünk: ez az a lecke, ahol magunk mögött tudjuk az unalmas elméletet, és belevetjük magunkat a gyakorlatba, azaz vadul elkezdünk weboldalt építeni.
Ugyan ki ne gondolt volna már arra, hogyan lehetne levadászni egy weboldalról egy érdekes Flash mozit? Esetleg hogyan lehetne kitalálni, hogy működik, hogyan csinálták? Nem nagy ördöngösség, ha megvannak a megfelelő eszközeink.
Legutóbb ott tartottunk, hogy már majdnem megértettük az egyik legfontosabb CSS-koncepciót - az úgynevezett dobozmodell elméletet -, amikor kiderült, hogy nem minden weboldalelem egyforma. Fussunk neki még egyszer, kicsit más irányból!
Az előző leckében megfejtettük, mit jelent a kaszkád szó a CSS kifejezésben. E lecke még fontosabb lesz: újra bevezetjük az osztályok fogalmát, majd előrántjuk emlékeinkből az egyedi azonosítókat és összeeresztjük őket a stíluslapokon.
Mostantól nem szükséges értenünk a weboldalkészítéshez, nem kell speciális programokat vadásznunk, csak vegyük elő a jó ízlésünket és az egerünket, aztán irány a Google!
Legutóbb a tartalom világából átléptünk a formák és színek, azaz a web esetében a stíluslapok világába. Most mélyebbre merülünk, és megpróbáljuk megérteni a CSS alapvető működését.
Belekezdünk a stíluslapok használatának bemutatásába, azaz megmutatjuk, hogyan húzhatunk „bőrt” a nyers tartalmi elemekre. Ám ezt megelőzően még befejezzük a korábban félbehagyott oldaltervezést.
Már minden tudunk - na jó, ez így túlzás, ahhoz tudunk már eleget, hogy hozzákezdjünk végre egy saját weboldal építésébe! Épp kapóra jön egy megrendelés, egy konferencia weboldalát kellene elkészíteni, nyitóoldallal és számos különböző aloldallal. Meredeken hangzik, de szeretjük a kihívásokat! Vágjunk is bele!
Ezen kis böngésző kiegészítő segítségével egyszerűen tudunk elküldeni weboldalakon található szövegeket.
Ú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.