Skip navigation

4. Weboldalkészítés a Dreamweaver rendszerben

A weboldal elkészítésének egyik népszerű eszköze az úgy nevezett WYSIWYG (What You See Is What You Get) alkalmazások. Az ilyen programok lényege, hogy a weboldalt egy grafikus felületen lehet szerkeszteni, tartalmat hozzáadni és megformázni úgy, hogy a hozzá tartozó kódot a program generálja le. Természetesen az igazán gördülékeny szerkesztéshez hasznos, ha a fejlesztő ismeri a szükséges nyelveknek (HTML, CSS) legalább az alapjait. Az ilyen alkalmazásokban a szerkesztett weboldalt lehet vizuális nézetben (ahogy megjelenik az oldal) és kód nézetben is szerkeszteni. Így ha valamit nem úgy generál le a program kód szinten, ahogy szeretnénk, a forráskódban kijavítható.

Gyakran fogalmazzák meg azt a kritikát ezekkel a programokkal szemben, hogy nem túl szép kódot generálnak, de a korszerűbb és igényesebb szoftverek már nagyon sokat javultak az utóbbi évek során ezen a téren. Ugyanakkor a valós probléma lehet, hogy a webes technológia gyors fejlődését az alkalmazások nem mindig tudják megfelelő ütemben követni, így bizonyos megoldások, amit alkalmaznak, már nem korszerű, vagy esetleges új megoldásokat nem ismernek. Ehhez a szoftvereket folyamatosan fejleszteni kell, ami általában csak a kereskedelmi termékekre jellemző, amelyek legfrissebb verzióinak megvásárlása viszont költséges lehet.

Az Adobe Dreamweaver az egyik legnépszerűbb ilyen WYSIWYG weblapszerkesztő alkalmazás. A Dreamweaver az egyik az Adobe kereskedelmi termékei közül, amely jelenleg a Creative Cloud nevű kreatív asztali és mobil eszközök csomagjában található és vásárolható meg. Az alkalmazás fel van készítve szinte az összes korszerű technológiára (rajzolás, animációk, jQuery, stb.), széles körűen használja a HTML5 és a CSS3 nyelvet. Továbbá alkalmas a mobil eszközökön való megjelenítéshez responsive weboldal elkészítésére is. Számos kiegészítő szolgáltatást tartalmaz, amelyre egy profi webalkalmazás fejlesztőnek csak szüksége lehet. A szoftver komplexitása messze túlmutat ezen a tananyagon, így csak az alapok gyors felvázolására szorítkozunk.

A terméknek ingyenesen letölthető egy 30 napos próba változata:

https://creative.adobe.com/products/download/dreamweaver