Miről lesz szó? ELTE IK Algoritmusok és Alkalmazásaik Tanszék WEBOLDALKÉSZÍTÉS SABLONOK SEGÍTSÉGÉVEL Mit tehetek, ha szeretnék egy saját honlapot vagy blogot? Mik a főbb problémák? Milyen megoldások születhetnek? Mit találunk a weben? Elkészítem Word-ben, elmentem HTML-ként Elkészítem valamilyen grafikus webfejlesztő eszközzel, publikálom Előny Hozzáférhető, könnyen előállítható az oldal Egyszerű design elkészítése nem okoz nehézséget Feltöltöm a tárhelyemre és készen van az oldalam Hátrány Általában nem szabványos oldalak Nem kereső- és felhasználóbarát oldalak Programozni nehézkes, ha egyáltalán lehet Választok egy barátságos CMS-t Előny Megmarad a hozzáférhetőség, általában még mindig ingyen, és kapok egy használható felületet Választhatok többféle design közül Sok olyan funkció meg van valósítva, amihez programozni, webfejleszteni kellene A funkciók köre többé-kevésbé rugalmasan bővíthető Hátrány Ha nem tudom kellőképpen testre szabni, tapasztaltabb szemek gyorsan felismerik az alaprendszert Általában még mindig nem kapok szabványos oldalakat Megtanulom, hogy hogyan kell HTML, CSS, JS, PHP, Flash stb. kódokat szabványosan előállítani keresőbarát oldalszerkezetet kialakítani a böngészők különbözőségéből adódó hibákat kikerülni Ezzel a programozási rész készen van. De a látogató nem ezt látja Megtanulom hogyan kell designt készíteni a designt megvalósítani Azaz egy komolyabb honlap fejlesztéséhez egy kisebb cég ismereteit halmozom fel Programozó(k), kreatív munkatárs, designer, grafikus, stb. Közös probléma A webfejlesztés nem csak tanulható programozási technológia Minden esetben szükség van jó designra, ami jó ötletet igényel A design megvalósítása szakértelmet és sok tapasztalatot, türelmet szerteágazó területeken Céges keretek közt ezt mind külön-külön meg is kell fizetni, magáncélú oldalaknál csak a befektetett idő a költség Info ÉRA 2009. 1
Megoldási lehetőség Megoldási lehetőség A programozást vagy valami ahhoz közel állót nem lehet teljesen megúszni, a tartalmakat valahogyan elő kell állítanunk Erre alkalmas lehet akár a szokásos kódszerkesztőnk vagy egy CMS is Ez végre teljesen tanulható, laikusok számára is használható A design kialakítására a web kiapaszthatatlan forrás Számos különféle sablon érhető el végtelen számú kategóriában és minőségben HTML-CSS, Flash, CMS-hez integrálható Ingyenesen letölthető, átszerkeszthető (akár online is), olcsó, drága, akár az egyediség ígéretével A webes sablon mellé itt-ott teljes kisarculatot is találni, ha a cégünk arculatát tervezzük Mit kell tenni? HTML+CSS alapú sablon El lehet dönteni, hogy milyen technológiát használunk, de egyszerűbb tartalmak esetén a design kialakításának módja is lehet döntő Pl. CMS-t vagy plain HTML-t készítünk Pénztárcától függően ingyenes vagy fizetős megoldások között lehet kutatni Ha megtaláltuk a kiszemelt sablont, akkor jöhet a munka Általában kapunk egy csomagot, benne az összes alkatrésszel Felhasználási feltételek, jogi nyilatkozat Szabad felhasználás szerkesztés nélkül, átszerkeszthetően, bővíthetően, stb. Forrásmegjelölés módja, visszajelzés küldése stb. Alap HTML fájl(ok) CSS állomány a stílusokkal Néhány kép, amit a CSS-ben használunk Inflight Sablonok Drupalhoz Forrás: www.freecsstemplates.org Tartalom szerkesztése például Notepad++ programmal lehetséges Itt is egy csomagot lehet letölteni A már telepített tartalomkezelőben meg kell keresni a sminkek helyét \themes Be kell másolni a letöltött csomagot Az admin felületen be kell állítani a sminket Adminisztráció Webhelyépítés Sminkek Info ÉRA 2009. 2
Mennyiért? Open Source Web Design Alap sablonok ingyen elérhetők Kidolgozottabb, részletesebb sablonok 30$- 100$ közötti áron szerezhetők be Egyediséget általában 3000$ körüli áron lehet beszerezni http://www.oswd.org/ Több, mint 2000 webes sablon Prémium sablonok kb. 30$-ért Nem kereshető (csak elvileg) Open Web Design http://www.openwebdesign.org/ Több, mint 5000 sablon Kereshető sok feltétellel Szabványosság (HTML, XHTML, CSS) Színvilág, alapszínek Üzleti vagy magán felhasználás Info ÉRA 2009. 3
Template Monster 100$-ból kisarculat http://www.templatemonster.com/ HTML és Flashalapú sablonok is Sokféle kategória, sokféle keresési feltétel Üzleti megoldásokat keresőknek is hasznos A csomagok általában több layout tervet tartalmaznak, ill. kiegészítő elemek is találhatók az oldalon Galéria, webshop, stb. Az ismert portálrendszerekhez illeszthető csomagok Egyéb arculati elemeket is találhatunk, pl. dokumentumsablonok 100$-ból kisarculat Informatika órán Akinek kevesebb szépérzéke-kreativitása van, az is sikeres lehet, hiszen igényes oldalt készít Egy az egyben felhasználhat egy sablont Akinek kreativitása lenne, annak könnyen elveszik a kedvét a kompatibilitási problémák Kedvére alakíthatja a sablont, kicserélheti a képeket, színeket, a részletek alapos ismerete Az első sikerélmény jó alapja lehet a későbbi elmélyülésnek, a részletek elsajátításának Magán honlapok készítésekor A szerzőnek nem kell gondoskodni a technikai részletekről A megjelenés szakértelem nélkül is lehetséges Kreativitás pótlására kevésbé ügyes/érdeklődő informatikusok számára Időtakarékos megoldás azoknak is, akik egyébként képesek lennének a design megtervezésére és kialakítására Vállalati környezetben Nem webdesignnalés webfejlesztésselfoglalkozó cégek esetén is fellelhető általában egy rendszergazda, aki képes szövegszerkesztésre Teljes weboldal kialakítási megrendelések helyett csak a sablont kell letölteni és tartalommal ellátni Cégen belül megoldható a fejlesztés Költségtakarékos, gyors megoldás Info ÉRA 2009. 4
További helyek http://www.dreamtemplate.com/ http://www.templateworld.com/ http://www.webtemplatesgallery.com/ http://webdesign.about.com/ http://www.buytemplates.net/ Köszönöm a figyelmet! erika221@elte.hu Info ÉRA 2009. 5