Web Page Editor

Web Page Editor

Szerkesztő

A szerkesztő az, ahol a teljes szerkesztési élmény nagy része zajlik. Beállítható az eszköztáron keresztül úgy, hogy az aktuális dokumentum WYSIWYG és forrás nézetét is mutassa vízszintes vagy függőleges osztásban, vagy beállítható csak a WYSIWYG vagy csak a forrás nézet megjelenítésére is (a fenti kép megosztott WYSIWYG és forrás nézetet mutat). Az aktuálisan kijelölt elem összhangban van minden nézetben.

Paletta

Paletta

A paletta a szabványos HTML és JSP címkék mellett egy elemet jelenít meg a JSP címkekönyvtárak minden egyes olyan címkéje számára, amelyek egy alkalmazás osztályútvonalán vannak. A címkeelemek fogd és vidd módszerrel átvihetők a WYSIWYG tervezési területre a weboldalak gyors létrehozása érdekében. A paletta rögzíthető megnyitott állapotban vagy beállítható úgy, hogy automatikusan megnyíljon, amikor összecsukott állapotban a kurzor fölé kerül.

Tervezési/ELőkép lapok

Előkép

A szerkesztő Tervezés/Előkép lapjai lehetővé teszik a felhasználónak a szerkeszthető nézet és (ahogyan az első képen látható) és a nem szerkeszthető előkép (ahogyan a fenti képen látható), amely közel úgy jeleníti meg a weboldalt, ahogyan az majd futás közben megjelenítésre kerül, közötti átkapcsolást.

Eszköztár

Eszköztár

Az eszköztáron a következő funkciók elérhetők:

Tulajdonságok nézet

Tulajdonságok

A tulajdonságok nézet lehetővé teszi a kijelölt elem attribútumainak vizsgálatát és szerkesztését. A nézet "Gyorsszerkesztés" lapja hozzáférést biztosít a leggyakrabban szerkesztett attribútumokhoz, míg az "Attribútumok" lap hozzáférést biztosít az összes attribútumhoz.

Elemnavigáció

Elemnavigáció

Az elemnavigáció legördülő lista lehetővé teszi a jelenleg kijelölt elem szülőelemeinek a tulajdonságok lapon szerkesztésre történő kiválasztását.

Vázlat nézet

Vázlat előugró menü

A vázlat nézet lehetővé teszi a felhasználó számára a dokumentumszerkezet vizuális vizsgálatát és lehetővé teszi az aktuális elem kijelölésének módosítását. Lehetővé teszi továbbá az elemek nézeten belül történő fogd és vidd módszer áthelyezését és egy előugró menü lehetővé teszi az elemek és attribútumok kezelését.

Állapotsor

Az állapotsor megjeleníti az aktuálisan kijelölt elem hierarchikus helyét a dokumentumban.


Elemek kezelése a WYSIWYG nézetben

Elemek vizsgálata

Elemek vizsgálata

A kurzor egy elem, vagy az elemet képviselő keret fölé mozgatásakor eszközleírók adnak visszajelzést arról, hogy mely elem kerül kiválasztásra az egérrel történő kattintáskor.

Elemek kiválasztása

Elemek kiválasztása

Egy elemre vagy az azt képviselő keretre kattintva egy kijelölési keret jeleníti meg a kiválasztott elemet (és a kiválasztás összehangolásra kerül minden nézetben).

Elemek szerkesztése az Előugró menü segítségével

Előugró menü

Jobb egérgombbal kattintva az elemekre egy előugró menü jelenik meg, amely lehetővé teszi a kijelölt elem szerkesztését, kiválasztását és az azon végzett egyéb műveleteket. Ahogyan az a fenti képen is látható, néhány elem engedélyezi a címkére jellemző szerkesztési funkciókat.

Vizuális vizsgálat és nem vizuális utódkomponensek kiválasztása

Utódkomponensek vizsgálata

A kurzor egy elem fölé mozgatásakor az adott elem nem vizuális utódkomponensei (mint az átalakítók és érvényesítók) félig áttetsző ikonokként láthatóvá válnak az elem jobb felső sarkában.

Utódkomponensek kiválasztása

Az elem kiválasztása majd az elem jobb felső sarkában megjelenő "rögzítés" ikonra kattintás lehetővé teszi a nem vizuális utódkomponens kiválasztását a komponens ikonjára kattintva.