Mnohí sa už dlho užívali, ale často len na úpravu CSS súborov. Používam ho ako môj hlavný HTML-protektor (toto je verzia PRO.) Pri rozložení stránok.

Nástroje

Tam je veľa rôznych (profesionálnych) editorov HTML na Win Platform a vyberte "System of Choice" nie je ľahké. Píšem kód manuálne, takže WYSIWYG-PRINTORS sa o mňa nikdy nezaujímali. Výnimka je len posledný Dreamweaver, ktorý používam na vytvorenie komplexných tabuliek.

Dlho som použil domu (v zväzku s Topstyle Lite), ale už dlho sa nevyvíjala - jeho autor Nick Bradbury je teraz práve zapojený do vývoja topstyle. Preto som sa rozhodol vyskúšať svoj nový brainfild.

Čo môže

Po prvé, Topstyle editor je samozrejme úpravy CSS. Avšak, jeho staršia (platená) verzia je ideálna pre rozloženie XHTML.

Editor má vlastné zvýraznenie značiek (dokonca automatická substitúcia atribútov triedy a IDS z súboru štýlov), vstavané funkcie validácie (pomocou validátorov W3C alebo prevzatých CSE). Všeobecne platí, že takmer všetky ako zvyšok normálnych editorov. Ale má svoje vlastné vlastnosti, ktoré robia stránky pomocou CSS veľmi pohodlné.

Napríklad vie, ako budovať správy o použitých triedach, to znamená, že ukazuje, ktoré triedy, kde boli použité, a ktoré triedy boli všeobecne "stratené" (pozri obrázok), t.j. sa nepoužívajú kdekoľvek na mieste.

Topstyle má vynikajúci mechanizmus náhľadu: môžete ho konfigurovať tak, aby sa zmeny v samostatnom súbore CSS zobrazia na príklad, ktorý ste potrebovali súbor HTML. To znamená, že upravuje jeden súbor, zobrazte zmeny na strane druhej! A to všetko na dvoch motoroch (Mozilla a IE), a dokonca aj s možnosťou úlohy ktokoľvek Veľkosť okna - najmenej 6000 × 3000 pixelov.

Editor má funkcie "česanie" starých dokumentov, v ktorých je dizajn vyrobený v atribútoch HTML, ako aj vývozu pravidiel CSS pre rôzne prehliadače / verzie CSS.

TopStyle stavia veľmi pohodlný výber voličov, eliminuje vás od potreby manuálne usporiadať prvky v abecednom poradí. V tomto strome sa najprv zobrazia všetky pravidlá pre čisté prvky, potom triedy a potom ID.

Samozrejme, nemyslím si, že pracujem bez toho, aby ste mohli pracovať bez štýlu panelu inšpektora, ktorý je oveľa pohodlnejší ako podobné riešenia v každom Dreamweavere. To vám umožní veľmi rýchlo vykonávať rutinné operácie - napríklad výber požadovaných fontov, farieb atď.
Zároveň sa pre každé pravidlo jasne zobrazí stupeň kompatibility s rôznymi prehliadačmi.

Jedna z najpohodlnejších funkcií: CSS-založená farba palety - všetky vaše farby na jednom mieste. Teraz nemusíte písať farby na začiatku dokumentu alebo neustále sa prehľadávať pri hľadaní správneho.
Plus, schopnosť triediť a masívne nahradiť ich, napríklad, aby všetky farby tmavšie (aj keď som ho osobne nikdy nepoužíval).

Okrem toho je veľmi výhodné formátovať štýly: Napríklad vytiahnite všetky pravidlá v jednom riadku, aby ste zachránili návštevnosť, a ak je to potrebné, nájdite niečo, čo sa vráti do pôvodného stavu (s vkladmi a prevodom).

Všeobecne, užitočné funkcie Mnohé a bez preťaženia, napríklad HTML-Kit. Neexistujú žiadne panely vloženia tagu, ale je tu možnosť konfigurovať veľa pre seba. Napríklad som predpísané klávesové tlačidlá na textový obal v tagoch \u200b\u200bH1 ... H4 stlačením klávesu CTRL-1 ... CTRL-4. A tak môžete určiť akúkoľvek kombináciu.

Záver

Všeobecne platí, že všetci, kto iný nepoužíva topstyle pro - ísť a hojdať ho z webovej stránky výrobcu.

Program nie je lacný - predaný za 80 dolárov, ale stojí za to. Usporiadanie podľa noriem bude oveľa príjemnejšie. Nakoniec, požiadajte svojho šéfa, aby ste si kúpili normálny nástroj!

TopStyle - Editor kaskádových štýlov Listy (CSS), napísal Nick Bradbury, Homesite Creator. TopStyle obsahuje všetko, čo potrebujete na vytvorenie tabuliek štýlov, správne pre všetky prehliadače. Jednoducho porty na váš editor HTML a používa sa štandardne na úrovni systému pre všetky súbory s rozšírením. CSSS. Nepostrádateľné na vytvorenie a podporu veľkých projektov. Funkcia Sprievodca odkazom vám umožňuje prepojiť všetky projektové stránky so súborom štýlu, ktorý program sám vytvorí. Stačí zadať miesto, kde sú uložené všetky stránky stránok. Môžete označiť ďalšie ďalšie užitočné vlastnosti balenia - štýlové kontrolné a osirotené štýly. Prvý vám umožňuje skontrolovať ľubovoľný súbor CSS pre chyby, druhý diváci existujúce stránky stránok pre "stratené" štýly. Ak ste zmätení vo svojich štýloch a na HTML stránkach je viacvrstvové prekrytie rôznych fontov a farebných riešení, TOPTYLE môže odstrániť všetky intra-blokové značky a nahradiť ich s jedným kaskádovým štýlom. A to je len malá časť toho, čo môže program topstyle.

Vyrobené v dvoch verziách:
Topstyle. Lite. - zadarmo, zjednodušená verzia
Topstyle. Pro. - Kompletná () verzia s mnohými ďalšími funkciami.

Váš komentár a diskusia o programe Topstyle Pro

Pred, keď neexistoval CSS, dizajnér musel manuálne predpisovať každú značku hlavičky . Bolo to veľmi bolestivé a potom CSS prišiel, čo výrazne uľahčilo život web dizajnérov. CSS vám umožňuje určiť všetky štýly pre vaše stránky v jednom súbore (alebo niekoľko, podľa vášho uváženia). To vám umožní ušetriť čas a urobiť kód flexibilnejšie.

Ale prečo potrebujeme CSS editory? Každé podanie nová technológia Má dve strany medaily, v CSS sa objaví na podporu niektorých vlastností CSS v prehliadačoch IE. A tak web designer musí nájsť hack na opravu displeja v prehliadačoch IE.

CSS editory pomáhajú napísať kód rýchlejšie a vyhnúť sa viacerým chybám.

1. Stylizer.

Štylizér je editor CSSČo vám umožňuje upravovať CSS a vidieť zmeny v reálnom čase. Jednoducho môžete zadať adresu webovej stránky a vľavo sa zobrazí webová stránka a na pravej strane CSS, ktorý je možné zmeniť a zmeny budú viditeľné vľavo. Ručné, ručne, predpisovacie vlastnosti môžete zmeniť a používať tlačidlá editora WYSIWYG.

Zmeniť farbu textu môže byť dynamicky. Keď sa zmení farba, objaví sa farebné spektrum, podobne ako v Adobe Photoshope.

V tomto editore nie je možné chybu, ako samotný editor skontroluje hodnoty, ktoré zadáte.

2. topstyle

TopStyle Editor zobrazuje podporované štýly prehliadače Firefox., Tj safari a dokonca iOS 2.0. Táto funkcia Možno aplikovať s dizajnom dizajnu cez platformy.

Jednou z užitočných funkcií tohto editora je inšpektor, ktorý vám umožní pridať CSS s jedným kliknutím, ktorý ušetrí čas a silu s dlhom a únavným kódovaním.

Tento editor vám tiež umožňuje zobraziť kompatibilitu vlastností CSS v prehliadači, ktorá je veľmi užitočná pri písaní kódu pre prehliadač IE.

3. Štýl Majster

Ako developer vyhlasuje, štýl Master je editor, ktorý môže byť použitý na akejkoľvek úrovni znalostí CSS. V programe môžete použiť nielen Editor WYSIWYG, ale aj na napísanie kódu manuálne (by to bolo veľmi zvláštne, ak to nebolo takto :)), s zdôrazňovaním každého majetku, pre skúsenejší vývojárov.

Snáď najväčšou výhodou tohto editora sú pripravené štýlové vzory. Má asi 20 šablón, riadne organizované, čo vám umožní rýchlo a jednoducho písať štýly pre stránku.

4. Rapid CSS editor

Editor Rapid CSS je pohodlný, ľahko-to-faktúrny program na úpravu CSS súbory. On má textový editor S zvýrazňovaním syntaxe, konvertor kódu a ďalšie.

S týmto editorom môžete unformovať tvoju tabuľku štýlu vlastným spôsobom. Vstavaný validator kódu bude obsahovať štýlový list nielen čistý, ale tiež chráni pred chybami CSS.

5. CSSEDIT 3.

Okamžite poviem, že tento editor podporuje iba Mac OS. Editor krásny dizajnNie je to však určené pre začínajúcich používateľov. Tiež dátový editor vám umožňuje dynamicky vidieť zmeny dynamicky, v reálnom čase.

Zaujímavou príležitosťou pre tohto editora je, že môžete opísať nehnuteľnosť v jednoduchom anglickom jazyku (pre tento výber bol vytvorený). Pre začiatočníka bude táto funkcia celkom zaujímavá.

6. Editor Enginsite CSS

Ak ste vážny web designer, ktorý sa stará o správne CSS písanie, správne hosting vlastností, ale budete sa páčiť tento editor.

V tomto editore môžete pridať triedu alebo identifikátor pomocou vstavaných funkcií a je tiež možné konvertovať farbu z HEX (hexadecimálny formát) v RGB, čo je rarita pre redaktorov.

Aj v editore je funkcia konfigurácie kódu.

7. Štýlový výrobca

Štandardný editor CSS, ktorý vám umožní nainštalovať písmo, farbu, maržu, hraničné a iné vlastnosti.