Mulți s-au bucurat de mult timp, dar adesea doar pentru a edita fișiere CSS. Eu o folosesc ca principal HTML-Protector. (este vorba despre versiunea pro.) Când puneți layout-urile paginilor.

Instrument

Există o mulțime de editori HTML diferiți (profesioniști) pe platforma Win și alegeți "Sistem de alegere" nu este ușor. Scriu codul manual, astfel încât protorii WYSIWYG nu au fost niciodată interesați de mine. Excepția este doar ultimul Dreamweaver, pe care îl folosesc pentru a crea mese complexe.

Am folosit Houseite pentru o lungă perioadă de timp (într-un pachet cu Topstyle Lite), dar nu sa dezvoltat mult timp - autorul său Nick Bradbury este acum angajat în dezvoltarea TopStyle. Prin urmare, la un moment dat, am decis să încerc noul său creier.

Ce poate

În primul rând, editorul TopStyle este, desigur, editarea CSS. Cu toate acestea, versiunea mai veche (plătită) este perfectă pentru aspectul XHTML.

Editorul are o evidențiere personalizată a etichetelor (chiar și substituția automată a atributelor de clasă și ID-urile din fișierul de stiluri), funcții de validare încorporate (folosind validatori W3C sau CSE descărcată). În general, aproape toate ca restul editorilor normali. Dar are propriile caracteristici care fac site-uri folosind CSS foarte confortabile.

De exemplu, el știe cum să construiască rapoarte despre clasele folosite, adică arată ce clase unde au fost folosite și ce clase au fost în general "pierdute" (vezi figura), adică nu sunt folosite nicăieri pe site.

TopStyle are un mecanism excelent de previzualizare: puteți configura astfel încât modificările dintr-un fișier CSS separat să fie afișate pe exemplul de care aveți nevoie fișierul HTML.. Adică, editarea unui fișier, vizualizați modificări pe cealaltă! Și toate acestea pe două motoare (Mozilla și IE) și chiar și cu posibilitatea sarcinii oricine Dimensiunea ferestrei - cel puțin 6000 × 3000 pixeli.

Editorul are funcțiile documentelor vechi de "pieptănare" în care se realizează designul în atribute HTML, precum și exporturile de reguli CSS pentru diferite browsere / versiuni CSS.

TopStyle construiește un arbore de selector foarte confortabil, eliminându-vă de nevoia de a aranja manual elemente în ordine alfabetică. În acest copac, toate regulile pentru elementele curate sunt afișate mai întâi, apoi clase și apoi ID.

Desigur, nu mă mai gândesc să lucrez fără panoul Inspectorului de stil, care este mult mai convenabil decât soluții similare în orice Dreamweaver. Vă permite să efectuați foarte repede operațiunile de rutină - cum ar fi selectarea fonturilor, culorilor dorite etc.
În același timp, gradul de compatibilitate cu diferite browsere este clar demonstrat pentru fiecare regulă.

Una dintre cele mai convenabile caracteristici: paleta de culori bazată pe CSS - toate culorile într-un singur loc. Acum nu este nevoie să scrieți culori la începutul documentului sau să vă târâi în mod constant în căutarea celui potrivit.
În plus, capacitatea de a le sorta și de a le înlocui masiv, de exemplu, pentru a face toate culorile mai întunecate (deși am folosit-o personal).

În plus, este foarte convenabil să formați stilurile: De exemplu, scoateți toate regulile într-o singură linie pentru a salva traficul și, dacă este necesar, găsiți ceva pentru a reveni la starea inițială (cu depozite și transfer).

În general, caracteristici utile Multe și fără supraîncărcare, cum ar fi HTML-Kit, de exemplu. Nu există panouri de introducere a etichetelor, dar există o posibilitate de configurare a mult pentru tine. De exemplu, am prescris cheile fierbinți la înfășurarea textului în etichetele H1 ... H4 prin apăsarea Ctrl-1 ... Ctrl-4. Și astfel puteți specifica orice combinație.

Concluzie

În general, toți cei care altcineva nu utilizează Topstyle Pro - Go și leagă-l de pe site-ul producătorului.

Programul nu este ieftin - vândut pentru 80 de dolari, dar merită. Layout conform standardelor va fi mult mai plăcut. În cele din urmă, cereți-vă șefului să cumpere un instrument normal!

TopStyle - editor de foi de stil cascading (CSS), scris de Nick Bradbury, Creator Homesite. TopStyle conține tot ce aveți nevoie pentru a crea tabele de stiluri, corecte pentru toate browserele. Porturi cu ușurință către editorul HTML și este utilizat în mod implicit la nivelul sistemului pentru toate fișierele cu extensie. CSSS. Indispensabilă pentru a crea și susține proiecte mari. De exemplu, funcția Wizard Link vă permite să conectați toate paginile de proiect cu un fișier de stil pe care programul în sine îl va crea. Trebuie doar să specificați locul în care sunt stocate toate paginile de pagină. Puteți marca alte două caracteristici utile ale pachetului de verificare a stilului și a stilurilor orfane. Primul vă permite să verificați orice fișier CSS pentru erori, al doilea spectatorilor existenți Pagini de site pentru stilurile "pierdute". Dacă sunteți confuzi în stilurile dvs. și pe paginile HTML, există o suprapunere multistrat diferită de fonturi și soluții color, toptyle poate șterge toate etichetele fontului intra-bloc și le puteți înlocui cu un singur stil cascading. Și aceasta este doar o mică parte a programului TopStyle.

Produs în două versiuni:
TopStyle. Lite. - Versiune gratuită și simplificată
TopStyle. Pro. - versiunea completă () cu multe funcții suplimentare.

Comentariul dvs. și discuția despre programul Topstyle Pro

Înainte, când nu a existat CSS, designerul a trebuit să prescrie manual fiecare etichetă a antetului . A fost foarte dureros, iar apoi a venit CSS, care a facilitat foarte mult viața designerilor web. CSS vă permite să determinați toate stilurile pentru site-ul dvs. într-un singur fișier (sau mai multe, la discreția dvs.). Acest lucru vă permite să economisiți timp și să faceți codul mai flexibil.

Dar de ce avem nevoie de editori CSS? Fiecare administrație tehnologie nouă Are două laturi ale medaliei, în CSS apare pe suportul unor proprietăți CSS în browserele IE. Și astfel designerul web trebuie să găsească hack-ul pentru a corecta afișajul în browserele IE.

Editorii CSS ajută la scrierea codului mai rapid și evitați mai multe erori.

1. Stylizer.

Stilizer este editor CSS.care vă permite să editați CSS și să vedeți modificările în timp real. Puteți introduce pur și simplu adresa paginii web și în partea stângă va vedea o pagină web și pe codul de dreapta - CSS care poate fi modificat și modificările vor fi vizibile în stânga. Puteți schimba atât manual, prescrierea proprietăților și utilizând butoanele Wysiwyg Editor.

Schimbarea culorii textului poate fi, de asemenea, dinamic. Când apare schimbarea culorilor, apare un spectru de culori, similar celui care este în Adobe Photoshop.

În acest editor, este imposibil să se facă o eroare, deoarece editorul în sine va verifica valorile pe care le introduceți.

2. TopStyle.

Editorul TopStyle arată stilurile acceptate browsere Firefox., Adică safari și chiar iOS 2.0. Această caracteristică Pot fi aplicate cu design de design încrucișat.

Una dintre funcțiile utile ale acestui editor este un inspector care vă permite să adăugați CSS cu un singur clic, ceea ce va economisi timp și forță cu o datorie și o codificare plictisitoare.

De asemenea, acest editor vă permite să vedeți compatibilitatea proprietăților CSS din browser, care este foarte utilă atunci când scrieți codul pentru browserul IE.

3. Stilul de maestru

După cum declară dezvoltatorul, Stil Master este un editor care poate fi utilizat la orice nivel de cunoștințe CSS. În program, puteți folosi nu numai editorul WYSIWYG, ci și pentru a scrie codul manual (ar fi foarte ciudat dacă nu era așa :)), evidențiind fiecare proprietate, pentru dezvoltatori mai experimentați.

Poate că cel mai mare avantaj al acestui editor este modelele de stil gata. Are aproximativ 20 de șabloane, organizat în mod corespunzător, care vă permite să scrieți rapid și ușor stiluri pentru site.

4. Editor CSS rapid

Editorul Rapid CSS este un program convenabil, ușor de factou pentru editare Fișiere CSS.. El are editor de text Cu evidențierea sintaxei, convertorul de cod și altele.

Cu acest editor, puteți utiliza forma ta de stil în felul tău. Validatorul de cod încorporat va conține o foaie de stil, nu numai curată, ci și protejează de erorile CSS.

5. CASSIT 3.

Imediat voi spune că acest editor acceptă numai Mac OS. Editorul are design frumosDar nu este destinat utilizatorilor novici. De asemenea, editorul de date vă permite să vedeți modificările dinamic, în timp real.

O oportunitate interesantă pentru acest editor este că puteți descrie proprietatea într-o limbă engleză simplă (Builder Selector a fost creat pentru acest lucru). Pentru un începător, această funcție va fi destul de interesantă.

6. Editorul Enginsite CSS

Dacă sunteți un designer web serios, care are grijă de scrisul CSS corect, de bunuri de găzduire corespunzătoare, dar vă va plăcea acest editor.

În acest editor, puteți adăuga o clasă sau un identificator utilizând caracteristici încorporate și este de asemenea posibilă transformarea culorii din HEX (format hexazecimal) în RGB, care este o raritate pentru editori.

De asemenea, în editor există o funcție de configurare a codului.

7. Producător elegant

Editor standard CSS care vă permite să instalați font, culoare, margine, margine și alte proprietăți.