Vizuális webszerkesztő. Vizuális HTML szerkesztő

Vizuális HTML- a Macromedia Dreamweaverhez hasonló szerkesztő, de ingyenes.

Legutóbb arról beszéltem, hogyan ellenőrizheti webhelye teljesítményét a használatával helyi Denver szerver. De maga az oldal létrehozásának kérdése megoldatlan maradt. Próbáljuk meg kijavítani ezt a bosszantó mulasztást – ma egy olyan programról mesélek, amivel akár HTML programozás és egyéb trükkök ismerete nélkül is elkészíthetsz egy egyszerű weboldalt.

felhívom a figyelmet ingyenes vizuális HTML szerkesztő NVU.

Miért jó? Igen, az a tény, hogy egy weboldal létrehozásához nem kell bajlódnia a webes programozási nyelvek tanulmányozásával. Csak beírsz szöveget, beszúrsz képeket vagy animációkat, és a HTML-ben való díszítés minden "piszkos" munkája átveszi az irányítást. NVU.

Sajnos jelenleg a fejlesztés NVU felfüggesztették, de a projekt az első stabil verzióra nőtt, és ez már sok.

NVU képességek

• támogatás több megjelenítési mód szerkeszthető oldal;
• speciális opciók szövegszerkesztés;
• beszúrni képeket(beleértve a hátteret is);
• szerkesztés egyes oldalak és teljes webhelyek;
• űrlapok és táblázatok létrehozása;
• helyesírás-ellenőrzés;
• lehetőség helyszíni kiadványok közvetlenül a programból;
• beépített CSS szerkesztő és Java Script konzol.

Mindez és még sok más lehetővé teszi, hogy minimális (lehetőleg) HTML ismeretekkel (vagy azok teljes hiányával :) a semmiből készítsünk egy kis oldalt.

Letöltés... Telepítés... Indítás és megtekintés :) (igaz - nincs felesleges gesztus oroszosítással, további információk megadásával stb.). Fogadja el, hogy létrehoz egy parancsikont az asztalon, és futtassa vele NVU:

NVU interfész

Egy pillantásból NVU egyesekre emlékeztet szöveg szerkesztő. Ez a fő érdeme - vizuális GUI. De ha lentebb nézünk, látni fogja, hogy a szokásoson kívül még több van megjelenítési módok bevitt információk: HTML-címkék, kód és előnézet.

HTML címke mód

"HTML címkék" egyfajta szövegből és címkékből álló mozaik, amelyet színes téglalapként terveztek. Ez a nézetmód a kezdő felhasználók számára hasznos, mivel megjeleníti az összes használt fő címkét, ugyanakkor nem zavarja őket nagy számmal, miközben ugyanaz a vizuális szerkesztő. Ebben a módban jó megtanulni a címkék neveit, hogy később kódszerkesztő módban is könnyen használható legyen.

Mód kód

Mód "A kód" egy ablak a szerkesztett oldal HTML kódjával, amely minden webfejlesztő számára ismerős. Innen nő ki az internet összes forrása ezekből a firkákból. Miután elsajátította a kódnyelvet, könnyedén hozzáadhat webhelyéhez minden olyan vezérlőt, szkriptet és egyéb "jót", amelyet megszokott mások webhelyein megcsodálni :).

Előnézet

És végül "Előnézet" lehetővé teszi, hogy értékelje erőfeszítéseink eredményét, és az oldalt olyan formában jelenítse meg, ahogyan azt az interneten megszerzi. A képernyőképen nem különbözik a szöveges megfelelőtől, de érdemes bármilyen navigációs elemet vagy szkriptet hozzáadni, mivel a különbség megmutatkozik:

Most, hogy a megtekintési és szerkesztési lehetőségeket kicsit tisztáztuk, nézzük meg alaposabban a lehetőségeket. NVU. Kölcsönhatásba kerül programmal használhatja menüsor vagy használatával piktogramokés alatta lévő szimbólumok.

Az NVU Visual HTML Editor rejtett funkciói

Minden alapvető formázási lehetőség elérhető ikonként, de néhány lehetőség el van rejtve a menüsorban, és nem jelenik meg azonnal.

Például a menüben "Fájl" Találsz ilyeneket funkciók,, hogyan:

1. "Cím megnyitása az interneten". A Mozilla motorjának köszönhetően közvetlenül az internetről nyithat meg és szerkeszthet oldalakat. Ez nagyon hasznos lehet, ha látni szeretné, hogyan működik ez vagy az a funkció a webhelyen. Csak írja be a címet a megnyíló ablakban, és csodálja meg az eredményt:

2. "Exportálás szöveges formátumba". Az oldal megcsodálása után a forráskódját .txt formátumban mentheti merevlemezére.

NÁL NÉL "Szerkesztés" eszközök vannak hozzá keresés a megfelelő szavakat a szövegben és helyesírás-ellenőrző.

A menün "Beszúrás" figyelmet lehet fordítani arra a lehetőségre PHP kód beillesztésés olyan karakterek, amelyek nincsenek a billentyűzeten.

"Formátum" számára nyújtja a legnagyobb lehetőségeket szövegnézet beállításai, képeketés egyéb információk. Itt van a legérdekesebb, és ami a legfontosabb, sehol nem mutatott lehetőség "Az oldal színe és háttere". Ezzel az opcióval könnyedén hozzáadhat bármilyen háttérképet, vagy egyszerűen beállíthatja a webhely háttérszínét.

Végül a menü "Eszközök" olyan funkciókat biztosít, mint a hozzáférés JavaScript konzolok, szerkesztő cssés eszköze HTML érvényesítés kód. Innen is elérheti beállítások programok és téma beállítások tervezés NVU.

NÁL NÉL NVU könnyen érthető, mivel a programban szereplő összes kezelőszerv fel van szerelve eszköztippekés magyarázatokat, valamint köszönetet mondunk egy orosz fejlesztőcsoportnak Mozilla csapat van egy nagyon jó is segítség oroszul. Az egyetlen negatívum NVU van, hogy a program által generált kód nagyon körülményes és sok extra tag van benne. De legyen ez csak ösztönzés arra, hogy tanulmányozza a HTML-t, és optimalizálja és tökéletesítse webhelyét.

Sok sikert a fejlesztésekhez és sok sikert minden igyekezetedhez :)!!!

P.S. Ez a cikk ingyenes terjesztésre készült. Szívesen másolható a szerzőség megőrzése mellett Ruszlan Tertysnijés minden P.S. és P.P.S.

P.P.S. Tetszhet egy másik meglehetősen értelmes

Én is szeretnék ajánlani egy jót HTML könyv amit magam használtam:

Vlad Merzsevics

A hatékony munka érdekében nem nélkülözheti a szükséges és ismert eszközöket, beleértve a HTML-kód írását is. Ezért a weboldalak vagy akár egy kis webhely kezdeti fejlesztéséhez - ez a hivatkozásokkal és egyetlen tervezéssel összekapcsolt oldalkészlet neve - a következő programokra van szükségünk.

• Szöveg szerkesztő.
• Böngésző az eredmények megtekintéséhez.
• A Validator egy program a HTML szintaxis ellenőrzésére és a kód hibáinak észlelésére.
• Grafikus szerkesztő.
• Hivatkozás a HTML címkékre.

Szöveg szerkesztő

HTML dokumentum bármilyen szövegszerkesztőben elkészíthető, akár Jegyzettömbben is, azonban nem minden program alkalmas erre a célra. Olyanra van szüksége, amely támogatja a következő szolgáltatásokat:

• szintaxis kiemelés - címkék, szövegek, kulcsszavak és paraméterek kiemelése különböző színekben. Ez megkönnyíti a kívánt elem megtalálását, felgyorsítja a fejlesztő munkáját és csökkenti a hibák előfordulását;
• füles munka. Az oldal külön-külön szerkesztendő fájlok halmaza, amihez egy szerkesztőre van szükség, aki egyszerre több dokumentummal is tud dolgozni. Ugyanakkor kényelmes a fájlokat külön lapokon megnyitni, hogy gyorsan navigáljon a kívánt dokumentumhoz;
• az aktuális dokumentum hibáinak ellenőrzése.

PSPad

HtmlReader

Jegyzettömb++

Plusz szerkesztése

Böngésző

A böngésző egy olyan program, amelyet weboldalak megtekintéséhez terveztek. Eleinte bármelyik böngésző megteszi, de a tapasztalat és a tudás növekedésével egy egész "menázsiát" kell indítania, hogy ellenőrizze a webhely megfelelő megjelenítését a különböző böngészőkben. A tény az, hogy minden böngészőnek megvannak a saját egyedi jellemzői, ezért a kód egyetemességének ellenőrzéséhez át kell tekintenie és módosítania kell a kódot, hogy ezeket figyelembe vegye. Ma a három legnépszerűbb böngésző a Firefox, internet böngészőés az Opera.

Mozilla Firefox

Ígéretes és fejlődő böngésző, amely világszerte elismerést kapott. Jellemzője az egyszerűség és a bővíthetőség, amelyet speciális kiterjesztések révén érnek el, ahogy nevezik őket. A Firefox kezdetben csak a legszükségesebb funkciókat tartalmazza, de a kívánt bővítmények telepítésével végül olyan rendszerré fejlesztheti a böngészőt, amely végrehajtja a munkája elvégzéséhez szükséges összes műveletet. A Firefox böngésző a Mozilla csoport által kifejlesztett nyílt rendszer.

Microsoft Internet Explorer (IE)

Az egyik legrégebbi böngésző, amely az operációs rendszerrel ingyenes Windows rendszer. Ez meghatározta népszerűségét. Az IE 7 verzió a kényelem szempontjából közelebb áll régi versenytársaihoz, különösen a fülek jelentek meg. Sajnos ez a böngésző támogatja a legrosszabbul a HTML specifikációt, így az IE-ben való helyes megjelenítéshez néha külön-külön kell debugolni a kifejezetten hozzá tartozó kódot.

Opera

Gyors és kényelmes böngésző, amely számos további funkciót támogat, amelyek növelik a webhelyekkel való munka kényelmét.

szafari

Az Apple által kifejlesztett böngésző be van építve az iPhone és a macOS operációs rendszerbe az Apple számítógépeken. Van egy Windows-verzió is.

Google Chrome

Egy böngésző, amely 2008 végén jelent meg a piacon. A Google által kifejlesztett.

Validátor

A HTML-dokumentum érvényesítése a weboldal szintaxisának hibáinak és a HTML-specifikációtól való eltérések észlelésére szolgál. Ennek megfelelően az ilyen ellenőrzésre szolgáló programot vagy rendszert validátornak nevezzük.

Hogyan ellenőrizhető a HTML-fájl érvényessége

Ha rendelkezik internet-hozzáféréssel, lépjen a http://validator.w3.org webhelyre, és egy speciális űrlapon adja meg az ellenőrizni kívánt dokumentum vagy webhely elérési útját. Az érvényesítés után megjelennek az esetleges hibák, vagy megjelenik egy felirat, hogy a dokumentum érvényesítése sikeresen megtörtént.

Takaros

Helyi HTML-fájl ellenőrzésére, vagy ha nincs internetkapcsolat, a Tidy programot tervezték. Egyes szerkesztők, például a PSPad, már tartalmaznak beépített Tidy-t, és a dokumentumok ellenőrzése további eszközök nélkül is elvégezhető.

Grafikus szerkesztő

A képek feldolgozásához és a weboldalon való közzétételhez grafikus szerkesztő szükséges. A legnépszerűbb ilyen program a Photoshop, amely a fotók feldolgozásának és a weboldalak grafikai készítésének szabványává vált. De a Photoshop ereje legtöbbször túlzás, és jobb valami egyszerűbb és ügyesebbet használni. Különösen a Paint.Net program lehetővé teszi az összes szükséges manipuláció elvégzését a képekkel, ráadásul ingyenesen használható.

HTML címkereferencia

Először nehéz fejből megjegyezni az összes címkét és paramétereiket, ezért időnként át kell tekintenie a kézikönyvet egy adott probléma tisztázása érdekében. Általában mindenkinek szüksége van egy jó vezetőre, függetlenül a képzettség szintjétől.

Online könyvtárak

A HTML-címkék leírása (angol nyelven)
http://www.w3.org/TR/html4/index/elements.html

Ezen a webhelyen megtalálja a Runet címkéinek egyik legjobb útmutatóját is.

Az NVU egy kis program a HTML kód szerkesztésére. Az NVU HTML-szerkesztő vizuális felülettel rendelkezik, és számos változathoz létezik operációs rendszer. Ez a kódszerkesztő a Mozilla Composer HTML szerkesztő alapján készült, aminek eredményeként az NVU meglehetősen egyszerű és érthető, képességeit tekintve pedig már messze megelőzi az eredeti programot, és megközelítette a funkcionalitást. olyan fizetett szerkesztők, mint a Dreamweaver és a FrontPage.

Ennek a kódszerkesztőnek az egyik előnye, hogy letöltheti az NVU-t orosz nyelven. Az NVU orosz oldala teljesen le van fordítva, ami megkönnyíti azoknak a felhasználóknak a dolgát, akik nem ismerik angol nyelv. Ha letölti az NVU-t ingyen oroszul, akkor megkapja kényelmes program jó minőségű oldal vagy webhely létrehozásához, még akkor is, ha teljesen kezdő vagy. A szerkesztőben olyan webhelyeket hozhat létre, amelyek megfelelnek az összes szükséges internetes szabványnak.

A tapasztaltabb felhasználók, ha szükséges, közvetlenül szerkeszthetik a kódot. Ezenkívül az NVU más eszközökkel is rendelkezik, mint például a Site Manager és a CSS Editor. Ezekkel szerkesztheti a megnyitott oldalakat távoli szerver, használjon szintaktikai kiemelést, ellenőrizze a hibakódot stb. A szerkesztő felülete könnyen változtatható a különböző témák használatával, a lehetőségek pedig egyszerűen bővíthetők az NVU-hoz készített bővítmények telepítésével.

A szerkesztő összes funkcióját használhatja, ha néhány percen belül letölti az NVU-t. Ez a HTML-szerkesztő lapokkal, előnézetekkel és hozzáféréssel rendelkezik a leggyakrabban használt címkékhez, ami sokkal gyorsabbá teszi a webhelyfejlesztést. A szöveg módosítására is számos lehetőség van: középre igazítás, betűtípus, stílus stb.

Az NVU HTML szerkesztő jellemzői

• telepíthető Windows, Linux, Mac OS X rendszerre;
• Megtekinthető és módosítható nyílt forráskód;
• a felhasználó személyesen módosíthatja vagy módosíthatja a programot saját céljaira;
• a HTML és CSS kód közvetlen szerkesztésének lehetősége;
• a számítógép által elfoglalt kis lemezterület;
• az elemek olyan tulajdonságokkal rendelkeznek, amelyek paraméterei konfigurálhatók;
• szintaxis kiemelése.

A Macromedia Dreamweaverhez hasonló vizuális HTML-szerkesztő, de teljesen ingyenes. Remek eszköz kezdőknek, akik csak most kezdik elsajátítani a weboldalkészítés tudományát.

Miért jó? Igen, az a tény, hogy egy weboldal létrehozásához nem kell bajlódnia a webes programozási nyelvek tanulmányozásával. Csak szöveget kell begépelnie, képeket vagy animációkat szúrnia be, és az NVU elvégzi a HTML formátumban való formázással kapcsolatos összes "piszkos" munkát.

Sajnos jelenleg az NVU fejlesztése szünetel, de a projekt az első stabil verzióra nőtt, és ez már sok. Nézzük meg részletesebben.

NVU képességek

• a szerkesztett oldal különböző megjelenítési módjai;
• bőséges lehetőségek a szövegtervezéshez;
• képek beszúrása (beleértve a háttereket is);
• a teljes webhelyen való munkavégzés képessége, nem csak az egyes oldalakon;
• táblázatok és űrlapok készítése;
• a szerkesztett oldal közzététele közvetlenül a szerkesztőtől;
• saját lépcsőzetes stíluslap (CSS) szerkesztő és Java Script konzol.

Mindez és még sok más lehetővé teszi, hogy minimális (lehetőleg) HTML ismeretekkel (vagy azok teljes hiányával :) a semmiből készítsünk egy kis oldalt.

A vizuális szerkesztő telepítése

Letöltés... Telepítés... Indítás és megtekintés :) (igaz - nincs felesleges gesztus oroszosítással, további információk megadásával stb.).

Megállapodunk, hogy létrehozunk egy parancsikont az asztalon, és elindítjuk vele az NVU-t.

NVU interfész

Első pillantásra az NVU valamiféle szövegszerkesztőnek tűnik. Ez a fő érdeme - egy vizuális grafikus felület.

De lefelé nézve látni fogja, hogy a szokásos mellett számos további mód is van a beírt információk megjelenítésére:

• HTML címkék;
• és előnézet.

HTML címke mód

A "HTML-címkék" egyfajta szövegből és címkékből álló mozaik, amelyet színes téglalapként terveztek.

Ez a nézetmód a kezdő felhasználók számára hasznos, mivel megjeleníti az összes használt fő címkét, ugyanakkor nem zavarja őket nagy számmal, miközben ugyanaz a vizuális szerkesztő.

Ezenkívül ebben a módban kényelmes a címkék neveinek tanulmányozása, hogy később könnyen felhasználhassa őket a kódszerkesztő módban.

Mód kód

A "Kód" mód minden webfejlesztő számára ismerős ablak a szerkesztett oldal HTML-kódjával. Innen, ezekből az emblémákból származik az internet összes erőforrása.

Miután elsajátította a kódnyelvet, könnyedén hozzáadhat webhelyéhez minden olyan vezérlőt, szkriptet és egyéb "jót", amelyet megszokott mások webhelyein megcsodálni :).

Előnézet

És végül az „Előnézet” lehetővé teszi, hogy értékelje erőfeszítéseink eredményét, és az oldalt olyan formában jelenítse meg, ahogyan azt az interneten megszerzi.

A képernyőképen nem különbözik a szöveges megfelelőtől, de érdemes bármilyen navigációs elemet vagy szkriptet hozzáadni, mivel a különbség megmutatkozik:

Ha úgy szerkeszti ezt az oldalt a Jegyzettömbben, mint egy hardcore programozó, legalább egy böngészőre és egy helyi webszerverre van szüksége a megtekintéséhez.

És itt, ahogy mondják, már "all inclusive".

Most, hogy a megtekintési és szerkesztési lehetőségeket kicsit tisztáztuk, nézzük meg alaposabban az NVU képességeit.

Az NVU Visual HTML Editor rejtett funkciói

Minden alapvető formázási lehetőség elérhető ikonként, de néhány lehetőség el van rejtve a menüsorban.

Például a "Fájl" menüben olyan funkciókat találhat, mint:

1. "Nyisson meg egy címet az interneten." A Mozilla motorjának köszönhetően közvetlenül az internetről nyithat meg és szerkeszthet oldalakat.

Ez nagyon hasznos lehet, ha látni szeretné, hogyan működik ez vagy az a funkció a webhelyen. Csak írja be a címet a megnyíló ablakban, és csodálja meg az eredményt:

2. "Exportálás szöveges formátumba". Az oldal megcsodálása után a forráskódját .txt formátumban mentheti merevlemezére.

A "Szerkesztés"-ben vannak olyan eszközök, amelyek segítségével megkeresheti a megfelelő szavakat a szövegben és ellenőrizheti a helyesírást.

A "Beszúrás" menüben figyelni lehet a PHP kód és a billentyűzeten nem található karakterek beszúrásának lehetőségére.

A "Formátum" opciók széles skáláját kínálja a szöveg, a képek és egyéb információk megjelenésének testreszabásához.

A legérdekesebb, és ami a legfontosabb, hogy itt sehol sem jelenik meg az "Oldalszín és háttér". Ezzel a lehetőséggel könnyedén hozzáadhat bármilyen háttérképet, vagy egyszerűen kiválaszthat egy jó háttérszínt a webhelyhez.

Végül az "Eszközök" menü olyan lehetőségeket kínál, mint a JavaScript-konzol, a CSS-szerkesztő és a HTML-kód-ellenőrző eszköz elérése.

Szintén innen érheti el a programbeállításokat és az NVU-téma beállításait.

következtetéseket

Az NVU könnyen érthető, mivel a program minden vezérlőeleme eszköztippekkel és magyarázatokkal van ellátva, és a Mozilla.ru Team orosz fejlesztőinek egy csoportjának köszönhetően orosz nyelven is nagyon jó segítség található.

Az NVU egyetlen hátránya, hogy a program által generált kód nagyon körülményes és sok felesleges címkét tartalmaz. De legyen ez csak ösztönzés arra, hogy tanulmányozza a HTML-t, és optimalizálja és tökéletesítse webhelyét.

Sok sikert a fejlesztésekhez, és sok sikert minden törekvésében!

P.S. A cikk szabadon másolható és idézhető, feltéve, hogy a forrásra mutató nyílt aktív hivatkozást feltüntetik, és Ruslan Tertyshny szerzőségét megőrzik.

Ha a kódszerkesztőkről van szó, néha nehéz világos áttekintést kapni a különböző szerkesztők által kínált összes előnyről és funkcióról. Végül azonban legalább egy szükséges, ezért fontos tudni, hogy melyik szerkesztő felel meg leginkább az Ön személyes igényeinek.

A kézművesek gyakran kritizálják a WYSIWYG szerkesztőket az általuk készített, dagadt, rendetlen és a szabványokkal nem kompatibilis forráskód miatt. A WYSIWYG szerkesztői azonban az utóbbi időben sokkal jobbak lettek. Néha ügyfelei számára a legegyszerűbb eszközöket kell biztosítania webhelyeik szerkesztéséhez vagy frissítéséhez. És itt nélkülözhetetlenek a WYSIWYG szerkesztők.

Helytelen lenne néhány "legjobb" szerkesztőt ajánlani Önnek, mert a választás mindig az Ön igényeitől, fő céljaitól, készségeitől és tapasztalataitól függ. Ezért ebben a cikkben megpróbáltunk áttekintést adni a különböző, hasznos és nem annyira WYSIWYG szerkesztőkről.
Reméljük, hogy talál olyan új szerkesztőket, amelyekről még soha nem hallott. Vagy találhat néhány olyan funkciót, amelyet kihagyott kedvenc szerkesztőjében, vagy mer kísérletezni számos ígéretes lehetőséggel a munkafolyamat javítása érdekében. Ezen kívül megtudhatja, hogy mely szerkesztőket használhatja, és mely eszközöket ne használja.

Mit jelent WYSIWYG?
Az ilyen szerkesztőkben nem a dokumentumai forráskódját, hanem annak ábrázolását módosíthatja, amely (ha lehetséges) a végleges dokumentumban kerül közzétételre. Tehát ahelyett, hogy kézzel írna kódblokkokat, a szerkesztőablak segítségével kezelheti a tervezést a komponensekkel. Ez azt jelenti, hogy valami nagyon hasonlót lát a végeredményhez, bár a dokumentum vagy kép még készül.
jegyzet: Ez a cikk csak azokat az asztali WYSIWYG-szerkesztőket ismerteti, amelyek Windows, Linux vagy Mac rendszeren futnak. Nem ad áttekintést a JavaScript WYSIWIG szerkesztőkről, de az ilyen szerkesztőkről részletes áttekintést találhat a vagy oldalon.

Adobe Dreamweaver

Dreamweaver (Win/Mac)

A korábban a Macromedia termékeként működő Dreamweaver az egyik legszélesebb körben használt szerkesztő, amely segítségével a fejlesztők javíthatják munkafolyamatukat, és rengeteg időt takaríthatnak meg a kódolás során. Ha a Dreamweaver korábbi verziói néha bizarr forráskódot generáltak, akkor legújabb verzió képes (a legtöbb esetben) tökéletesen tiszta jelölést generálni.

A Dreamweaver számos hasznos eszközt is kínál, például kódrészlet-könyvtárakat, ftp-kezelést, hibakereső szervert és integrált kódolást. Például megtekintheti a CSS-információkat egyetlen, egységes CSS-panelen, ami megkönnyíti az egyes elemekre alkalmazott stílusok megtekintését, az attribútumok meghatározásának helyét, valamint a meglévő stílusok szerkesztését. Tekintse meg Dreamweaver oktatóanyagaink listáját is. Ár: 400 dollár (CS3 verzió).

Néhány a Dreamweaver számos funkciója közül:
* Speciális CSS szerkesztés
* Integrált kódolási környezet
* Spry keretrendszer az Ajax számára
* Ellenőrizze a böngésző kompatibilitását.
* Integráció a Photoshop CS3-mal és a Fireworks-szel.
* Kódrészletek (például CSS-formátumok)
* FTP kezelés
* XML támogatás
* FLV támogatás
* Oktatási források (pl. Adobe CSS Advisor)
* Számos kiterjesztés a Dreamweaverhez.
Amaya
Amaya (Win/Mac/Linux)
Ami igazán megkülönbözteti az Amaya-t a többitől, az az, hogy a webböngésző és a weblapszerkesztő hibridje, így ugyanabban az alkalmazásban böngészhet a weben és szerkesztheti oldalait. Ez az eszköz, amelyet egy WWW konzorcium hozott létre, lehetővé teszi webhelyek kezelését, tartalmuk módosítását és frissítését, új képek és hivatkozások hozzáadását. Természetesen, ha Amaya meg tudja jeleníteni ezeket az oldalakat.

A szerkesztő legújabb verziója, Amaya 10, 2008 februárjában jelent meg. Egyszerre több dokumentummal is képes dolgozni ((X)HTML, MathML(. Mml) és SVG (. Svg) dokumentumok egyszerre jeleníthetők meg és szerkeszthetők). Például beszúrhat matematikai képleteket előugró ablakok segítségével: az Amaya menet közben konvertálja azokat Math-ML segítségével.

Amaya tartalmaz egy egységes annotációs alkalmazást is (annotációk, külső megjegyzések, megjegyzések, megjegyzések, amelyek bármely webdokumentumhoz vagy egy dokumentumrészhez csatolhatók), és támogatja az SVG-t, az RDF-et és az XPointert. nyílt forráskód.

Rapidweaver
RapidWeaver (Mac)
RapidWeaver egy hatékony sablon alapú webhely-készítő eszköz, amely mindenféle oldal létrehozására képes, például szöveges oldalak, blogok, kapcsolatfelvételi űrlapok, képgalériák és Flash-diavetítések, valamint beépített FTP-kezelővel és iPhoto-val és .Mac-fel való integrációval rendelkezik.

A szerkesztő tartalmazza a podcastot, a szövegközi megjegyzéseket, az RSS-hírcsatornákat, az állandó hivatkozást és a címkézést. A RapidWeaver SEO-barát is lesz. Számos hatékony funkcióval is rendelkezik, mint például a téma módosítása, a php renderelés, a WYSIWYG és a HTML keverése, az intelligens közzététel, az XHTML és CSS alapú webhelykimenet, a forráskód böngészése, a beépített hibaellenőrzés. Minden sablon XHTML és CSS alapú. Ami figyelemre méltó, az az RapidWeaverérvényes kódot generál. Ár: 49 dollár.

Adobe Contribute
Adobe Contribute

Az Adobe Contribute fő célja, hogy lehetővé tegye webhelyek és blogok szerkesztését a technikai ismeretek nélküli felhasználók számára. A Contribute CS3 lehetővé teszi a szerzők számára, hogy frissítsék meglévő webhelyeiket és blogjaikat, miközben megőrzik a webhely integritását. A Contribute Dreamweaver integrációt, Microsoft Office-tárhelyet, valamint IE 7 és Firefox szerkesztést kínál.

Ezzel a WYSIWYG szerkesztővel a szerzők bármilyen webhelyet vagy blogot szerkeszthetnek vagy frissíthetnek anélkül, hogy meg kellene tanulniuk a HTML-t. Ár: 169 dollár (CS3 verzió).

Adobe Live
Adobe Golive (Win/Mac)

Áprilisban az Adobe leállította a GoLive 9 fejlesztését és értékesítését. Az Adobe GoLive arra biztatja a felhasználókat, hogy váltsanak át Dreamweaverre, ami után valószínűleg nem ajánlja ügyfelei számára a GoLive-ot (valójában egy meglepően hatékony szerkesztőeszköz) (lásd lent).

Néhány Adobe GoLive 9 funkció:
* Tervezői stílusok
* Vizuális CSS-elrendezés
* Adja ki a parancsot
*Adobe InDesign® integráció
* Színkezelés
* Platform támogatás
* Webhelykezelő eszközök
* Publish Server
* Intelligens objektumok

Microsoft Expression Web
Microsoft Expression (Windows)

Egy időben erősen kritizálták nagyon rossz webszerkesztője (Frontpage) miatt, a Microsoft nemrégiben létrehozott egy szerkesztőt, az Expressiont, amely úgy tűnik, sokat örököl elődeitől. Az Expression megpróbált kényelmes környezetet teremteni az internetezők számára, olyan funkciókkal, amelyek rendkívül hasonlóak az Adobe Dreamweaverhez. Közvetlen összehasonlításban azonban a Dreamweaver többet kínál, és tisztább kódot állít elő. Az Expression azonban tisztességes, szabványoknak megfelelő kódot állít elő, és tudja, hogyan kell dolgozni a CSS- és CSS-elrendezésekkel.

A Studio kiadás más szoftveralkalmazásokkal (grafikus tervező eszköz, videó kódoló eszköz stb.) kb. 500 dollár. Egy Expression licenc ára 350 dollár. Az Expressiont a Frontpage frissítésével szerezheti be, és pénzt takaríthat meg. A 60 napos próbaverzió ingyenesen letölthető, de regisztrációhoz kötött.

Figyelem: Az Expression nem a Frontpage utódja, inkább különböző fejlesztőeszközök. A Microsoft Expression jobban hasonlít a Microsoft SharePoint Designerhez, inkább egy tervezőre koncentrál, és az általános webfejlesztést célozza meg. A Microsoft SharePoint Designer a SharePoint alapú webhelyek fejlesztésére és adaptálására összpontosít, a Frontpage nagy testvérének tekinthető.



Néhány Microsoft Expression szolgáltatás:
* ASP.NET 2.0 integráció
* Fejlett CSS renderelés
* XPath Expression Builder
* Az iparági szabványnak megfelelő XML adatok nézeteinek létrehozása és formázása
* Tag Property Grid
* Kisegítő lehetőségek ellenőrzése
* Valós idejű szabványok érvényesítése
* Teljes séma támogatás

NVU (Win/Mac/Linux)

Ennek a szerkesztőnek valódi alternatívája kell, hogy legyen a domináns termékekkel szemben: egy WYSYWIG szerkesztő Linux, Microsoft Windows és Mac számára, amely versenyezhet a FrontPage-gel és a Dreamweaverrel. És bizonyos szempontból az Nvu többet nyújt, mint amennyit a teljesen ingyenes szoftverektől elvár.

Az Nvu (ejtsd: N-view, "új nézet") integrált FTP-kezelőt kínál, hatékony támogatást az űrlapokhoz, táblázatokhoz és sablonokhoz, és nagyon könnyen használható. A CaScadeS, egy jól ismert CSS-szerkesztő, mint kiegészítő modul integrálható az Nvu-val, és egyszerűvé teszi a stílusok létrehozását és kezelését, valamint a stílusok alkalmazásának menet közbeni megtekintését a módosítandó dokumentumban.

Az Nvu nyílt forráskódú, és a Mozilla Public License (MPL) alatt került kiadásra. Sajnos az NVU fejlesztése nem folytatódik utóbbi években. Az NVU továbbfejlesztett változata itt található - KompoZer.

Az NVU néhány jellemzője:
* A Site Manager lehetővé teszi az Ön által létrehozott webhelyek megtekintését.
* XML támogatás.
* Beépített validátor.

Zeneszerző
KompoZer (Win/Mac/Linux)

Ez az eszköz az NVU leszármazottja, amelyet az NVU további fejlesztésének lelassulása után fejlesztettek ki. A KompoZer egy webes szerkesztő rendszer, amely egy webes fájlkezelőt és egy WYSIWYG szerkesztőt egyesít.

A KompoZer rendkívül egyszerűen használható, így megfelelő megoldás azoknak a felhasználóknak, akik technikai ismeretek megszerzése nélkül szeretnének weboldalakat készíteni. Az NVU-hoz képest a Kompozer tiszta jelölőkódot állít elő.

A legújabb verzió 2007 augusztusában jelent meg. A Kompozer alternatívaként jöhet számításba kisebb projektek és műszaki ismeretekkel nem rendelkező felhasználók számára. De határozottan túl gyenge a professzionális webfejlesztők számára.

Namo WebEditor 2006
Namo WebEditor 2006 (Win)
A Namo WebEditor egy egyszerű és intuitív felületen egyesíti a webhelyek létrehozásához szükséges szinte összes eszközt. A felület elemei rendkívül áttekinthetőek, egyszerűek és könnyen használhatóak. Válthat a tervezőszerkesztő, a HTML-böngésző és a fotónézegető között. Számos varázslót is használhat a munkafolyamat automatizálására. A Namo erős, de WYSIWYG képességei korlátozottak. A szerkesztő 2006 óta nem frissült, ezért a forráskód előállítása néha rendkívül furcsa. A Namo Pro Web Editor Flash-szerkesztővel, valamint grafikus programokkal érkezik. Teszt verzió elérhető. Ár: 99,95 USD.



Néhány Namo Webeditor funkció:
* Kódsegítők az automatikus záró címkékhez
* Gyors címkeszerkesztő
* Címkeválasztó
*HTML/CSS referencia

Evrsoft első oldal 2006
Evrsoft első oldal 2006 (győzelem)
Valójában ez a szerkesztő nagyon alulértékelt. Nem túl népszerű, és 2006 óta nem is frissítették, de nagyon sok hasznos funkcióval rendelkezik, amelyeket a modern WYSIWYG szerkesztőkbe be lehetne építeni. Például az Automatikus előzmények funkció megjegyzi az összes használt attribútumot és értéket, és automatikusan javasolja a „helyes” értéket.

A Dual Preview Engine lehetővé teszi a webdokumentumok több böngészőben való megtekintését a First Page 2006 segítségével. Megtekintheti munkájának előnézetét az Internet Explorerben, a Mozillában, vagy megtekintheti az oldalakat mindkét böngészőben egymás mellett (vízszintes/függőleges panelek). És valós időben tekintse meg a kódot és szerkessze a dokumentumokat.

Az első oldal ingyenes. Hasonló ingyenes alternatíva (szintén 2005 óta nem frissítve): Selida HTML Editor.

Az első oldal néhány jellemzője:
* CSS osztály támogatás és automatikus felismerés
* Szintaxis kiemelés
* Címke dokumentumválasztó eszköz
* Címke automatikus kiegészítése
* Rendezett HTML elektromos eszközök
* Előnézet az IE-ben gépelés közben
* Image Mapper
* CSS stíluslaptervező
* Szerveroldali támogatást tartalmaz
* Nagymértékben testreszabható eszköztárak és felület
*FTP kliens
* Speciális keresés és csere a fájlokban

Microsoft SharePoint Designer
Microsoft SharePoint Designer 2007 (Win)

Ez a Microsofts Frontpage utódja. A SharePoint Designer egy szabványos WYSIWYG szerkesztő. Az interaktív ASP.NET oldalak támogatásán kívül semmi forradalmiat nem kínál. Ingyenes próbaverzió elérhető. Van egy online verzió, amelyhez Internet Explorer és sok türelem szükséges.

A Sharepoint néhány szolgáltatása:
* Interaktív ASP.NET oldalak támogatása
* Adatnézetek létrehozása RSS-ből, XML-ből, Office XML-ből
* működjön együtt a beépített Workflow Designerrel
* CSS eszközök
* Testreszabott oldalak követése
* Helyesírás-ellenőrző
* SharePoint Server 2007 integráció

NetObjects Fusion
NetObjects Fusion
Ez a szerkesztő valaha valószínűleg a legrosszabb, de még mindig nagyon népszerű WYSIWYG szerkesztő volt. Szörnyű forráskódot generált (csak az MS Word rontott rajta), de gyakran használták a webtárhely cégek és szolgáltatók. A NetObjects Fusion lehetővé teszi webhelyek létrehozását technikai ismeretek nélkül. Főleg, ha névjegykártyát szeretne készíteni, percek alatt megteheti. De ha professzionális weboldalt szeretne létrehozni, a NetObjects nem olyan lehetőség, amelyet érdemes megfontolni.

A NetObjects Fusion 10-es verziója jelenleg elérhető. A generált forráskód minősége változhatott, de ez nem igazán számít. Van egy próbaverzió, amelyhez regisztrálnia kell az áruházban. Ezért nincs képernyőképünk erről a termékről. Ár: ? 100.

Quanta Plus

Quanta Plus (Linux)
A Quanta Plus egy stabil, nagyon felhasználóbarát és funkciókban gazdag webfejlesztő környezet. A Quanta egy olyan szerkesztőt hozott létre, amely a hatékony és természetes fejlődést és a felhasználó maximális bővíthetőségét szolgálja.

A szerkesztő támogatja a kézi kódolást és a WYSIWYG interfészt is. A következő funkciókkal rendelkezik: a címkék automatikus kiegészítése, amikor beírja és szerkeszti a címkéket a párbeszédpanel felületén, projektmenedzsment, PHP-kód hibakeresésének lehetősége. Neki is van vizuális szerkesztő CSS, CSS-kiegészítés, magas bővíthetőséget és előnézetet kínál.

A szerkesztő érdekes funkciókkal is rendelkezik a projektmenedzsmenthez, beleértve a helyi és távoli (hálózaton keresztüli) projektek támogatását. A projektek különböző protokollok használatával tölthetők le különböző szerverekről. CVS támogatás, Subversion támogatás külső beépülő modulokon keresztül érhető el. A Quanta a KDE-n alapul. GPL licenc alatt jelent meg.

autópálya
Autópálya (Mac)

A Freeway (eredetileg Uniqorn) kétféle változatban kapható, a Freeway Pro és a Freeway Express. A Freeway 5 Pro használható CSS-elrendezések létrehozására abszolút pozicionálás segítségével. Egy továbbfejlesztett verzióban például a MySQL-adatbázishoz kapcsolódni szkriptnyelvvel, például PHP-vel, az "Actions" nevű bővítmények segítségével történik. Egyes műveletek ingyenesen letölthetők több webhelyről, de vannak kereskedelmi jellegűek is, például a harmadik felek akciói.

Létezik egy próbaverzió, amelyhez egy meglehetősen hosszú webes űrlapot kell kitöltenie. A Freeway-t a Macworld 2008 Awards díjátadón az év kreatív webtermékének jelölték. Ha Mac-et használ, akkor a Freeway és a RapidWeaver az első megfontolandó lehetőség.

A Freeway néhány jellemzője:
* Több mesteroldal
* Elrendezési eszközök
* Link térkép
* Linkstílusok
* Integrált .Mac feltöltés
*Internet Explorer kompatibilitás
* A szeletelt háttérképek támogatása
* Beépített előnézet a Freeway-en belül (Safari/Webkit)
* Teljes EPS (Panther és újabb), Illustrator, Photoshop réteges fájlimportálás
* Freeway Shop
* Dolgozzon Blogger-sablonokkal

Seamonkey zeneszerző
SeaMonkey Composer (Win/Mac/Linux)
Ez a szerkesztő egyszerű, de nagyon hatékony alternatívája a nagy kereskedelmi alkalmazásoknak. A Netscape Composer utódjaként a SeaMonkey Composernek semmi köze ehhez.

A szerkesztő erőteljes, de egyszerű, dinamikus képeket és táblázatok átméretezését, gyors beszúrást és táblázatcellákból való törlést, fejlett CSS-támogatást és elhelyezett rétegek támogatását kínálja. A SeaMonkey-ba beépített WYSIWYG szerkesztő.

Teremt
Létrehozás (Mac)
A Create egyesíti az olyan alkalmazások alapvető funkcióit, mint az Illustrator, az InDesign, a Pages, a GoLive, a Canvas, a Dreamweaver, a QuarkExpress, és rendszerezi azokat a könnyű használat érdekében, olcsó, OS X-re tervezték. Többek között szövegre és grafikára mutató hivatkozásokat is hozzáadhat A drag-n-drop funkcióval van egy eszköz, amely automatikusan létrehozza a navigációt és az indexet, valamint PDF-eket és webhelyeket hozhat létre ugyanabból a dokumentumból.

WYSIWYG Web Builder
WYSIWYG Web Builder
A Web Builder egy nagymértékben testreszabható és bővíthető alkalmazás, számos funkcióval, szkripttel és sablonnal. Új tervezési elemek a drag"n"drop segítségével adhatók hozzá, és számos szkript áll rendelkezésre. Lehetőség van képek szerkesztésére a szoftveren belül.

Integrált PayPal e-kereskedelmi eszközök; van egy RSS Feed objektum, egy blog beépített RSS-sel és egy Google-kompatibilis SiteMap generátor. A szerkesztőnek számos bővítménye is van, például jelszavas védelem, RSS-hírcsatorna, RSS-elemző, fotóalbum és átvilágítódobozok.

Ha kérdése van, kérjük, használja a mi