Տեսողական վեբ էջի խմբագիր, CSS խմբագիր: Թոփ

Շատերը վաղուց հաճույք են պատճառում, բայց հաճախ միայն CSS ֆայլերը խմբագրելու համար: Ես դա օգտագործում եմ որպես իմ հիմնական HTML-պաշտպան (Այս մասին version Pro.) Էջերի դասավորությունը կատարելիս:

Գործիք

Հաղթող պլատֆորմի վրա կա շատ տարբեր (պրոֆեսիոնալ) HTML խմբագիրներ եւ ընտրեք «ընտրության համակարգ» հեշտ չէ: Ես ձեռքով գրում եմ կոդը, այնպես որ wysiwyg-pertors- ը երբեք ինձ չի հետաքրքրում: Բացառությունը պարզապես վերջին Dreamweaver- ը է, որը ես օգտագործում եմ բարդ սեղաններ ստեղծելու համար:

Ես երկար ժամանակ օգտագործում էի տնային տնտեսություն (մի փաթեթով Topstyle Lite- ով), բայց երկար ժամանակ չի զարգանում. Նրա հեղինակ Նիկ Բրեդբուրին այժմ զբաղվում է TopStyle- ի զարգացումով: Հետեւաբար, միանգամից որոշեցի փորձել նրա նոր ուղեղը:

Ինչ կարող է

Առաջին հերթին, TopStyle- ի խմբագիրն իհարկե խմբագրում է CSS- ը: Այնուամենայնիվ, նրա տարեց (վճարովի) տարբերակը կատարյալ է XHTML դասավորության համար:

Խմբագիրն ունի պիտակների պատվերով կարեւորություն (նույնիսկ դասի հատկանիշների եւ ID- ների ավտոմատ փոխարինումը ոճերի ֆայլից), ներկառուցված վավերացման գործառույթներ (օգտագործելով W3C վավերացուցիչներ կամ ներբեռնված CSE): Ընդհանրապես, գրեթե բոլորը, որպես նորմալ խմբագիրների մնացած մասը: Բայց նա ունի իր բնութագրերը, որոնք կայքեր են դարձնում CSS շատ հարմարավետ:

Օրինակ, նա գիտի, թե ինչպես կարելի է ստեղծել հաշվետվություններ օգտագործված դասերի վերաբերյալ, այսինքն, ցույց է տալիս, թե որ դասընթացներն են օգտագործվել, եւ որ դասերն են ընդհանուր առմամբ «կորել»:

TopStyle- ն ունի հիանալի նախադիտման մեխանիզմ. Դուք կարող եք կազմաձեւել այն, որպեսզի առանձին CSS ֆայլի փոփոխությունները ցուցադրվեն ձեր անհրաժեշտ օրինակին hTML ֆայլ, Այսինքն, մեկ ֆայլ խմբագրելը, դիտեք փոփոխությունները մյուս կողմից: Եվ այս ամենը երկու շարժիչների վրա (Mozilla եւ IE), եւ նույնիսկ առաջադրանքի հնարավորությամբ յուրաքանչյուրը Պատուհանի չափը `առնվազն 6000 × 3000 պիքսել:

Խմբագիրն ունի «սանրելու» հին փաստաթղթերի գործառույթները, որոնցում դիզայնը պատրաստված է HTML հատկանիշներով, ինչպես նաեւ CSS կանոնների արտահանման համար տարբեր CSS զննարկիչների / տարբերակների համար:

TopStyle- ը կառուցում է շատ հարմարավետ ընտրող ծառ, վերացնելով ձեզ այբբենական կարգով տարրեր ձեռքով կազմակերպելու անհրաժեշտությունից: Այս ծառի մեջ մաքուր տարրերի բոլոր կանոնները ցուցադրվում են նախ, այնուհետեւ դասերը, այնուհետեւ ID- ն:

Իհարկե, ես այլեւս չեմ մտածում առանց ոճային տեսուչի վահանակի աշխատելու մասին, որը շատ ավելի հարմար է, քան ցանկացած երազանքի նման լուծումներ: Այն թույլ է տալիս շատ արագ կատարել սովորական գործողություններ, ինչպիսիք են ցանկալի տառատեսակները, գույները եւ այլն ընտրելը:
Միեւնույն ժամանակ, յուրաքանչյուր կանոնների համար հստակ ցուցադրվում է տարբեր բրաուզերների հետ համատեղելիության աստիճանը:

Ամենահարմար հատկանիշներից մեկը. CSS վրա հիմնված գունային պալիտրա - ձեր բոլոր գույները մեկ վայրում: Այժմ հարկավոր չէ փաստաթղթի սկզբում գույներ գրել կամ անընդհատ սողալով ճիշտ փնտրելու համար:
Բացի այդ, դրանք տեսնելու եւ զանգվածաբար փոխարինելու ունակությունը, օրինակ, բոլոր գույները ավելի մուգ դարձնելու համար (չնայած ես անձամբ չէի օգտագործել):

Բացի այդ, դա շատ հարմար է ձեւափոխել ոճերը. Օրինակ, մեկ տողում դուրս բերեք բոլոր կանոնները `երթեւեկությունը խնայելու համար, եւ անհրաժեշտության դեպքում գտնել ինչ-որ բան` նախնական վիճակին (ավանդներով եւ փոխանցմամբ):

Ընդհանրապես, Օգտակար հատկություններ Օրինակ, շատ եւ առանց գերբեռնվածության, օրինակ, HTML-KIT- ի նման: Պիտակների տեղադրման վահանակներ չկան, բայց հնարավոր է ինքներդ ձեզ շատ կարգաբերել: Օրինակ, ես դեղատոմսերը սահմանեցի TEX- ի փաթեթավորմամբ T1 ... H4- ը սեղմելով Ctrl-1 ... Ctrl-4: Եվ այսպիսով, դուք կարող եք նշել ցանկացած համադրություն:

Եզրակացություն

Ընդհանրապես, բոլոր նրանք, ովքեր այլապես չեն օգտագործում Topstyle Pro - Գնացեք եւ պտտվում այն \u200b\u200bարտադրողի կայքում:

Ծրագիրը էժան չէ `վաճառվում է 80 դոլարով, բայց արժե այն: Ստանդարտների համաձայն դասավորությունը շատ ավելի հաճելի կլինի: Ի վերջո, խնդրեք ձեր շեֆին գնել նորմալ գործիք:

TopStyle - Cascading Style Sheets (CSS) խմբագիր, որը գրել է Նիք Բրեդբերիը, Ստեղծող Homesite: TopStyle- ը պարունակում է այն ամենը, ինչ ձեզ հարկավոր է ստեղծել ոճերի սեղաններ, ճիշտ բոլոր զննարկիչներին: Հեշտությամբ նավահանգիստներ ձեր HTML խմբագրին եւ օգտագործվում է համակարգի մակարդակում լռելյայն `ընդլայնման բոլոր ֆայլերի համար: CSSS: Անփոխարինելի է մեծ նախագծեր ստեղծել եւ աջակցել: Օրինակ, հղման հրաշագործի առանձնահատկությունը թույլ է տալիս կապել բոլոր նախագծային էջերը ոճային ֆայլով, որը ծրագիրը կստեղծի: Պարզապես պետք է նշել այն տեղը, որտեղ պահվում են էջի բոլոր էջերը: Դուք կարող եք նշել փաթեթային ոճի շաշկի եւ որբերի ոճերի եւս երկու այլ օգտակար հատկություններ: Առաջինը թույլ է տալիս ստուգել ցանկացած CSS ֆայլ սխալների համար, երկրորդ հեռուստադիտողները «կորցրած» ոճերի համար առկա տեղանքի էջերը: Եթե \u200b\u200bդուք շփոթված եք ձեր ոճերում եւ HTML էջերում, կա բազմաշերտ տարբեր տառատեսակներ եւ գունային լուծումներ, Toptyle- ն կարող է ջնջել բոլոր ներխուժման տառատեսակների բոլոր պիտակները եւ դրանք փոխարինել կասկադային մեկ ոճով: Եվ սա ընդամենը մի փոքր մասն է, ինչ կարող է TopSTYLE ծրագիրը:

Պատրաստված է երկու տարբերակով.
Թոփ Լիտեք - անվճար, պարզեցված տարբերակ
Թոփ Pro - Լրացրեք () տարբերակը, շատ լրացուցիչ գործառույթներով:



Ներբեռնեք TopStyle Pro վճարել (TopStyle.exe) www.bradsoft.com- ով
Ֆայլի չափ: 3.7 MB.
Ներբեռնման ժամանակը.
| Որոնեք հայելիներ
Ներբեռնեք TopStyle Lite Free (Ts3lite.exe) www.bradsoft.com- ով
Ֆայլի չափ: 1.8 MB
Ներբեռնման ժամանակը.
| Որոնեք հայելիներ

Ձեր մեկնաբանությունը եւ TopStyle Pro ծրագրի քննարկումը

Նախկինում, երբ CSS չկար, դիզայները ստիպված էր ձեռքով նշանակել յուրաքանչյուր վերնագիր , Դա շատ ցավոտ էր, իսկ հետո եկավ CSS, ինչը մեծապես հեշտացրեց վեբ դիզայներների կյանքը: CSS- ը թույլ է տալիս որոշել ձեր կայքի բոլոր ոճերը մեկ ֆայլում (կամ մի քանիսը, ձեր հայեցողությամբ): Սա թույլ է տալիս խնայել ժամանակը եւ կոդը դարձնել ավելի ճկուն:

Բայց ինչու մեզ պետք են CSS խմբագիրներ: Յուրաքանչյուր կառավարում Նոր տեխնոլոգիա Այն ունի մեդալի երկու կողմ, CSS- ում այն \u200b\u200bհայտնվում է IE զննարկիչներում CSS հատկությունների աջակցության վրա: Եվ այսպես, վեբ դիզայները պետք է գտնի հակերը `IE զննարկիչներում ցուցադրումը շտկելու համար:

CSS խմբագիրներն օգնում են ավելի արագ գրել ծածկագիրը եւ խուսափել բազմաթիվ սխալներից:

1. Ստիլիզատոր:

Stylizer- ն է cSS խմբագիրորը թույլ է տալիս խմբագրել CSS- ը եւ տեսնել փոփոխությունները իրական ժամանակում: Պարզապես կարող եք մուտքագրել վեբ էջի հասցեն եւ ձախ կողմում կտեսնեք վեբ էջ, իսկ աջ - CSS կոդ, որը կարող է փոփոխվել, եւ փոփոխությունները տեսանելի կլինեն ձախ: Կարող եք փոխել ինչպես ձեռքով, նշանակել հատկություններ եւ օգտագործել WYSIWYG խմբագրիչի կոճակները:

Փոխել տեքստի գույնը կարող է նաեւ դինամիկ լինել: Երբ գույնի փոփոխությունը, հայտնվում է գունային սպեկտր, որը նման է Adobe Photoshop- ում:

Այս խմբագրում անհնար է սխալ թույլ տալ, քանի որ խմբագիրն ինքնին ստուգելու է ձեր մուտքագրած արժեքները:

2. TopStyle

TopStyle- ի խմբագիրը ցույց է տալիս աջակցվող ոճերը browsers Firefox., Այսինքն, Safari եւ նույնիսկ iOS 2.0. Այս հատկությունը Կարող է կիրառվել խաչաձեւ պլատֆորմի դիզայնի ձեւավորման միջոցով:

Այս խմբագրի օգտակար գործառույթներից մեկը տեսուչ է, որը թույլ է տալիս ավելացնել CSS մեկ կտտոցով, որը կխնայի ժամանակ եւ ուժ `պարտքի եւ հոգնեցուցիչ կոդավորմամբ:

Բացի այդ, այս խմբագիրը թույլ է տալիս տեսնել զննարկիչում CSS հատկությունների համատեղելիությունը, ինչը շատ օգտակար է IE զննարկչի համար կոդ գրելիս:

3. ոճի վարպետ

Ինչպես հայտարարում է ծրագրավորողը, ոճի վարպետը խմբագիր է, որը կարող է օգտագործվել CSS գիտելիքների ցանկացած մակարդակում: Ծրագրում դուք կարող եք օգտագործել ոչ միայն WYSIWYG խմբագրիչը, այլեւ կոդը ձեռքով գրել (շատ տարօրինակ կլիներ, եթե այդպես չէր :) ավելի փորձառու մշակողների համար:

Թերեւս այս խմբագրի ամենամեծ առավելությունը պատրաստի ոճային նախշերով է: Այն ունի մոտ 20 ձեւանմուշ, պատշաճ կազմակերպված, ինչը թույլ է տալիս արագ եւ հեշտությամբ գրել ոճեր կայքի համար:

4. Արագ CSS խմբագիր

Խմբագրի Rapid CSS- ը խմբագրման հարմար, դյուրին հաշիվ-ապրանքագրերի ծրագիր է CSS ֆայլեր, Նա ունի Տեքստի խմբագիր Syntax- ի կարեւորությամբ, կոդ փոխարկիչով եւ այլոցով:

Այս խմբագրին կարող եք ձեւավորել ձեր ոճային աղյուսակը ձեր ձեւով: Ներկառուցված ծածկագրի վավերացուցիչը պարունակում է ոճային թերթ `ոչ միայն մաքուր, այլեւ պաշտպանում է CSS սխալներից:

5. CSSEDIT 3.

Անմիջապես կասեմ, որ այս խմբագիրը աջակցում է միայն Mac OS- ին: Խմբագիրն ունի Գեղեցիկ ձեւավորումԲայց դա նախատեսված չէ նորաստեղծ օգտագործողների համար: Նաեւ տվյալների խմբագիրը թույլ է տալիս իրական ժամանակում տեսնել փոփոխությունները դինամիկ կերպով:

Այս խմբագրի համար հետաքրքիր հնարավորություն այն է, որ դուք կարող եք նկարագրել գույքը հասարակ անգլերեն լեզվով (դրա համար ստեղծվել է ընտրիչ շինարար): Սկսնակի համար այս գործառույթը բավականին հետաքրքիր կլինի:

6. Enginsite CSS խմբագիր

Եթե \u200b\u200bդուք լուրջ վեբ դիզայներ եք, ով հոգ է տանում CSS- ի ճիշտ գրելու, պատշաճ հոստինգի հատկությունների մասին, բայց ձեզ դուր կգա այս խմբագիրը:

Այս խմբագրում կարող եք ավելացնել դասարան կամ նույնականացուցիչ, ներկառուցված հատկություններ օգտագործելով, եւ հնարավոր է նաեւ գույնը վերափոխել REX- ից (Hexadecimal ձեւաչափից) RGB- ում, որը խմբագիրների համար հազվադեպություն է:

Նաեւ խմբագրում կա օրենսգրքի կազմաձեւման գործառույթ:

7. Նորաձեւ ստեղծող

CSS ստանդարտ խմբագիր, որը թույլ է տալիս տեղադրել տառատեսակ, գույն, լուսանցք, սահման եւ այլ հատկություններ:



Գծապատկերում - TopStyle Pro V 3.5 (1999 - 2006): Ինտերֆեյս եւ օգնություն անգլերենին: Լեզու (կա ճեղք): Գինը 79,95 դոլար:
Ծրագրի վերջին տարբերակը TopStyle v 5. Քաշը 71 MB է:

Ծրագրի առաջադրանք - ստեղծելով CSS ոճի սեղաններ վեբ էջերի համար:

Ծրագրի որոշ գործառույթներ:

CSS3 եւ HTML5 աջակցություն: Դուք կստանաք մուտքագրման բոլոր վերջին հատկություններն ու հատկությունները:

Նախադիտել HTML եւ CSS, մինչդեռ այն գրում եք

TopStyle- ն աջակցում է IE- ի, քրոմի, Firefox- ի եւ Safari- ի զննարկիչներին:

TopStyle- ի հղումների ստեղծումը ավելի հեշտ է դարձնում փաստաթղթերի միջեւ: Կտտացրեք HTML դասի առանձնահատկությունը `արտաքին ոճով դասը որոշելու համար, կամ կտտացրեք խարիսխի նշան` համապատասխան ֆայլը բացելու համար:

Խելացի պատճեն (խելացի պատճեն) եւ տեղադրումը: Այն ամենը, ինչ դուք պետք է անեք, սեղմեք Ctrl + C (կամ Ctrl + X) ստեղնը եւ կտեսնեք, թե ինչ ընտրել եւ պատճենել: Copy անկացած պատճեն եւ տեղադրում կփոխարինի ընթացիկ բառը:

W3C + CSE + HTML5- ի ճիշտ ստուգում, որպեսզի փաստաթուղթը ճիշտ արտացոլվի տարբեր զննարկիչներում

CSS3- ը թույլ է տալիս սահմանել ոճի թերթիկը հատուկ պայմանների համար: Օրինակ, կարող եք ունենալ մեկ ոճի մեկ թերթ Խոշոր էկրաններ Եւ մեկ այլ ոճի թերթ Բջջային սարքեր, TopStyle 5-ը թույլ է տալիս հարմարվել տարբեր լուծումներին եւ սարքերին, առանց բովանդակությունը փոխելու:

CSS Selector Group (CSS Selector Panel) ցույց է տալիս ձեր փաստաթղթում բոլոր ընտրողները: Click ուցակում ցանկացած ընտրողի վրա սեղմելը երկար փաստաթղթում կրում է ցանկալի տեղ:
HTML կառուցվածքի խումբ

HTML կառուցվածքի խումբը հայտնվում է կոդերի խմբագրին եւ ցույց է տալիս HTML նշանների հիերարխիա: Ծնողների նշանը հեշտ է. Երբ սեղմում եք կոճակներից մեկը HTML կառուցվածքի խմբում, TopStyle 5-ը խմբագրում ընտրելու է համապատասխան HTML TEG (եւ դրա բովանդակությունը):

CSS խմբերը
Խնդիրը կարող է լինել ճիշտ տեղում գտնել հսկայական, չկապված թերթիկի կտրվածքով: TopStyle- ի ամենահզոր հատկություններից մեկը CSS ընտրողներին թղթապանակի կառուցվածքի մեջ խմբավորելու ունակությունն է:
Ընտրեք CSS որոշ կանոն, ապա Tap: CSS\u003e New CSS խումբ - Նոր խումբ CSS:
Մուտքագրեք անուն ձեր CSS խմբի համար, եւ TopStyle- ը ձեր փաստաթղթին կտեղադրի հետեւյալը.

/ * @Group GroupName1 * /

/ * @ »* /
Եթե \u200b\u200bդուք չեք օգտագործում CSSSEDIT կամ TopStyle, այս խմբի մեկնաբանությունները միայն անվտանգ են փոքր մեկնաբանություններ: TopStyle- ում, այնուամենայնիվ, կարող եք ձեր CSS խմբերը վերածել խմբագրիչի եւ դիտել դրանք գտնվելու վայրում:

Աշխատանքային տարածք.

TopStyle 5-ը ունի ընտրացանկ, որը տարբերվում է ընտրացանկից Նախորդ տարբերակները TopStyle.

HTML գործիքագոտու - TopStyle- ն անցնում է HTML կարգավորելի օգտվողի վահանակով:
Workspaces. Աշխատատեղերը հիշում են ձեր ավելի վաղ Բաց փաստաթղթերԵվ հետո վերականգնում է գործարկման մեջ գտնվողներին: Երբ անցում եք մեկ այլ աշխատանքային տարածքի, աշխատանքային տարածքին վերաբերող փաստաթղթերը բաց են, եւ եթե անցնում եք ձեր նախորդ աշխատանքային տարածքը, ձեր նախկինում բաց փաստաթղթերը վերականգնվում են: Այն չափազանց օգտակար է, միաժամանակ ազդելով մի քանի նախագծերի վրա:

Կարող եք ստեղծել նոր աշխատատեղ (ֆայլ\u003e նոր աշխատանքային տարածք) կամ բացել մեկ այլ աշխատանքային տարածք (ֆայլ\u003e բաց աշխատանքային տարածք): Նոր աշխատանքային տարածք խնայելով այնպես, ինչպես դա խնայում է նորմալ փաստաթուղթ, դուք պարզապես ընտրում եք աշխատատեղի անունը:

TopStyle 5-ը ունի վահանակ Արագ մուտք Արագ մուտքի վահանակ):

TopStyle- ը ստուգում է ուղղագրական սխալները, երբ տպում եք եւ նշում է նրանց ալիքային կարմիր գծերը:

Աջակցեք Unicode- ին: Երբ պահում եք ձեր (x) hTML փաստաթուղթԿարող եք կամայականորեն ընտրել կոդավորումը ձեր փաստաթղթի համար (UTF-8, UTF-16, ANSI եւ այլն):

TopStyle 5-ը կրկնօրինակում է ստեղծում ամեն անգամ, երբ թարմացնում եւ պահպանում եք փաստաթուղթը: Պատմության նոր պատուհանի շնորհիվ կարող եք կրկնօրինակել, համեմատել տարբերությունները կամ վերականգնել Կրկնօրինակում (Վերականգնել նախորդը նախադիտում).

Պատկերի քարտեր - պատկեր, որը բաժանված է տարածքների կամ «թեժ կետերի»: Երբ օգտագործողը կտտացնում է թեժ կետը, գործողությունը տեղի է ունենում (օրինակ, մեկ այլ վեբ էջի անցում): Topstyle 5-ը գնում է պատկերի քարտեզի խմբագրիչով:

Prefixr
Ոչ բոլոր վեբ զննարկիչը լիովին աջակցում է CSS3- ին, իսկ CSS3- ն ինքնին սահմանված չէ: Այդ իսկ պատճառով վեբ զննարկիչները պահանջում են, այսպես կոչված, նախապես տեղադրված հատկություններ: Նախածանցը ապահովում է, որ զննարկիչները կաջակցեն փորձարարական cSS հատկություններ.
Բայց իրականում վեբ մշակողները պետք է օգտագործեն CSS հատկություններ միայն հնազանդ ստանդարտների վրա:
Prefixr- ը կփոխանցի ձեր (հնազանդ ստանդարտներին) CSS3 հատկությունները եւ դինամիկորեն թարմացնի դրանք `ավելացնելով հատկություններ զննարկչի համատեղելիության համար:

CSS գրադիենտ գեներատոր:
CSS3- ը եւ HTML5- ն ունեն առանձնահատկություն `մաքուր CSS3- ով օգտագործող գրադիենտները հայտնաբերելու համար, առանց որեւէ պատկեր ստեղծելու: Գրադիենտները կարող են օգտագործվել վեբ էջեր ստեղծելու համար: Հնարավոր է ստեղծել գծային գրադիենտ (հորիզոնական, ուղղահայաց կամ անկյունագծային) եւ գույներով, որոնք կազմում են գրադիենտը:

Տեքստի ստվերների գեներատոր (տեքստի ստվերային գեներատոր):
CSS3- ն ունի տեքստի ստվերային ստեղծման գույք: Ընտրվում է ստվերի ստվերի եւ ազդանշանի գույնը (ըստ 2px 2px տիպի):

Նախադիտման ֆայլերի բարելավված ընտրանքներ (միայն CSS-միայն), սկսած TopStyle 5:
Տեղափոխեք վերջին անգամ օգտագործված ֆայլ (ներ) Նախադիտման լավագույն տեսքի համար
Ներառում են HTML փաստաթղթեր, որոնք գտնվում են նույն գրացուցակում (որպես ձեր CSS փաստաթուղթ)
Ներառում են HTML փաստաթղթեր, որոնք բաց են (այլ հաշիվներում)

HTML5:
TopStyle 5-ը ներառում է HTML5 նոր սահմանում:
HTML5 հարցեր (HTML5 վավերացուցիչ)
HTML կառուցվածքի խումբը (HTML կառուցվածքի վահանակ) հայտնվում է կոդերի խմբագրից ցածր եւ ցույց է տալիս հեզ հիերարխիան:
Երբ կտտացրեք HTML կառուցվածքի խմբի կոճակներից մեկը, TopSTYLE 5-ը կընտրի համապատասխան HTML TEG (եւ դրա բովանդակությունը) կոդերի խմբագրում.

TopStyle- ն ապահովում է ավտոմատ փակման առանձնահատկություն (դուք տպում եք եւ եւ տոպտը ինքնաբերաբար կփակվի նշանը), Այն նաեւ թույլ է տալիս հեշտությամբ փաթեթավորել ստորագրությունը HTML.

Օգտագործում Google Chrome. Որպես ներքին զննարկիչ
TopStyle- ը միշտ աջակցել է եւ Internet Explorer. Եւ Mozilla Gecko (Firefox): Այժմ TopStyle 5-ը մտնում է Google Chrome- ը `որպես ներքին զննարկիչ: Այլ կերպ ասած. Նախադիտումը հնարավոր կլինի, նույնիսկ եթե ձեր համակարգչում Google Chromium չունեք:

Xray - օգնում է պատկերացնել ձեր էջի գտնվելու վայրը (ցույց է տալիս տարրի դիրքը, եզրը, լրացումը եւ չափումը): Այս մանրամասներից բացի, XRay Group- ը ցույց է տալիս նաեւ CSS ընտրողներ, որոնք պատկանում են տարրին: Երբ XRAY Group- ում կտտացնելով այս CSS ընտրիչը, TopStyle- ը ինքնաբերաբար կխաղա Selector Group- ում (նույնիսկ եթե այս CSS կանոնը գտնվում է որոշ այլ փաստաթղթում):

Երբ նախընտրում եք տեքստի հատվածը TopStyle 5-ում, երբ նախադիտվել է, կուրսորի դիրքը խմբագրում ինքնաբերաբար համաժամեցված է համապատասխան տեքստի հետ:

TopStyle 5-ը ներառում է (եւ համակցված) CSS կոկիկով, ինչպես նաեւ անալիզատորով եւ օպտիմիզատորով (Optimiser) CSS: CSS- ի օպտիմիզացման շնորհիվ դուք ունեք ավելի արագ էջեր: Դուք կարող եք նաեւ օգտագործել CSS կոկիկ, ձեր ոճային թերթերը զննարկչի համատեղելիության ձեւափոխելու համար:

TopStyle 5-ը ցույց է տալիս զննարկչի համատեղելիության պատկերը յուրաքանչյուր գույքի համար:

Google- ը տրամադրում է բազմաթիվ բարձրորակ վեբ տառատեսակներ ( Google Web. Տառատեսակներ), որոնք աշխատում են զննարկիչների մեծ մասում: TopStyle 5 Այժմ աջակցում է այս տառատեսակների ավտոմատ տեղադրումը ձեր էջին (ներ) ին:

Բարելավված 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- ի համար

Նմանատիպ հոդվածներ