ვიზუალური ვებ გვერდი რედაქტორი, CSS რედაქტორი. Topstyle

ბევრი დიდი ხანია სარგებლობდა, მაგრამ ხშირად მხოლოდ CSS ფაილების რედაქტირება. მე ვიყენებ, როგორც ჩემი მთავარი HTML-Protector (ეს არის შესახებ ვერსია Pro.) გვერდების ფორმატის მიღებისას.

ხელსაწყო

არსებობს ბევრი სხვადასხვა (პროფესიონალი) HTML რედაქტორები Win პლატფორმა, და აირჩიოს "არჩევანი" არ არის ადვილი. კოდის ხელით ვწერ, ამიტომ WYSIWYG-Prottors არასოდეს ყოფილა ჩემთვის. გამონაკლისი მხოლოდ ბოლო dreamweaver, რომელიც მე ვიყენებ, რათა შეიქმნას კომპლექსური მაგიდები.

მე დიდი ხნის მანძილზე ვიყენებდი (Topstyle Lite- ს Bundle), მაგრამ ეს არ არის დიდი ხნის განმავლობაში - მისი ავტორი Nick Bradbury არის მხოლოდ ჩართული განვითარებადი topstyle. აქედან გამომდინარე, ერთ დროს, გადავწყვიტე მისი ახალი Brainchild.

რა შეუძლია მას

უპირველეს ყოვლისა, Topstyle რედაქტორი რა თქმა უნდა რედაქტირების CSS. თუმცა, მისი ძველი (გადახდილი) ვერსია შესანიშნავია XHTML განლაგებისთვის.

რედაქტორს აქვს საბაჟო ხაზგასმა Tags (თუნდაც ავტომატური ჩანაცვლების კლასის ატრიბუტები და IDS სტილის ფაილი), ჩამონტაჟებული Validation ფუნქციები (გამოყენებით W3C Validators ან გადმოწერილი CSE). ზოგადად, თითქმის ყველა, როგორც დანარჩენი ჩვეულებრივი რედაქტორები. მაგრამ მას აქვს საკუთარი მახასიათებლები, რომლებიც სტუმრებს იყენებენ CSS- ს გამოყენებით.

მაგალითად, მან იცის, თუ როგორ უნდა ავაშენოთ ანგარიშები გამოყენებული კლასების შესახებ, ანუ, ის გვიჩვენებს, თუ რომელი კლასები, სადაც ისინი იყენებდნენ, და რომელი კლასები ზოგადად "დაკარგა" (იხ. ფიგურა), მე არ გამოიყენება საიტზე არსად.

Topstyle- ს აქვს შესანიშნავი გადახედვის მექანიზმი: თქვენ შეგიძლიათ კონფიგურაცია ისე, რომ ცალკე CSS ფაილის ცვლილებები გჭირდებათ მაგალითზე hTML ფაილი. ეს არის, ერთი ფაილის რედაქტირება, სხვა ცვლილებების ნახვა! და ეს ყველაფერი ორ ძრავზე (Mozilla და IE) და ამოცანის შესაძლებლობასაც კი არავის ფანჯრის ზომა - მინიმუმ 6000 × 3000 პიქსელი.

რედაქტორს აქვს "Combing" - ის ძველი დოკუმენტების ფუნქციები, რომელშიც დიზაინი დამზადებულია HTML ატრიბუტებში, ასევე CSS- ის ექსპორტის სხვადასხვა CSS ბრაუზერების / ვერსიებისათვის.

Topstyle აშენებს ძალიან კომფორტულ selector ხე, აღმოფხვრის თქვენ საჭიროება ხელით მოწყობა ელემენტები ანბანური თანმიმდევრობით. ამ ხეში, სუფთა ელემენტების ყველა წესი გამოჩნდება პირველი, შემდეგ კლასების და შემდეგ ID.

რა თქმა უნდა, მე აღარ ვფიქრობ, რომ სტილის ინსპექტორის პანელის გარეშე მუშაობა, რაც ბევრად უფრო მოსახერხებელია, ვიდრე მსგავსი გადაწყვეტილებები ნებისმიერ dreamweaver. ეს საშუალებას გაძლევთ ძალიან სწრაფად შეასრულოს რუტინული ოპერაციები - როგორიცაა შერჩევა სასურველი შრიფტები, ფერები და ა.შ.
ამავდროულად, სხვადასხვა ბრაუზერებთან თავსებადობის ხარისხი აშკარად არის ნაჩვენები თითოეული წესით.

ერთ-ერთი ყველაზე მოსახერხებელი თვისება: CSS- ზე დაფუძნებული ფერის პალიტრა - ყველა თქვენი ფერები ერთ ადგილას. ახლა თქვენ არ გჭირდებათ ფერები დოკუმენტის დასაწყისში, ან მუდმივად მცოცავი ძიებაში.
Plus, უნარი დასალაგებლად და მასიურად შეცვლის მათ, მაგალითად, რათა ყველა ფერები მუქი (თუმცა მე პირადად არასდროს არ გამოიყენება).

გარდა ამისა, ძალიან მოსახერხებელია ფორმატის სტილის ფორმატი: მაგალითად, გაიყვანეთ ყველა წესით ერთ ხაზზე, რათა გადავარჩინოთ მოძრაობა, და საჭიროების შემთხვევაში, იპოვოთ რაღაც დაბრუნების საწყის სახელმწიფოში (დეპოზიტებისა და გადაცემით).

ზოგადად, სასარგებლო თვისებები ბევრი და გარეშე გადატვირთვისას, ისევე როგორც HTML-Kit, მაგალითად. არ არსებობს tag ჩადეთ პანელები, მაგრამ არსებობს შესაძლებლობა კონფიგურაცია ბევრი თავს. მაგალითად, მე დავწერე ცხელი კლავიშები ტექსტის გადატანაში Tags H1 ... H4 დაჭერით Ctrl-1 ... Ctrl-4. ასე რომ თქვენ შეგიძლიათ მიუთითოთ ნებისმიერი კომბინაცია.

დასკვნა

ზოგადად, ყველა, ვინც არ იყენებს Topstyle Pro - წავიდეთ და Swing იგი მწარმოებლის ნახვა.

პროგრამა არ არის იაფი - გაიყიდა $ 80, მაგრამ ღირს. სტანდარტების მიხედვით განლაგება ბევრად უფრო სასიამოვნო იქნება. საბოლოო ჯამში, სთხოვეთ თქვენს ბოსი ნორმალურ ინსტრუმენტს!

Nick Bradbury- ის მიერ დაწერილი კასკადური სტილის ფურცლების რედაქტორი (CSS) რედაქტორი. Topstyle შეიცავს ყველაფერს, რაც თქვენ უნდა შეიქმნას სტილის მაგიდები, ყველა ბრაუზერისთვის. ადვილად პორტების თქვენი HTML რედაქტორი და გამოიყენება ნაგულისხმები სისტემის დონეზე ყველა ფაილი გაფართოება. CSSs. შეუცვლელია დიდი პროექტების შექმნა და მხარდაჭერა. მაგალითად, ბმული Wizard ფუნქცია საშუალებას გაძლევთ დაუკავშიროთ ყველა პროექტის გვერდს სტილის ფაილთან ერთად, რომელიც თავად პროგრამას შექმნის. თქვენ უბრალოდ უნდა მიუთითოთ ადგილი, სადაც ყველა გვერდის გვერდები ინახება. თქვენ შეგიძლიათ აღინიშნოს პაკეტის ორი სხვა სასარგებლო თვისებები - სტილის შემოწმება და ობოლი სტილის. პირველი გაძლევთ საშუალებას შეამოწმოთ ნებისმიერი CSS ფაილის შეცდომები, მეორე მაყურებელს არსებული საიტის გვერდებზე "დაკარგული" სტილისთვის. თუ თქვენ დაბნეული ხართ თქვენს სტილში და HTML გვერდებზე, არსებობს მრავალმხრივი overlaying სხვადასხვა შრიფტები და ფერადი გადაწყვეტილებები, Toptyle შეუძლია წაშალოს ყველა შიდა ბლოკი შრიფტი tags და შეცვალოს მათ ერთი კასკადური სტილი. და ეს არის მხოლოდ მცირე ნაწილი, თუ რა Topyle პროგრამის შეუძლია.

წარმოებული ორი ვერსიით:
Topstyle Lite. - უფასო, გამარტივებული ვერსია
Topstyle პრო. - სრული () ვერსია მრავალი დამატებითი ფუნქციით.



ჩამოტვირთეთ topstyle pro გადახდილი (topstyle.exe) www.bradsoft.com- ით
Ფაილის ზომა: 3.7 MB
ჩამოტვირთვა დრო: -
ბორგანი ძიება სარკეები
ჩამოტვირთეთ topstyle lite უფასო (ts3lite.exe) www.bradsoft.com- ით
Ფაილის ზომა: 1.8 MB
ჩამოტვირთვა დრო: -
ბორგანი ძიება სარკეები

თქვენი კომენტარი და TopStyle Pro პროგრამის განხილვა

სანამ, როდესაც არ იყო CSS, დიზაინერმა უნდა ხელი შეუწყვიტა თითოეული header tag . ეს იყო ძალიან მტკივნეული, და შემდეგ CSS მოვიდა, რომელიც მნიშვნელოვნად შეუწყო ხელი ვებ დიზაინერების ცხოვრებას. CSS საშუალებას გაძლევთ განსაზღვროთ ყველა სტილის თქვენი საიტი ერთ ფაილზე (ან რამდენიმე, თქვენი შეხედულებისამებრ). ეს საშუალებას გაძლევთ დაზოგოთ დრო და გააკეთოთ კოდი უფრო მოქნილი.

მაგრამ რატომ გვჭირდება CSS რედაქტორები? თითოეული ადმინისტრაცია Ახალი ტექნოლოგია მას აქვს მედალი ორ მხარეს, CSS- ში, როგორც ჩანს, IE ბრაუზერებში ზოგიერთი CSS თვისებების მხარდაჭერას. და ასე რომ, ვებ დიზაინერი უნდა იპოვოს hack გამოსწორების ჩვენება IE ბრაუზერები.

CSS- ის რედაქტორები ხელს უწყობენ კოდს სწრაფად და თავიდან ავიცილოთ მრავალი შეცდომა.

1. Stylizer.

Stylizer არის cSS რედაქტორირომელიც საშუალებას გაძლევთ შეცვალოთ CSS და იხილეთ ცვლილებები რეალურ დროში. თქვენ შეგიძლიათ უბრალოდ შეიყვანოთ ვებ-გვერდის მისამართი და მარცხნივ ნახავთ ვებ-გვერდს, ხოლო მარჯვნივ - CSS კოდი, რომელიც შეიძლება შეიცვალოს და ცვლილებები მოხდება მარცხნივ. თქვენ შეგიძლიათ შეცვალოთ ორივე ხელით, განსაზღვროთ თვისებები და გამოყენებით WYSIWYG რედაქტორის ღილაკები.

ტექსტის ფერის შეცვლა შეიძლება იყოს დინამიურად. ფერის ცვლილებისას, ფერადი სპექტრია, როგორც ჩანს, მსგავსი არის Adobe Photoshop- ში.

ამ რედაქტში, შეუძლებელია შეცდომის გაკეთება, რადგან რედაქტორი თავად შეამოწმებს იმ ღირებულებებს, რომლებიც შეხვალთ.

2. Topstyle

Topstyle რედაქტორი გვიჩვენებს სტილის მხარდაჭერას ბრაუზერები Firefox., ანუ, Safari და კიდევ iOS 2.0. ეს ფუნქცია შეიძლება გამოყენებულ იქნას ჯვარი პლატფორმის დიზაინის დიზაინით.

ამ რედაქტორის ერთ-ერთი სასარგებლო ფუნქცია ინსპექტორი არის ინსპექტორი, რომელიც საშუალებას გაძლევთ დაამატოთ CSS ერთი დაწკაპუნებით, რომელიც დაზოგავს დრო და ძალა დავალიანების და tedious კოდირების.

გარდა ამისა, ეს რედაქტორი საშუალებას გაძლევთ ნახოთ CSS თვისებების თავსებადობა ბრაუზერში, რომელიც ძალიან სასარგებლოა, როდესაც IE ბრაუზერის კოდი.

3. სტილი ოსტატი

როგორც დეველოპერი აცხადებს, სტილის სამაგისტრო არის რედაქტორი, რომელიც შეიძლება გამოყენებულ იქნას CSS- ის ნებისმიერ დონეზე. პროგრამაში, თქვენ შეგიძლიათ გამოიყენოთ არა მხოლოდ WYSIWYG რედაქტორი, არამედ კოდი ხელით დაწერონ (ეს იქნება ძალიან უცნაური, თუ ეს ასე არ იყო :)), თითოეული ქონების ხაზგასმით, უფრო გამოცდილი დეველოპერებისთვის.

ალბათ ამ რედაქტორის უდიდესი უპირატესობა მზად არის სტილის ნიმუშები. მას აქვს დაახლოებით 20 თარგები, სწორად ორგანიზებული, რომელიც საშუალებას გაძლევთ სწრაფად და ადვილად დაწეროთ სტილის საიტი.

4. სწრაფი CSS რედაქტორი

რედაქტორი სწრაფი CSS არის მოსახერხებელი, ადვილად ინვოისი პროგრამა რედაქტირება CSS ფაილები. Მას აქვს ტექსტის რედაქტორი სინტაქსის ხაზგასმით, კოდის კონვერტორი და სხვა.

ამ რედაქტორის საშუალებით, თქვენ შეგიძლიათ განათავსოთ თქვენი სტილის მაგიდა საკუთარი გზით. ჩამონტაჟებული კოდი დამუშავებული შეიცავს სტილის ფურცელს არა მხოლოდ სუფთა, არამედ CSS შეცდომებისგან.

5. CSSEDIT 3.

დაუყოვნებლივ მე ვიტყვი, რომ ეს რედაქტორი მხარს უჭერს მხოლოდ Mac OS- ს. რედაქტორი აქვს ლამაზი დიზაინიმაგრამ ეს არ არის განკუთვნილი ახალბედა მომხმარებლებს. ასევე მონაცემთა რედაქტორი საშუალებას გაძლევთ ნახოთ ცვლილებები დინამიურად, რეალურ დროში.

ამ რედაქტორის საინტერესო შესაძლებლობა ის არის, რომ თქვენ შეგიძლიათ აღწეროთ უბრალო ინგლისურ ენაზე ქონება (ამისთვის სელექტორის აღმაშენებელი შეიქმნა). დამწყებთათვის, ეს ფუნქცია საკმაოდ საინტერესო იქნება.

6. Enginsite CSS რედაქტორი

თუ თქვენ ხართ სერიოზული ვებ დიზაინერი, რომელიც ზრუნავს სწორი CSS წერილობით, სათანადოდ მასპინძლობს თვისებებს, მაგრამ თქვენ მოგეწონებათ ეს რედაქტორი.

ამ რედაქტეტში, თქვენ შეგიძლიათ დაამატოთ კლასი ან იდენტიფიკატორი ჩაშენებული თვისებების გამოყენებით და ასევე შესაძლებელია RGB- ში Hex (hexadecimal ფორმატის) ფერის კონვერტაცია, რაც რედაქტორებისთვის იშვიათია.

ასევე რედაქტორში არის კოდი კონფიგურაციის ფუნქცია.

7. Stylish Maker

სტანდარტული CSS რედაქტორი, რომელიც საშუალებას გაძლევთ დააყენოთ შრიფტი, ფერი, ზღვარი, საზღვარი და სხვა თვისებები.



ფიგურაში - Topstyle Pro V 3.5 (1999 - 2006). ინტერფეისი და ინგლისური დახმარება. ენა (არსებობს ბზარი). ფასი 79.95 დოლარი.
პროგრამის უახლესი ვერსია არის Topstyle V 5. წონა 71 MB.

პროგრამის დავალება - CSS სტილის ცხრილების შექმნა ვებ-გვერდებზე.

პროგრამის ზოგიერთი ფუნქცია:

CSS3 და HTML5 მხარდაჭერა. თქვენ მიიღებთ წვდომას ყველა უახლეს ფუნქციებსა და ტეგების თვისებებს.

Preview HTML და CSS, ხოლო თქვენ წერენ მას

Topstyle მხარს უჭერს IE, Chromium, Firefox და Safari ბრაუზერები.

TopStyle- ის ბმულების შექმნა საშუალებას აძლევს ადვილად ნავიგაცია დოკუმენტებს შორის. დაწკაპეთ HTML კლასის ფუნქცია, რათა დადგინდეს კლასის გარე სტილის ფურცელი, ან დაწკაპეთ წამყვანი ნიშანი გახსენით დაკავშირებული ფაილი რედაქტირება.

Smart Copy (Smart Copy) და ჩასმა. ყველაფერი, რაც თქვენ უნდა გააკეთოთ, დააჭირეთ ღილაკს Ctrl + C (ან CTRL + X) გასაღები და ტოტალიშე გაირკვევა, თუ რა უნდა აირჩიოს და ასლი. ნებისმიერი ასლი და ჩასმა შეცვლის ამჟამინდელ სიტყვას.

W3C + CSE + HTML5- ის სისწორის შემოწმება ისე, რომ დოკუმენტი სწორად აისახება სხვადასხვა ბრაუზერებში

CSS3 საშუალებას გაძლევთ განსაზღვროთ სტილის ფურცელი კონკრეტული პირობებისთვის. მაგალითად, თქვენ შეიძლება ჰქონდეთ ერთი ფურცელი სტილი დიდი ეკრანები და სხვა სტილის ფურცელი Მობილური მოწყობილობები. Topstyle 5 საშუალებას გაძლევთ ადაპტირება სხვადასხვა გადაწყვეტილებები და მოწყობილობები გარეშე შეცვლის შინაარსი.

CSS სელექტორის ჯგუფი (CSS სელექტორის პანელი) აჩვენებს ყველა სელექტორს თქვენს დოკუმენტში. დაწკაპვით ნებისმიერ სელექტორის სიაში, რომელიც დიდ დოკუმენტში სასურველ ადგილას ახორციელებს.
HTML სტრუქტურის ჯგუფი

HTML სტრუქტურის ჯგუფი გამოჩნდება კოდექსის რედაქტორის ქვემოთ და აჩვენებს HTML ნიშნების იერარქია. მშობელთა ნიშანი არის მარტივი - როდესაც თქვენ დააჭირეთ ერთი ღილაკები HTML სტრუქტურის ჯგუფში, Topstyle 5 შეარჩევს შესაბამისი HTML TEG (და მისი შინაარსი) რედაქტორი.

CSS ჯგუფები
პრობლემა შეიძლება იყოს სწორი ადგილი უზარმაზარი, არაორგანიზებული ფურცელი. Topstyle- ის ერთ-ერთი ყველაზე ძლიერი თვისება არის CSS- ის სელექტორების შესაძლებლობა საქაღალდეში.
აირჩიეთ ზოგიერთი CSS წესი და შემდეგ Tap: CSS\u003e ახალი CSS ჯგუფი - ახალი ჯგუფი CSS:
შეიყვანეთ თქვენი CSS Group- ის სახელი და Topstyle- ს ჩაწერეთ თქვენი დოკუმენტი:

/ * @Group GroupName1 * /

/ * @დასასრული * /
თუ არ იყენებთ CSSSEDIT- ს ან Topstyle- ს, ეს ჯგუფის კომენტარები მხოლოდ მცირე კომენტარს აკეთებს. In TopStyle თუმცა, თქვენ შეგიძლიათ ჩართოთ თქვენი CSS ჯგუფების რედაქტორი, და ნახოთ მათ ადგილმდებარეობა დაფუძნებული.

სამუშაო ადგილი:

Topstyle 5 აქვს მენიუ, რომელიც განსხვავდება მენიუდან წინა ვერსიები Topstyle.

HTML Toolbar - Topstyle მიდის HTML Configurable მომხმარებლის პანელი.
სამუშაო ადგილები: სამუშაო ადგილები ახსოვს თქვენს წინაშე ღია დოკუმენტებიდა შემდეგ აღადგენს იმ ჩარჩოში. სხვა სამუშაო გარემოსთან ერთად, სამუშაო ადგილის შესახებ დოკუმენტები ღიაა და თუ თქვენს წინა სამუშაოზე გადავიტანოთ, თქვენი წინა დოკუმენტები აღდგენილია. ეს ძალიან სასარგებლოა, ამავე დროს რამდენიმე პროექტზე გავლენას ახდენს.

თქვენ შეგიძლიათ შექმნათ ახალი სამუშაო ადგილი (ფაილი\u003e ახალი სამუშაო ადგილი) ან გახსენით სხვა სამუშაო ადგილი (ფაილი\u003e ღია სამუშაო ადგილი). გადარჩენა ახალი სამუშაო სივრცე, როგორც ეს ზოგავს ნორმალურ დოკუმენტს - თქვენ უბრალოდ აირჩიეთ სახელი სამუშაო გარემოსთვის.

Topstyle 5 აქვს პანელი სწრაფი წვდომა სწრაფი წვდომის პანელი).

Topstyle ამოწმებს ორთოგრაფიული შეცდომები, როდესაც თქვენ ბეჭდვა, და აღნიშნავს მათი wavy წითელი ხაზები.

მხარდაჭერა Unicode. როდესაც თქვენ გადარჩენა თქვენი (x) hTML დოკუმენტითქვენ შეგიძლიათ თვითნებურად აირჩიოთ თქვენი დოკუმენტის კოდირება (UTF-8, UTF-16, ANSI და ა.შ.).

Topstyle 5 ქმნის სარეზერვო ყოველ ჯერზე თქვენ განახლება და შენახვა დოკუმენტი. ახალი ისტორიის ფანჯრის წყალობით, შეგიძლიათ გახსნათ სარეზერვო, შეადარეთ განსხვავებები ან აღდგენა სარეზკვრული (აღადგინეთ წინა ანონსი).

გამოსახულების ბარათები - გამოსახულება, რომელიც დაყოფილია ტერიტორიებზე, ან "ცხელ წერტილებში". როდესაც მომხმარებელი დააჭერს ცხელი წერტილი, აქცია ხდება (მაგალითად, გარდამავალი სხვა ვებ გვერდზე). TopStyle 5 გადის Image Map რედაქტორი.

პრეფიქსი.
არა ყველა ბრაუზერი სრულად უჭერს მხარს CSS3, და CSS3 თავად არ არის განსაზღვრული. სწორედ ამიტომ, ზოგიერთი ვებ ბრაუზერები მოითხოვს ე.წ. წინასწარ დამონტაჟებული თვისებები. Prefixr უზრუნველყოფს, რომ ბრაუზერები ხელს შეუწყობს ექსპერიმენტულ cSS თვისებები.
მაგრამ სინამდვილეში, ვებ დეველოპერებმა უნდა გამოიყენონ CSS თვისებები მორჩილი სტანდარტების შესახებ.
Prefixr იქნება თქვენი (მორჩილი სტანდარტები) CSS3 თვისებები და დინამიურად განაახლეთ მათ ბრაუზერის თავსებადობის თვისებების დამატება.

CSS გრადიენტი გენერატორი.
CSS3 და HTML5 აქვს ფუნქცია, რათა იდენტიფიცირება Gradients გამოყენებით Pure CSS3, გარეშე შექმნათ ნებისმიერი სურათები. Gradients შეიძლება გამოყენებულ იქნას ვებ გვერდის შესაქმნელად. შესაძლებელია, რომ შეიქმნას წრფივი გრადიენტი (ჰორიზონტალური, ვერტიკალური ან დიაგონალზე) და ფერდობის შედგენა.

ტექსტის ჩრდილი გენერატორი (ტექსტის ჩრდილი გენერატორი).
CSS3- ს აქვს ტექსტის ჩრდილი შექმნის ქონება. ჩრდილის ფერი და ჩრდილში ჩრდილში შერჩეულია (ტიპი 2px 2px).

გაუმჯობესებული პარამეტრების Preview ფაილი (CSS-only), დაწყებული topstyle 5:
გადაადგილება ბოლო დროს გამოყენებული ფაილი (s) Preview Top View
მოიცავს HTML დოკუმენტებს, რომლებიც იმავე დირექტორიაში (როგორც თქვენი CSS დოკუმენტი)
მოიცავს HTML დოკუმენტებს, რომლებიც ღიაა (სხვა ანგარიშებში)

Html5.
Topstyle 5 მოიცავს ახალი HTML5 განმარტება.
HTML5 კითხვები (HTML5 Validator)
HTML სტრუქტურის ჯგუფი (HTML სტრუქტურის პანელი) გამოჩნდება კოდის რედაქტორზე და აჩვენებს tags იერარქია.
HTML სტრუქტურის ჯგუფში ერთ-ერთ ღილაკზე დაჭერით, Topstyle 5 კოდის რედაქტორში შესაბამისი HTML TEG (და მისი შინაარსი) შეარჩევს:

Topstyle უზრუნველყოფს ავტო დახურვის ფუნქციას (თქვენ ბეჭდვა , და ტოტალილე ავტომატურად დახუროს ნიშანი), ის ასევე საშუალებას გაძლევთ ადვილად გადაიტანოთ ნიშანი HTML:

სარგებლობა Გუგლ ქრომი. როგორც შიდა ბრაუზერი
Topstyle ყოველთვის მხარი დაუჭირა და Internet Explorer. და Mozilla Gecko (Firefox). ახლა Topstyle 5 შემოდის Google Chrome როგორც შიდა ბრაუზერი. სხვა სიტყვებით რომ ვთქვათ: გადახედვა შესაძლებელი იქნება, მაშინაც კი, თუ თქვენს კომპიუტერში Google Chromium არ გაქვთ.

Xray - გეხმარებათ თქვენი გვერდის ადგილმდებარეობის ვიზუალიზაცია (აჩვენებს პოზიციას, ზღვარზე, დამატებით და გაზომვის ელემენტს). ამ დეტალებთან ერთად, XRay Group ასევე გვიჩვენებს CSS სელექტორებს, რომლებიც ეკუთვნის ელემენტს. როდესაც თქვენ დააჭირეთ ამ CSS სელექტორის Xray ჯგუფში, Topstyle ავტომატურად გამართავს ამ CSS მმართველობას სელექტორის ჯგუფში (მაშინაც კი, თუ ეს CSS წესი არის სხვა დოკუმენტში!)

როდესაც თქვენ აირჩიეთ ტექსტის ფრაგმენტი Topyle 5- ში, როდესაც Previewed, კურსორის პოზიცია რედაქტორში ავტომატურად სინქრონიზებულია შესაბამისი ტექსტით.

Topstyle 5 მოიცავს (და კომბინირებული) ერთად CSS Tidy, ისევე როგორც ანალიზატორი და ოპტიმიზატორი (ოპტიმიზატორი) CSS. CSS ოპტიმიზაციის წყალობით, თქვენ გაქვთ სწრაფი გვერდები. თქვენ ასევე შეგიძლიათ გამოიყენოთ CSS Tidy ფორმატისთვის თქვენი სტილის ფურცლების ბრაუზერის თავსებადობისთვის.

Topstyle 5 აჩვენებს ბრაუზერის თავსებადობის გამოსახულებას თითოეული ქონებისათვის.

Google უზრუნველყოფს ბევრ მაღალხარისხიან ვებ-შრიფტს ( Google Web. შრიფტები), რომლებიც მუშაობენ ყველაზე ბრაუზერებში. Topstyle 5 ახლა მხარს უჭერს ავტომატური ჩასმა ამ შრიფტები თქვენს გვერდზე (s).

გაუმჯობესებული CSS ფერი რედაქტირება - Topstyle 5 გვიჩვენებს პატარა ფერის ნიმუშების ფერი ქვემოთ თითოეული CSS ქონება. როდესაც თქვენ დააჭირეთ ამ ფერის ნიმუშს, ფერი დიალოგი გამოჩნდება. აქედან, თქვენ შეგიძლიათ მარტივად შეიცვალოს ფერი ღირებულება.
ერთად სამმაგი დაწკაპუნებით ფერი ღირებულება რედაქტორი, ფერი დიალოგი გამოჩნდება. აქედან, თქვენ შეგიძლიათ მარტივად შეცვალოთ ფერი ქვეშ მაუსის კურსორი.

ფერი კონტრასტული ანალიზატორი საშუალებას გაძლევთ განსაზღვროთ წინა პლანზე და ფონის ფერის ფერები და შემდეგ განსაზღვრავს თუ არა ისინი მართლაც განსხვავებით:
განსხვავება სიკაშკაშეს (უნდა იყოს 125-ზე მეტი)
ფერის სხვაობა (უნდა იყოს 500-ზე მეტი)
კონტრასტული თანაფარდობა (უნდა იყოს მინიმუმ 5: 1)

გარდა იმისა, რომ ფაილის გადაცემის პროგრამა (ადრე შევიდა Topstyle 4), Topstyle 5 ახლა მოიცავს SFTP მხარდაჭერა.
ფაილური ამბავი - ფაილის ისტორია

Topstyle 5 დასძინა დახმარება hTML ელემენტები! დააჭირეთ F1 ღილაკს, ხოლო ჩასმა არის HTML ნიშანი, ხოლო HTML პუნქტი დეტალურად გამოჩნდება.

უმაღლესი ძიება და ჩანაცვლება (იპოვეთ / ჩანაცვლება) ფაილებში
თქვენ შეგიძლიათ მოძებნოთ და შეცვალონ დისტანციური საიტი (სერვერზე სერვერზე), ისევე როგორც ადგილობრივ საქაღალდეში.
დაწყებული Topstyle 5, ჩვენ დავამატეთ შემდეგი ახალი ძებნის პარამეტრები და შეცვალეთ ფაილები:
მიმდინარე დოკუმენტის საქაღალდეში
მიმდინარე დოკუმენტის საქაღალდეში და მისი ქვევრები

გაუმჯობესებული ავტომატური ჩანაცვლება (ავტომატური ჩანაცვლება)
მრავალფუნქციური ელემენტი - ახლა თქვენ შეგიძლიათ შეცვალოთ თქვენი ტექსტი მრავალჯერადი რიგები
ცვლადების გამოყენებით
მხარდაჭერის ტიპის დოკუმენტი (CSS ან HTML); ახლა თქვენ შეგიძლიათ ცალკე ნივთები CSS და HTML