Sokan régóta élvezték, de gyakran csak a CSS-fájlok szerkesztése. Magamként használom HTML-védő (Ez körülbelül version Pro.) Oldalak elrendezésekor.

Eszköz

Van egy csomó különböző (professzionális) HTML szerkesztő a Win platformon, és válassza ki a "választási rendszert" nem könnyű. A kódot kézzel írom, így a Wysiwyg-Prottors soha nem érdekelt. Kivétel csak az utolsó Dreamweaver, amelyet komplex táblák létrehozására használok.

Hosszú ideig használtam a Homesite-t (egy kötegben TopStyle Lite-szel), de nem sokáig fejlődött - annak szerzője Nick Bradbury most csak a TopStyle fejlesztésével foglalkozik. Ezért, egy időben úgy döntöttem, hogy megpróbálom az új agyköteget.

Mit tud

Először is, a TopStyle szerkesztő természetesen a CSS szerkesztése. Azonban a régebbi (fizetett) verziója tökéletes az XHTML elrendezéshez.

A szerkesztő egyéni kiemelése tag (akár automatikus helyettesítés osztály attribútumok és azonosítókat stílusok file), beépített ellenőrzési funkciókat (a W3C érvényesítő vagy letöltött CSE). Általában szinte mind a normál szerkesztők többi részében. De saját jellemzői vannak, amelyek a CSS-t használó webhelyeket nagyon kényelmesek.

Például, aki tudja, hogyan kell építeni jelentéseket használt osztályok, vagyis ez azt mutatja, amely az osztályokban, ahol használták őket, és osztályok általában „elveszett” (lásd az ábrát), vagyis nem használják sehol az oldalon.

A Topstyle kiváló előnézeti mechanizmussal rendelkezik: konfigurálhatja azt, hogy a külön CSS-fájl változásai megjelenjenek a szükséges példában html fájl. Vagyis egy fájl szerkesztése, nézze meg a változásokat a másik oldalon! És mindez két motoron (Mozilla és IE), sőt a feladat lehetőségével is bárki Ablakméret - legalább 6000 × 3000 képpont.

A szerkesztő funkciója a "Fésület" régi dokumentumok, amelyekben a tervezés HTML attribútumokban készült, valamint a CSS-szabályok kivitele a különböző CSS böngészők / verziókra.

A Topstyle nagyon kényelmes választófát épít, amely kiküszöböli Önt attól, hogy az ábécé sorrendben manuálisan gondoskodjon. Ebben a fában először a tiszta elemekre vonatkozó szabályok először jelennek meg, majd az osztályok, majd az id.

Természetesen már nem gondolok arra, hogy a stílusfelügyelő panel nélkül dolgozzam, ami sokkal kényelmesebb, mint a hasonló megoldások bármely Dreamweaverben. Lehetővé teszi, hogy nagyon gyorsan végezzen rutin műveleteket - például a kívánt betűtípusokat, színeket stb.
Ugyanakkor a különböző böngészőkkel való kompatibilitás mértéke világosan látható minden egyes szabálynál.

Az egyik legkényelmesebb tulajdonság: CSS-alapú színes paletta - az összes színe egy helyen. Most nem kell írni a színeket a dokumentum elején, vagy folyamatosan feltérképezheted a jobb oldali keresést.
Plusz, a rendezés és a tömegesen helyettesíthető, például az összes színek sötétebbé tételére (bár személyesen soha nem használtam).

Ezenkívül nagyon kényelmes formátumú stílusok: például húzza ki az összes szabályt egy sorban, hogy megmentse a forgalmat, és szükség esetén keressen valamit, hogy visszatérjen a kezdeti állapotba (betétekkel és átruházással).

Általában, hasznos funkciók Sokan és túlterhelés nélkül, például a HTML-készlethez. Nincsenek címke beillesztési panelek, de lehetőség van sokat konfigurálni magadra. Például a H1 ... H4 címkékben a CTRL-1 ... CTRL-4 (CTRL-4) gomb megnyomásával előírtam a szöveges csomagokat. És így megadhat bármilyen kombinációt.

Következtetés

Általában mindaz, aki más, nem használja a topstyle pro - menni és a gyártó honlapjától.

A program nem olcsó - 80 dollárért értékesített, de megéri. Az elrendezés a szabványok szerint sokkal kellemesebb lesz. Végül kérje a főnökét, hogy vásároljon egy normál eszközt!

TopStyle - A Cascading Style Sheets (CSS) szerkesztője, amelyet Nick Bradbury írta, a Creator Homesite. A TopStyle mindent tartalmaz, amire szüksége van, hogy stílusokat hozzon létre stílusokat, helyes minden böngészőhöz. Könnyen kikötik a HTML-szerkesztőhöz, és alapértelmezés szerint használják a rendszer szintjén minden kiterjesztésű fájl számára. CSSS. A nagy projektek létrehozása és támogatása nélkülözhetetlen. Például a Link varázsló funkció lehetővé teszi, hogy az összes projektoldalt egy stílusfájllal összekapcsolja, amelyet maga a program létrehoz. Csak meg kell adnia azt a helyet, ahol az összes oldal oldal tárolása van. A csomag stílusú ellenőrző és az árva stílusok két további hasznos funkcióját jelölheti meg. Az első lehetővé teszi, hogy ellenőrizze a CSS fájl hibáit, a második nézők meglévő webhely oldalait az "elveszett" stílusok számára. Ha összetéveszti a stílusodat és a HTML oldalakat, többrétegű, különböző betűtípusok és színű megoldások átfedése, a TOPTYLE törölheti az összes intra-blokk betűtípust, és cserélheti őket egyetlen lépcsőzetes stílussal. És ez csak egy kis része annak, amit a TopStyle program lehet.

Két változatban készült:
Topstyle Lite. - Ingyenes, egyszerűsített változat
Topstyle Pro. - Teljes () verzió számos további funkcióval.

A TopStyle Pro program megjegyzése és megvitatása

Előtt, amikor nem volt CSS, a tervezőnek manuálisan kellett ezeket a fejléccímkét írnia be . Nagyon fájdalmas volt, majd CSS jött, ami nagyban megkönnyítette a webes tervezők életét. A CSS lehetővé teszi, hogy meghatározza a webhelyének összes stílusát egy fájlban (vagy több, saját belátása szerint). Ez lehetővé teszi, hogy időt takarítson meg, és rugalmasabbá tegye a kódot.

De miért van szükségünk CSS szerkesztőkre? Minden adminisztráció Új technológia A Medal két oldala van, a CSS-ben, amelyet néhány CSS tulajdonságok támogatása az IE böngészők. És így a webes tervezőnek meg kell találnia a hackot, hogy kijavítsa a kijelzőt az IE böngészőkben.

A CSS szerkesztők gyorsabban írják a kódot, és elkerülhetők több hibát.

1. Stilizer.

Stilizer van cSS szerkesztőamely lehetővé teszi a CSS szerkesztését és a valós idejű változásokat. Egyszerűen írja be a weboldal címét, és a bal oldalon látható egy weboldal, és a jobb oldali CSS-kód, amely megváltoztatható, és a változások balra láthatók. Mindkettő kézzel, felírható tulajdonságokkal és a WYSIWYG szerkesztőgombokkal módosíthatja.

A szöveg színének megváltoztatása szintén dinamikusan lehet. Ha a színváltozás, egy színes spektrum jelenik meg, hasonlóan az Adobe Photoshop-ban.

Ebben a szerkesztőben lehetetlen hibát hozni, mivel a szerkesztő maga ellenőrzi az Ön által megadott értékeket.

2. Topstyle

A Topstyle Editor bemutatja a támogatott stílusokat böngészők Firefox., Azaz szafari és még ios 2.0. Ez a funkció Alkalmazható keresztplatformos tervezési tervezéssel.

A szerkesztő egyik hasznos funkciója olyan ellenőr, amely lehetővé teszi a CSS-t egy kattintással, amely időt és erőt takarít meg adóssággal és unalmas kódolással.

Ezenkívül ez a szerkesztő lehetővé teszi, hogy megtekinthesse a CSS tulajdonságainak kompatibilitását a böngészőben, ami nagyon hasznos az IE böngésző kódjának írásakor.

3. Stílus mester

Mivel a fejlesztő kijelenti, a Style Master olyan szerkesztő, amely a CSS-tudás bármely szintjén használható. A programban nem csak a WYSIWYG szerkesztőt használhatja, hanem kézzel is írja a kódot (nagyon furcsa lenne, ha nem így van :)), minden tulajdonság kiemelésével a tapasztaltabb fejlesztők számára.

Talán a szerkesztő legnagyobb előnye a kész stílusminták. Körülbelül 20 sablon van, megfelelően szervezett, ami lehetővé teszi, hogy gyorsan és egyszerűen írjon stílusokat a webhelyre.

4. Gyors CSS szerkesztő

A Rapid CSS szerkesztő egy kényelmes, egyszerűen-számlázási program a szerkesztéshez CSS fájlok. Neki van szöveg szerkesztő Szintaxis kiemeléssel, kódváltóval és másokkal.

Ezzel a szerkesztővel a sajátos módon formázhatja stílusát. A beépített kódellenőrátor egy stíluslapot tartalmaz, amely nemcsak tiszta, hanem védi a CSS-hibákat is.

5. Cssedit 3.

Közvetlenül azt fogom mondani, hogy ez a szerkesztő csak Mac OS-t támogat. Szerkesztője van gyönyörű designDe nem az újonc felhasználók számára készült. Az adatszerkesztő is lehetővé teszi, hogy dinamikusan láthassa a változásokat, valós időben.

Érdekes lehetőség erre a szerkesztőre, hogy leírhatja az ingatlant egy egyszerű angol nyelven (selector Builder létrehozott erre). A kezdőért ez a funkció nagyon érdekes lesz.

6. Enginsite CSS szerkesztő

Ha komoly webdesigner vagy, aki gondoskodik a helyes CSS-írásról, a megfelelő tárhely tulajdonságairól, de tetszeni fog ez a szerkesztő.

Ebben a szerkesztő, akkor adjunk hozzá egy osztály vagy azonosító segítségével a beépített funkciók, és az is lehetséges, hogy átalakítja a szín HEX (hexadecimális formában) RGB, ami ritkaság szerkesztők.

A szerkesztőben is van a kód konfigurációs funkciója.

7. Stílusos készítő

Standard CSS-szerkesztő, amely lehetővé teszi a betűtípus, a szín, a margin, a határ és egyéb tulajdonságok telepítését.