Szükséges és ajánlott eszközök
HTML és CSS kódot írhatunk bármilyen szövegszerkesztővel, de készültek kifejezetten erre a célra programok, amikkel lényegesen leegyszerűsödik a honlapkészítés. Az alábbi táblázat összefoglalja a honlapkészítéshez szükséges ingyenes és ajánlott eszközöket. Sok esetben az ingyenes eszköz megegyezik az általom ajánlott eszközzel. Ha szeretnénk, akkor minden feladatot el tudunk végezni ingyenes eszközökkel.
| Feladat | Ingyenes megoldás | Ajánlott megoldás |
|---|---|---|
| HTML kódszerkesztő program | HTML Kit (Windows) Bluefish (Linux) Aptana (Windows, Mac, Linux) |
HTMLPad (Windows) Dreamweaver (Windows, Mac) Coda (Mac) Bluefish (Linux) |
| CSS kódszerkesztő program | Bluefish (Linux) Aptana (Windows, Mac, Linux) |
HTMLPad (Windows) Coda (Mac) CSSEdit (Mac) Bluefish (Linux) |
| HTML kódunk helyességét ellenőrző eszköz | W3C Markup Validation Service | |
| CSS kódunk helyességét ellenőrző eszköz | W3C CSS Validation Service | |
| Böngészők | IETester: Az IETester egymás mellett tudja futtatni az Internet Explorer 5.5, 6, 7, 8 és 9 verziókat! Mozilla Firefox (Windows, Mac, Linux) Opera (Windows, Mac, Linux) Safari (Windows, Mac) Google Chrome (Windows) |
|
| Firefox kiterjesztések | Web Developer ColorZilla Firebug |
|
| Linkellenőrző program | Xenu (Windows, Linux) | |
| FTP kliens | FileZilla (Windows, Mac, Linux) WinSCP (Windows) Cyberduck (Mac) |
|
| PNG optimalizáló | PNGGauntlet (Windows) | |
| Webtárhely | Webs: ingyenes, reklámmentes tárhely | 3 in 1 HOSTING: saját fizetős, reklámmentes tárhely Magyarországon
Hostgator Professzionális külföldi tárhely, magyar oldalakhoz is ideális! |
| Domain regisztráció | Nincsen ingyenes. | .hu domain regisztráció olcsón Nemzetközi domain (pl. .com) regisztráció olcsón, biztonságosan |
| Statisztika a honlapunkra érkező látogatókról | Google Analytics | |
Ellenőrző lista a közzététel előtt
Mielőtt megnyithatnánk honlapunk kapuját a látogatók előtt, néhány ellenőrzést mindenképpen érdemes elvégezni, az összes közzétenni kívánt weboldalnál külön-külön! Ezek a következők:
- Használjunk dokumentumtípus-meghatározást (doctype)! Enélkül a böngésző átvált kompatibilitási módba (quirks mode) és az oldalunk egyes elemei ténylegesen máshogy fognak kinézni, mintha helyes doctype-ot használtunk volna! Az ajánlott típus a HTML 4.01 Strict.
- Állítsuk be a karakterkódolást! Ha az itt javasolt alapdokumentumot használjuk minden új HTML oldal elkészítésekor, akkot ezt az első két pontot automatikusan betartottuk.
- A HTML kódnak érvényesnek (valid) kell lennie, ami azt jelenti, hogy a W3C validator programjának nem szabad hibát jeleznie. Ha csak figyelmeztetést kapunk, azt automatikusan ki tudja javítani a program.
- Ugyanez igaz a CSS kódra is, mint az előző pontban.
- Az oldalon található összes linket ellenőrizzük le valamilyen linkellenőrző programmal. A saját webhelyen belülre mutató linkeknek kötelező működniük!
- A kinézethez, formázáshoz csak CSS-t használjunk, a tartalmat pedig a HTML írja le. Táblázat nélküli oldalfelépítést használjunk.
- Teszteljük az oldalt legalább Internet Explorer 6 és 7, illetve Mozilla Firefox alatt, hogy helyesen jelenik-e meg. Minél több márkájú és verziójú böngészővel ellenőrzünk, annál jobb.
- Az oldal elérhető-e grafikus böngészőn kívül PDA-n, mobiltelefonon, illetve hátrányos helyzetűeket támogató képernyőfelolvasókon? Azaz legyen akadálymentesített az oldal.
- Milyen hamar töltődik le az oldal? Modemen elfogadható-e még a várakozási idő?
Ez a lista messze nem teljes, de tartalmazza a legfontosabb ellenőrizendő tényezőket. Ha egy teljesebb listát szeretnénk, látogassunk el erre az oldalra!
