Mnogi su dugo uživali, ali često samo za uređivanje CSS datoteka. Koristim ga kao glavnu HTML-zaštitnik (Ovdje se radi verzija Pro.) Prilikom izrade stranica izgled.

Alat

Postoji puno različitih (profesionalnih) HTML urednika na win platformi i odaberite "Sistem izbora" nije lako. Kôd pišem ručno, tako da me Wysiwyg-Prottors nikada nije zanimao. Izuzetak je samo posljednji Dreamweaver, koji koristim za stvaranje složenih stolova.

Dugo sam koristio domorje (u snopu s Topstyle Lite), ali dugo se ne razvija - njegov autor Nick Bradbury sada se bavi u razvoju Topstyla. Stoga sam odjednom odlučio probati njegovu novu brainchild.

Šta može

Prije svega, Topstyle Editor je naravno uređivanje CSS-a. Međutim, njegova starija (plaćena) verzija savršena je za XHTML izgled.

Urednik ima prilagođeno isticanje oznaka (čak i automatsko zamjena atributa klase i IDS iz datoteke stilova), ugrađene funkcije validacije (pomoću W3C validatora ili preuzete CSE). Općenito, gotovo sve kao ostatak uobičajenih urednika. Ali on ima svoje karakteristike koje postavljaju web lokacije koristeći CSS vrlo udobne.

Na primjer, on zna da izgradi izvještaje o korištenim razredima, odnosno pokazuje koje su klase u kojima su korištene, a koje su klase uglavnom "izgubljene" (vidi se nigdje na mjestu.

Topstyle ima odličan mehanizam za pregled: Možete ga konfigurirati tako da su promjene u zasebnoj CSS datoteci prikazane na primjeru koji ste trebali hTML datoteka. To je, uređivanjem jedne datoteke, pogledajte promjene na drugom! I sve to na dva motora (mozilla i tj.), Pa čak i uz mogućnost zadatka bilo ko Veličina prozora - najmanje 6000 × 3000 piksela.

Urednik ima funkcije "češljanja" starih dokumenata u kojima se dizajn vrši u HTML atributima, kao i izvoz CSS pravila za različite CSS preglednike / verzije.

Topstyle gradi vrlo udobno stablo selektora, eliminirajući vas od potrebe da se ručno uređuju elementi po abecednom redu. U ovom se drvetu prva, tada se prikazuju sva pravila za čiste elemente, a zatim klase, a zatim id.

Naravno, više ne razmišljam o radu bez panela inspektora u stilu, što je mnogo pogodnije od sličnih rješenja u bilo kojem Dreamweaveru. Omogućuje vam vrlo brzo izvesti rutinske operacije - poput odabira željenih fontova, boja itd.
Istovremeno, stupanj kompatibilnosti s različitim preglednicima jasno je prikazan za svako pravilo.

Jedna od najpovoljnijih karakteristika: CSS paleta boja - sve vaše boje na jednom mjestu. Sada ne trebate pisati boje na početku dokumenta ili stalno puškajući u potrazi za pravom.
Plus, mogućnost da ih sortira i masovno zamenjuje, na primer, da bi sve boje tamnije (iako to lično nikad nisam koristilo).

Pored toga, vrlo je prikladno formatirati stilove: Na primjer, izvucite sva pravila u jednoj liniji za uštedu prometa, a po potrebi pronađite nešto za povratak u početno stanje (s depozitima i prijenosom).

Općenito, korisne karakteristike Na primjer, mnogo i bez preopterećenja, poput HTML-kompleta. Ne postoje ploče za umetanje oznake, ali postoji mogućnost da se puno konfigurirate sebi. Na primjer, propisao sam vruće tastere za omot teksta u oznakama H1 ... H4 pritiskom na Ctrl-1 ... Ctrl-4. I tako možete odrediti bilo koju kombinaciju.

Zaključak

Općenito, svi koji još ne koristi Topstyle Pro - idite i zamahnite ga sa web stranice proizvođača.

Program nije jeftin - prodaje se za 80 dolara, ali vrijedi je. Izgled prema standardima bit će mnogo ugodniji. Na kraju pitajte svog šefa da kupi normalan alat!

Topstyle - urednik kaskadnih stilova (CSS), koji je napisao Nick Bradbury, Creator Homesite. Topstyle sadrži sve što je potrebno za stvaranje tablica stilova, tačno za sve pretraživače. Jednostavno priključi na vaš HTML uređivač i koristi se prema zadanim postavkama na nivou sustava za sve datoteke sa produžetkom. CSSS. Neophodan za stvaranje i podrška velikim projektima. Na primjer, funkcija čarobnjaka LINK omogućava vam povezivanje svih stranica projekta s datotekom u stilu koje će program programa stvoriti. Samo trebate odrediti mjesto na kojem su spremljene sve stranice stranica. Možete označiti još dvije druge korisne karakteristike paketa - provjere stila i stilova siročada. Prvo vam omogućuje provjeru bilo koje CSS datoteke za pogreške, drugi gledaoci postojeći stranice web mjesta za "izgubljene" stilove. Ako ste zbunjeni u svojim stilovima i na html stranicama, prekrivajući se višeslojni razni fontovi i rješenja u boji, Toptyl može izbrisati sve intra-blokirati font oznake i zamijeniti ih jednim kaskadnim stilom. I to je samo mali dio onoga što može promijeniti Topstyle.

Proizvedeno u dvije verzije:
Topstyle Lite. - Besplatna, pojednostavljena verzija
Topstyle Pro - Kompletna () verzija s mnogo dodatnih funkcija.

Vaš komentar i diskusija o Topstyle Pro programu

Prije, kada nije bilo CSS-a, dizajner je morao ručno propisati svaku oznaku zaglavlja . Bilo je vrlo bolno, a zatim je došao CSS, što je uveliko olakšao život web dizajnera. CSS vam omogućuje određivanje svih stilova za vašu web lokaciju u jednoj datoteci (ili nekoliko, po vlastitom nahođenju). To vam omogućuje uštedu vremena i napravite kôd fleksibilnijim.

Ali zašto nam trebaju CSS urednici? Svaka uprava nova tehnologija Ima dvije strane medalje, u CSS-u se pojavljuje na podršci nekih CSS svojstava u IE pretraživačima. I tako da web dizajner mora pronaći hack kako bi ispravio zaslon u odnosu na pretraživače.

CSS urednici pomažu brže pisanjem koda i izbjegavajte više grešaka.

1. Stil.

Stil je cSS urednikšto vam omogućava uređivanje CSS-a i vidjeti promjene u stvarnom vremenu. Možete jednostavno ući u adresu web stranice i s lijeve strane vidjet ćete web stranicu, a s desne strane - CSS kôd koji se može mijenjati i promjene će biti vidljive lijevo. Možete ručno promijeniti, propisivanje svojstava i korištenjem tipki WYSIWYG Editor.

Promjena tekstualnih boja može biti i dinamički. Kada se promijeni boja, pojavljuje se spektar u boji, sličan onome koji je u Adobe Photoshopu.

U ovom uredniku je nemoguće napraviti grešku, jer će sami urednik provjeriti vrijednosti koje unosite.

2. Topstyle

Topstyle Editor pokazuje da su stilovi podržani preglednike Firefox., Tj. Safari, pa čak i IOS 2.0. Ova značajka Može se primijeniti sa dizajnom dizajna prekogranične platforme.

Jedna od korisnih funkcija ovog urednika je inspektor koji vam omogućava dodavanje CSS jednim klikom, koji će uštedjeti vrijeme i snagu duga i zamornim kodiranjem.

Također, ovaj urednik vam omogućuje da vidite kompatibilnost CSS svojstava u pretraživaču, što je vrlo korisno za pisanje koda za IE pretraživač.

3. Stil Master

Kako se programere izjavljuje, stil Master je urednik koji se može koristiti na bilo kojem nivou znanja o CSS-u. U programu možete koristiti ne samo WYSIWYG urednik, već i za pisanje kôda ručno (bilo bi vrlo čudno ako nije bilo tako :)), s istim ukidanjima za iskusnije programere.

Možda su najveća prednost ovog urednika spremne uzorke stila. Ima oko 20 predložaka, pravilno organizirano, što vam omogućuje brzo i lako pišete stilove za web mjesto.

4. RAPID CSS urednik

Urednik Rapid CSS je prikladan program za uređivanje jednostavan za fakciju CSS datoteke. On ima tekst uređivač Sa istaknutim sintaksom, pretvaračem koda i drugima.

S ovim urednikom možete u formirati svoj stil tablice na svoj način. Ugrađeni validator koda sadrži list u stilu ne samo čistim, već i štiti od grešaka CSS-a.

5. CSSEDIT 3.

Odmah ću reći da ovaj urednik podržava samo Mac OS. Urednik ima prekrasan dizajnAli nije namijenjen novajlijama. Takođe urednik podataka omogućava vam da se promjene dinamički vidite u realnom vremenu.

Zanimljiva prilika za ovaj urednik je da nekretnine možete opisati na jednostavnom engleskom jeziku (za to je stvoren izbornik za odabir). Za početnika ova funkcija će biti prilično zanimljiva.

6. Enginite CSS uređivač

Ako ste ozbiljan web dizajner koji vodi računa o ispravnom pisanju CSS-a, pravilno hosting svojstva, ali voljet ćete ovaj urednik.

U ovom uredniku možete dodati klasu ili identifikator koristeći ugradbene funkcije, a moguće je i pretvoriti boju iz Hex (Heksadecimalni format) u RGB, što je retkost za urednike.

Također u uređivaču postoji konfiguracijska funkcija koda.

7. Moderan proizvođač

Standardni CSS uređivač koji vam omogućava da instalirate font, boju, marginu, granicu i druga svojstva.