Ոչ ոքի համար գաղտնիք չէ, որ ֆունկցիոնալ, գեղեցիկ ձևավորված դինամիկ ինտերնետային կայքի ստեղծումն այսօր պատկանում է ոչ միայն պրոֆեսիոնալ վեբ ծրագրավորողներին, այլև սկսնակ կայքերի ստեղծողներին, ովքեր միայն մակերեսորեն են ծանոթ ցանցային այնպիսի տեխնոլոգիաներին, ինչպիսիք են HTML հիպերտեքստի նշագրման լեզուն, կասկադը: ոճաթերթեր CSS , էլ չեմ խոսում JavaScript-ի, PHP-ի, SQL-ի և այլ «իմաստության» մասին։
Վաղուց անցել են այն ժամանակները, երբ տեքստային հասարակ բարձիկներն օգտագործվում էին կայք գրելու համար: Այսօր բոլոր ծրագրավորողները՝ պրոֆեսիոնալներից մինչև օգտատերեր, ովքեր հենց առաջին քայլերն են անում կայքերի ստեղծման ոլորտում, օգտագործում են հատուկ դրա համար ստեղծված վեբ խմբագիրներ։ Նման խմբագիրների ընտրությունն այսօր շատ լայն է։ Նրանք տարբերվում են ինչպես ֆունկցիոնալությամբ, այնպես էլ գնով:
Կան նաև մեծ թվով անվճար տարբերակներ: Բայց հիմա դրանց մի փոքր կանդրադառնանք, և կխոսենք հիմնականում կոմերցիոն մասին WYSIWYG(կամ տեսողական) վեբ խմբագիրներ:
Նրանց կիրառման էությունն այն է, որ ծրագրավորողը, վեբկայք ստեղծելիս, չի գրում կոդ՝ օգտագործելով հատուկ HTML և CSS թեգեր, այլ պարզապես ստեղծում է աղյուսակներ, գրում է տեքստ, տեղադրում պատկերներ և տեսանյութեր, ինչպես դա արվում է սովորական Word տեքստային խմբագիր. . Իսկ վեբ խմբագիրն ինքնուրույն կերպով իր ջանքերը վերածում է էջի ամբողջական կոդի։
Այնուամենայնիվ, հարկ է նշել, որ տեսողական ( WYSIWYG) խմբագիրները դեռ կատարելության չեն հասել, և հաճախ նման գործիքներն ավելորդ տարրեր են ավելացնում դրան կոդ ստեղծելիս՝ դարձնելով այն չափազանց բարդ։ Ի վերջո, դա ազդում է կայքի արագության վրա, և բացի այդ, դա կարող է հանգեցնել սխալների: Հետևաբար, պրոֆեսիոնալ վեբ մշակողները օգտագործում են վիզուալ վեբ խմբագիրներ հիմնականում կայքի կմախքը (կամ նշումը) ստեղծելու համար և զգուշորեն ճշգրտում են կոդը ձեռքով HTML տեքստային խմբագրիչներից մեկում:
Սկսնակների համար պարզ ստատիկ կայքեր գրելու համար տեսողական վեբ խմբագիրները լավագույնս համապատասխանում են: Եթե կա բարդ դինամիկ կայք կամ բլոգ ստեղծելու անհրաժեշտություն, ապա այս դեպքում լավագույնը կլինի օգտագործել դրանցից մեկը CMS- բովանդակության կառավարման համակարգեր, թե DLE, Joomla!, Wordpressև որոշ ուրիշներ: Այս դեպքում ձեզ հարկավոր չէ որևէ HTML և CSS կոդ գրել, կամ PHP-ում սկրիպտներ ստեղծել: Միակ բանը, որ ձեզ հարկավոր է, դա է ընտրել ձեր հավանած ձևանմուշը՝ կայքի երեսը կամ փաթաթան, և այն խմբագրել՝ ձեր կարիքներին համապատասխան: Եվ այս դեպքում վիզուալ վեբ խմբագիրն էլ ձեզ անգնահատելի օգնություն կտրամադրի։
Ո՞ր խմբագիրն ընտրել: Հնարավոր լուծումներից մեկն այն է. Դա շատ հեշտ օգտագործվող գործիք է, և կոդերի ստեղծումը լիովին ավտոմատ է: Որպես մաս WYSIWYG Web Builderկան հարյուրից ավելի պատրաստի կաղապարներ, որոնք կարող են ծառայել որպես շրջանակ ձեր կայքի համար: Բացի այդ, կան JavaScript կոդերի բազմաթիվ օրինակներ, որոնք թույլ են տալիս կայքում ավելացնել դինամիկ տարրեր, ինչպիսիք են ժամացույցը, կայքի էջերը էջանիշներին մեկ սեղմումով ավելացնելու հնարավորությունը, անջատել համատեքստի ընտրացանկը աջ սեղմելով և այլն: Բացի այդ, կան մեծ թվով հավելումներ, որոնք կարող են ինչպես նոր տարրեր ներմուծել ստեղծվող կայքում, այնպես էլ ընդլայնել բուն վեբ խմբագրիչի ֆունկցիոնալությունը:
Մեկ այլ հայտնի WYSIWYG խմբագիր է: Բացի պատրաստի կաղապարներից, այն ծրագրավորողին թույլ է տալիս ընտրել ստեղծվող կայքի համար նավիգացիոն մենյուի տեսքը և ոճը: Բացի այդ, եթե ձեզ դուր է գալիս ցանկացած կայքի դիզայն, որն արդեն գոյություն ունի համացանցում, և ցանկանում եք այն որպես հիմք ընդունել ձեր ռեսուրսը ստեղծելիս, ապա կարող եք հեշտությամբ ներմուծել վեբ էջ՝ օգտագործելով ներմուծման հատուկ գործառույթը: Վեբ էջ ստեղծող. Հարկ է նշել, որ այս խմբագրիչը պարունակում է նաև JavaScript կոդի օրինակներ։
Նաև սկսնակների համար հարմար է տեսողական խմբագիր: Այն իրականացնում է կայքի զարգացման քայլ առ քայլ սկզբունքը։ Սկսնակների համար այն հարմար է ոչ մի ուրիշի նման, քանի որ, հետևելով քայլ առ քայլ հրաշագործի առաջարկություններին, դուք չեք կարողանա բաց թողնել որևէ կարևոր քայլ, որն անհրաժեշտ է կայք մշակելիս: Այստեղ JavaScript-ի լրացուցիչ օրինակներ չկան, բայց կան հավելումներ, որոնք թույլ են տալիս հարմարեցնել կայքի մենյուի տեսքը, ավելացնել RSS հոսք, սահմանել տեքստի ձևաչափման ընտրանքներ և շատ ավելին:
Եվ, իհարկե, սխալ կլինի ուշադրություն չդարձնել այսօր ամենահայտնի և ամենահզոր կոմերցիոն կայքերի մշակման գործիքին՝ . Այս արտադրանքը դարձել է մի տեսակ չափանիշ բոլոր տեսողական վեբ խմբագիրների համար: Միաժամանակ հարկ է նշել, որ dreamweaverհավասարապես լավ է որպես տեսողական և բարդ տեքստային HTML խմբագրիչ՝ որոշակի օգտագործողի համար հարմարեցման լայն ընտրանքների, բազմաթիվ տեղեկատվական կոդի ակնարկների, հզոր գրադարանների և կայքերի հետ ճկուն աշխատանքի շնորհիվ ինչպես տեղական, այնպես էլ հեռավոր սերվերների վրա: Ծրագրի նման լայն հնարավորությունները և բարձր արժեքը այն դարձնում են անփոխարինելի գործիք, ավելի շուտ պրոֆեսիոնալ, այլ ոչ թե սկսնակ վեբ-վարպետի ձեռքում: Չնայած, հարկ է գիտակցել, որ վեբ-վարպետության մեջ չկա այնպիսի խնդիր, որը դուրս է իր լիազորություններից ( Դե, բացառությամբ կայքերի համար գրաֆիկայի մշակման, դրա համար Dreamweaver-ն ունի «եղբայր»՝ Adobe Fireworks-ը, որի հետ այն հիանալի է աշխատում:).
Դե, վերջում, դուք պետք է շոշափեք անվճար WYSIWYGխմբագիրներ։ Այստեղ ամենաակնառու ներկայացուցիչներն են և. Այս ծրագրերը շատ նման են միմյանց, քանի որ Կոմպոզիտորհաճախ կոչվում է ոչ պաշտոնական շարունակություն NVUհիմնվելով իր աղբյուրների վրա։
Այս խմբագիրներն ունեն բավականին մեծ գործիքների հավաքածու, նրանք կարող են աշխատել երկուսն էլ WYSIWYGև կոդի ռեժիմում։ Եվ դա անում են միանգամայն ճիշտ՝ առանց ավելորդ պիտակներով էջը լցնելու։ Բնականաբար, նրանք չեն կարող լրջորեն մրցել այնպիսի կոմերցիոն «հրեշների» հետ, ինչպիսիք են dreamweaver, և չունեն պատրաստի սկրիպտների և վեբ էջերի տարբեր տարրերի այդքան մեծ ներկառուցված գրադարան։ Բայց նրանք իրենց գործը շատ լավ են անում։ Եվ եթե օգտվողը դժվարանում է գոնե մակերեսորեն ծանոթանալ կայքի կառուցման հիմունքներին, էջի կառուցվածքին և HTML-ին, ապա. NVUկամ Կոմպոզիտորնրա ձեռքերում կարող է դառնալ հզոր գործիք, որն ունակ է և՛ խմբագրելու պատրաստի էջերը, և՛ դրանք զրոյից ստեղծելու նույն հեշտությամբ։
Բացի այն, որ այս խմբագիրները շատ զգույշ են կոդի նկատմամբ՝ հարգելով բոլոր վեբ ստանդարտները և, ի վերջո, արտադրելով բավականին մաքուր «արտադրանք», նրանք նաև ունեն գեղեցիկ «բոնուս»՝ քրոսպլատֆորմի տեսքով, այսինքն՝ ունեն. տարբերակներ և՛ Windows-ի, և՛ Linux-ի, և՛ MacOS X-ի համար:
Ընդհանրապես, ինչպես արդեն նշվեց, հետաքրքիր, բովանդակալից կայք կամ բլոգ ստեղծելու համար հիպերտեքստի նշագրման լեզվի և CSS-ի մասնագիտական գիտելիքներ ընդհանրապես պետք չեն (չնայած դրանց ծանոթությունն ակնհայտորեն ավելորդ չի լինի): Օգտագործելով վերը թվարկված գործիքները՝ դուք առանց մեծ ջանքերի կկարողանաք կյանքի կոչել ձեր բոլոր ամենահամարձակ գաղափարներն ու զարգացումները:
Բարև, հարգելի բաժանորդներ և իմ բլոգի հյուրեր: Նախորդ մի քանի հոդվածներում ես ձեզ սկսեցի ծանոթանալ css-ի և լեզուների հիմունքներին, բայց միայն անուղղակիորեն նշեցի օժանդակ ծրագրերը: Այդ իսկ պատճառով այսօր հարկ եմ համարում խոսել լավագույն վիզուալ html խմբագրիչի մասին։ Ես ձեզ կպատմեմ որոշ հայտնի վեբ կայքերի ստեղծման գործիքների մասին, իսկ ավելի ուշ կարող եք ներբեռնել և փորձել գործնականում ձեզ դուր եկածը:
Հարվածելով լավագույն տասնյակին
Այս պահին ընկերությունները թողարկել են բազմաթիվ մասնագիտացված ծրագրային արտադրանք, որոնց հիմնական նպատակը ծրագրավորողների աշխատանքային հոսքի օպտիմալացումն է։ Կան և՛ վճարովի, և՛ անվճար խմբագիրներ։
Քանի որ իմ բլոգը ուղղված է այս բիզնեսում սկսնակներին սովորեցնելուն, ես որոշեցի նկարագրել վեբկայքի էջեր ստեղծելու լավագույն անվճար գործիքները: Ամենայն հավանականությամբ, դուք արդեն կռահել եք, որ մենք կխոսենք տասը ամենահարմար տեսողական ծրագրերի մասին։ Սկսենք ամենապարզներից:
(https://notepad-plus-plus.org/)
Սա հիանալի ուսուցման գործիք է ապագա մշակողների համար: Ծրագիրն ունի պարզ օգտագործողի համար հարմար ինտերֆեյս՝ առանց ավելորդ զանգերի և սուլիչների, աջակցում է բազմալեզվությանը, այսինքն՝ կարող եք խմբագրի ընտրացանկը թարգմանել ռուսերեն: Նաև առավելությունները ներառում են կոդի շարահյուսության ընդգծումը, ստուգման և վավերացման ներդրումը:
PSPad(http://www.pspad.com/)
Ինչպես նախորդ ծրագիրը, PSPad-ը ընդհանուր նշանակության գործիք է, որն ընդգծում է css և html տեքստը, ավտոմատ կերպով պահպանում է փոփոխությունները ծրագրի ավարտից հետո, ստուգում է գրված կոդի ճիշտությունը և թույլ է տալիս միացնել մշակված էջերի նախադիտման ռեժիմը: Այս տեսողական խմբագրիչը պարունակում է ավելի օգտակար գործառույթներ, քան Notepad ++-ը, սակայն այն դեռ պատկանում է զարգացման պարզ գործիքներին:
KompoZer(http://www.komposer.net/)
Ծրագրային արտադրանքը պատկանում է WYSIWYG խմբագիրներին, ինչը նշանակում է «այն, ինչ տեսնում եք, այն է, ինչ ստանում եք»: KompoZer-ն ընդգրկված է տեսողական խմբագիրների առաջատարների ցանկում և լավ պատճառով: Այն թույլ է տալիս ծրագրավորողներին և դիզայներներին աշխատել միասին, քանի որ այն ունի աշխատանքի 3 ռեժիմ: Սկսենք իմ սիրելի՝ կոդային ռեժիմից։
Չնայած զուգակցված նշագրման լեզվի տարրերի ավտոմատ լրացման բացակայությանը, ռեժիմը թույլ է տալիս խմբագրել կոդը, ինչպես տեքստային խմբագրիչներում: WYSIWYG ռեժիմում դիզայներների համար հարմար է վեբ ռեսուրսների արտաքին տեսքի ձևավորումը: Համատեղ ռեժիմը հնարավորություն է տալիս մանրամասն ծանոթանալ կոնկրետ օբյեկտների նշագրմանը:
Komodo Խմբագրել(http://www.activestate.com/komodo_edit/)
Հզոր գործիք՝ մատչելի կոդով: Դրա ստեղծումը հիմնված է Komodo IDE-ի կոմերցիոն զարգացման միջավայրի վրա, ուստի արտադրանքն օժտված է բազմաթիվ լրացուցիչ առավելություններով՝ համատեքստային ավտոմատ լրացում և պիտակների փակում, դաշտերի լրացման համար պատահական տեքստի ստեղծում, ոճի նշագրման նախադիտում, ներկառուցված կանոնավոր արտահայտություններ և շատ ավելին:
Այս ամենին ուզում եմ ավելացնել, որ ծրագրի հնարավորությունները կարելի է զգալիորեն ընդլայնել հատուկ կոմունալ ծառայությունների օգնությամբ։
jԽմբագրել(http://www.jedit.org/)
jEdit-ը վերաբերում է միջպլատֆորմային ծրագրային արտադրանքներին: Այն ապահովում է գրավոր տեքստի շարահյուսական ընդգծում, հնարավորությունների ընդլայնման համար հավելյալ պլագինների տեղադրում, որից հետո հասանելի են դառնում պիտակների ավտոմատ փակումը, կոդի վավերացումը և շատ այլ գործառույթներ:
Այնուամենայնիվ, անձամբ ինձ համար այս խմբագրի ճանապարհին գայթակղությունը նրա անփույթ և անհարմար ինտերֆեյսն էր:
Aptana ստուդիա(http://www.aptana.com/)
Եթե ցանկանում եք սովորել, թե ինչպես ծրագրավորել զարգացման լիարժեք միջավայրում, ապա աշխատեք այս արտադրանքում: Շրջակա միջավայրն աջակցում է բազմաթիվ ծրագրավորման լեզուների և հարմար է ոչ միայն կայքերի, այլև այլ տեսակի հավելվածներ գրելու համար։ Բայց պատրաստ եղեք որոշ ժամանակ հատկացնել դրա տեխնիկական հատկանիշները տիրապետելու համար:
Ֆրեյզ(https://www.assembla.com/home)
Սա տեքստային խմբագիր է, որը հարմար է վեբ ռեսուրսներ ստեղծելու համար, ցավոք, միայն Mac OS X 10.6 հարթակի տակ: Ծրագիրն աջակցում է տարբեր լեզուներով տեքստի գունավոր ընդգծմանը, տրամադրում է ստեղծված էջերի նախադիտում, հագեցած է հատուկ հրամաններով՝ արագացնելու մուտքագրումը և շարահյուսության ստուգումը, թույլ է տալիս օգտագործել կանոնավոր արտահայտություններ և ավտոմատ կերպով լրացնել մուտքագրման հատկությունները:
gedit(http://projects.gnome.org/gedit/)
Պարզ տեքստային խմբագրիչ, որը հավելումներ տեղադրելուց հետո հրաշքով վերածվում է վեբ խմբագրի։ Օգտագործելով կոմունալ ծառայությունները, ավելացվում են հետևյալ հատկությունները.
- Զուգակցված տարրերի ավտոմատ լրացում;
- Ժամանակավոր տեքստի ստեղծում;
- Կոդի շարահյուսության ստուգում;
- Նախադիտում ցանկացած բրաուզերում:
վիմ(http://www.vim.org/)
Վահանակով խմբագիր, որը դժվար է սովորել, որն ունի բազմաթիվ առավելություններ ծրագրավորողների համար: Հագեցած է 3 աշխատանքային ռեժիմով։
ICE կոդ(https://icecoder.net/downloads)
Սա տեքստային խմբագրիչ է, որը հնարավորություն է տալիս անմիջապես բրաուզերում գրել և խմբագրել կոդը: Գերազանց ժամանակակից գործիք է ինչպես տեղական, այնպես էլ ցանցում աշխատելու համար, այն ունի ստանդարտ խմբագիրների բնութագրերը, բայց աջակցում է տվյալների բազաների և գործառույթների հետ աշխատել բոլոր հարթակներում:
Ինչ վերաբերում է ինձ, ես հաճախ եմ փոխում WYSIWYG ծրագրերը՝ փորձելով տարբեր ընկերությունների նոր տարբերակներ և ապրանքներ։
Այսքանը, ես ձեզ հաջողություն եմ մաղթում ձեզ համար ճիշտ խմբագիր գտնելու հարցում: Կիսվեք հղումով ձեր ընկերների հետ և անպայման բաժանորդագրվեք իմ բլոգին մեկնելուց առաջ: Նախագծում կան շատ ավելի օգտակար հոդվածներ։ Ցտեսություն!
Հարգանքներով՝ Ռոման Չուեշով
Երբ խոսքը վերաբերում է կոդերի խմբագրիչներին, երբեմն դժվար է հստակ պատկերացում կազմել այն բոլոր առավելությունների և գործառույթների մասին, որոնք առաջարկում են տարբեր խմբագրիչներ: Այնուամենայնիվ, ի վերջո առնվազն մեկը պահանջվում է, ուստի կարևոր է իմանալ, թե որ խմբագիրն է լավագույնս համապատասխանում ձեր անձնական կարիքներին:
WYSIWYG-ի խմբագիրները հաճախ քննադատվում են ձեռագործների կողմից՝ իրենց արտադրած փքված, խառնաշփոթ և ստանդարտներին անհամատեղելի կոդերի համար: Այնուամենայնիվ, WYSIWYG-ի խմբագիրները վերջերս շատ ավելի լավացել են: Երբեմն դուք պետք է ձեր հաճախորդներին տրամադրեք ամենահեշտ գործիքները՝ խմբագրելու կամ թարմացնելու իրենց կայքերը: Եվ այստեղ WYSIWYG խմբագիրներն անփոխարինելի են:
Սխալ կլիներ ձեզ խորհուրդ տալ որոշ «լավագույն» խմբագիրներ, քանի որ ընտրությունը միշտ կախված է ձեր կարիքներից, հիմնական նպատակներից, հմտություններից և փորձից։ Հետևաբար, այս հոդվածում մենք փորձել ենք ձեզ ներկայացնել տարբեր, օգտակար և ոչ այնքան WYSIWYG խմբագիրների ակնարկ:
Հուսով ենք, որ դուք կգտնեք նոր խմբագիրներ, որոնց մասին նախկինում երբեք չեք լսել: Կամ գուցե դուք գտնեք որոշ գործառույթներ, որոնք բաց եք թողել ձեր սիրելի խմբագրիչում, կամ համարձակվում եք փորձարկել մի շարք խոստումնալից տարբերակներ՝ բարելավելու ձեր աշխատանքային հոսքը: Բացի այդ, դուք կարող եք պարզել, թե որ խմբագրիչներից կարող եք օգտագործել, և որ գործիքները չպետք է օգտագործեք:
Ինչ է դա նշանակում WYSIWYG?
Նման խմբագրիչներում դուք կարող եք փոխել ոչ թե ձեր փաստաթղթերի սկզբնական կոդը, այլ դրա ներկայացումը, որը (հնարավորության դեպքում) կհրապարակվի վերջնական փաստաթղթում։ Այսպիսով, կոդերի բլոկները ձեռքով գրելու փոխարեն, դուք կառավարում եք դիզայնը բաղադրիչներով, օգտագործելով խմբագրիչի պատուհանը: Սա նշանակում է, որ դուք տեսնում եք մի բան, որը շատ նման է վերջնական արդյունքին, թեև փաստաթուղթը կամ պատկերը դեռ ստեղծվում է:
ՆշումԱյս հոդվածը ներկայացնում է միայն աշխատասեղանի վրա հիմնված WYSIWYG խմբագիրները, որոնք աշխատում են Windows, Linux կամ Mac-ում: Այն չի տրամադրում JavaScript WYSIWIG խմբագիրների ընդհանուր ակնարկ, բայց դուք կարող եք գտնել այդպիսի խմբագրիչների ընդարձակ ակնարկ կամ .
Adobe Dreamweaver
Dreamweaver (Win/Mac)Նախկինում Macromedia-ի արտադրանքը՝ Dreamweaver-ը ամենալայն օգտագործվող խմբագիրներից մեկն է, որը կարող է օգնել մշակողներին բարելավել իրենց աշխատանքային հոսքը և խնայել տոննա ժամանակ՝ կոդավորման ժամանակ: Այնտեղ, որտեղ Dreamweaver-ի նախորդ տարբերակները երբեմն ստեղծեցին տարօրինակ կոդ, վերջին տարբերակը կարող է առաջացնել (շատ ժամանակի) ամբողջովին մաքուր նշում:
Dreamweaver-ը նաև տրամադրում է տարբեր օգտակար գործիքներ, ինչպիսիք են կոդի հատվածի գրադարանները, ftp կառավարումը, վրիպազերծման սերվերը և ինտեգրված կոդավորումը: Օրինակ, դուք կարող եք դիտել CSS տեղեկատվությունը մեկ, միասնական CSS վահանակում, ինչը հեշտացնում է հատուկ տարրերի վրա կիրառվող ոճերը, որոշել, թե որտեղ են սահմանվում ատրիբուտները և խմբագրել գոյություն ունեցող ոճերը: Տես նաև Dreamweaver-ի ձեռնարկների մեր ցանկը: Գինը՝ $400 (CS3 տարբերակ):
Dreamweaver-ի բազմաթիվ առանձնահատկություններից մի քանիսը.
* Ընդլայնված CSS խմբագրում
* Ինտեգրված կոդավորման միջավայր
* Spry շրջանակ Ajax-ի համար
* Ստուգեք բրաուզերի համատեղելիությունը:
* Ինտեգրում Photoshop CS3-ի և Fireworks-ի հետ:
* Կոդի հատվածներ (ինչպես CSS ձևաչափերը)
* FTP կառավարում
* XML աջակցություն
* FLV աջակցություն
* Ուսուցման ռեսուրսներ (օրինակ՝ Adobe CSS Advisor)
* Dreamweaver-ի բազմաթիվ ընդարձակումներ:
Ամայա
Ամայա (Win/Mac/Linux)
Այն, ինչ իրականում առանձնացնում է Amaya-ն մնացածից այն է, որ այն վեբ բրաուզերի և վեբ էջի խմբագրի հիբրիդ է, այնպես որ կարող եք զննել համացանցը և խմբագրել ձեր էջերը նույն հավելվածում: WWW կոնսորցիումի կողմից ստեղծված այս գործիքը թույլ է տալիս կառավարել կայքերը, փոփոխել և թարմացնել դրանց բովանդակությունը, ավելացնել նոր պատկերներ և հղումներ։ Իհարկե, եթե Ամայան կարողանա ցուցադրել այս էջերը: 
Խմբագրի վերջին տարբերակը, Ամայա 10, թողարկվել է 2008 թվականի փետրվարին։ Այն կարող է միաժամանակ աշխատել բազմաթիվ փաստաթղթերի հետ ((X)HTML, MathML(. Mml) և SVG (. Svg) փաստաթղթերը կարող են միաժամանակ ցուցադրվել և խմբագրվել): Օրինակ, դուք կարող եք տեղադրել մաթեմատիկական բանաձևեր՝ օգտագործելով թռուցիկ. Amaya-ն դրանք փոխակերպում է Math-ML-ի միջոցով:
Ամայաներառում է նաև անոտացիայի միասնական հավելված (նոտացիաներ, արտաքին մեկնաբանություններ, ծանոթագրություններ, դիտողություններ, որոնք կարող են կցվել ցանկացած վեբ փաստաթղթին կամ փաստաթղթի որոշակի մասի) և աջակցում է SVG, RDF և XPointer: բաց կոդով։
Rapidweaver
RapidWeaver (Mac)
RapidWeaverԿաղապարների վրա հիմնված վեբ կայքերի ստեղծման հզոր գործիք է, որը կարող է ստեղծել բոլոր տեսակի էջեր, ինչպիսիք են տեքստային էջերը, բլոգները, կոնտակտային ձևերը, պատկերների պատկերասրահները և Flash սլայդերի ցուցադրությունները, և ունի ներկառուցված FTP կառավարիչ և ինտեգրում iPhoto-ի և .Mac-ի հետ: 
Խմբագիրը ներառում է փոդքասթինգ, ներդիրային մեկնաբանություններ, RSS հոսքեր, մշտական հղում և հատկորոշման աջակցություն: RapidWeaver-ը նաև SEO ընկերական կլինի: Այն նաև ունի բազմաթիվ հզոր առանձնահատկություններ, ինչպիսիք են թեմայի փոփոխումը, php-ի մատուցումը, խառնել և համընկնել WYSIWYG-ին և HTML-ին, խելացի հրատարակմանը, XHTML-ի և CSS-ի վրա հիմնված կայքի ելքը, սկզբնական կոդի զննումը, ներկառուցված սխալների ստուգումը: Բոլոր ձևանմուշները հիմնված են XHTML և CSS-ի վրա: Ուշագրավն այն է RapidWeaverստեղծում է վավեր կոդ: Գինը՝ $49։
Adobe Contribute
Adobe Contribute
Adobe Contribute-ի հիմնական նպատակն է հնարավորություն ընձեռել խմբագրել կայքերը և բլոգները օգտատերերի համար՝ առանց որևէ տեխնիկական գիտելիքների: Contribute CS3-ը թույլ է տալիս հեղինակներին թարմացնել առկա կայքերն ու բլոգները՝ պահպանելով կայքի ամբողջականությունը: Contribute-ն առաջարկում է Dreamweaver-ի ինտեգրում, հոսթինգ Microsoft Office-ի հետ և խմբագրում IE 7-ից և Firefox-ից: 
Այս WYSIWYG խմբագրիչի միջոցով հեղինակները կարող են խմբագրել կամ թարմացնել ցանկացած կայք կամ բլոգ՝ առանց HTML սովորելու: Գինը՝ $169 (CS3 տարբերակ):
Adobe Live
Adobe Golive (Win/Mac)
Ապրիլին Adobe-ը դադարեցրեց GoLive 9-ի մշակումն ու վաճառքը: Adobe GoLive-ը խրախուսում է օգտվողներին անցնել Dreamweaver-ին, որից հետո, հավանաբար, չպետք է առաջարկեք GoLive-ը (իրականում զարմանալիորեն հզոր խմբագրման գործիք (տես ստորև) ձեր հաճախորդների համար: 
Adobe GoLive 9-ի որոշ առանձնահատկություններ.
* Դիզայներական ոճեր
* Տեսողական CSS դասավորություն
* Տեղադրել հրամանը
* Adobe InDesign® ինտեգրում
* Գույնի կառավարում
* Պլատֆորմի աջակցություն
* Կայքի կառավարման գործիքներ
* Հրապարակել սերվերը
* Խելացի օբյեկտներ
Microsoft Expression Web
Microsoft Expression (Windows)
Ժամանակին խիստ քննադատության ենթարկվելով իր իսկապես վատ վեբ խմբագրի (Frontpage) համար, Microsoft-ը վերջերս ստեղծեց մի խմբագիր՝ Expression, որը կարծես շատ բան է ժառանգել իր նախորդներից: Expression-ը փորձել է հարմարավետ միջավայր ստեղծել ինտերնետի օգտատերերի համար՝ հնարավորություններով, որոնք չափազանց նման են Adobe Dreamweaver-ին: Այնուամենայնիվ, ուղղակի համեմատության մեջ Dreamweaver-ն առաջարկում է ավելին և արտադրում է ավելի մաքուր կոդ: Այնուամենայնիվ, Expression-ը արտադրում է պատշաճ, ստանդարտներին համապատասխան կոդ և գիտի, թե ինչպես աշխատել CSS և CSS դասավորությունների հետ:
Ստուդիական թողարկումն այլ ծրագրային հավելվածներով (գրաֆիկական դիզայնի գործիք, վիդեո կոդավորման գործիք և այլն) արժե մոտ. $500։ One Expression լիցենզիան արժե $350: Դուք կարող եք ստանալ Expression՝ թարմացնելով Frontpage-ը և խնայել գումար: 60 օրվա փորձնական տարբերակը ներբեռնման համար անվճար է, սակայն գրանցումը պարտադիր է:
Խնդրում ենք նկատի ունենալ. Expression-ը Frontpage-ի իրավահաջորդը չէ, դրանք բավականին տարբեր զարգացման գործիքներ են: Microsoft Expression-ը ավելի շատ նման է Microsoft SharePoint Designer-ին, այն ավելի շատ դիզայներական կողմնորոշված է և ուղղված է ընդհանուր վեբ զարգացմանը: Microsoft SharePoint Designer-ը կենտրոնանում է SharePoint-ի վրա հիմնված կայքերի մշակման և հարմարեցման վրա, այն կարելի է համարել Frontpage-ի մեծ եղբայրը: 
Microsoft Expression-ի որոշ առանձնահատկություններ.
* ASP.NET 2.0 ինտեգրում
* Ընդլայնված CSS մատուցում
* XPath Expression Builder
* Կառուցեք և ձևաչափեք արդյունաբերության ստանդարտ XML տվյալների տեսակետները
* Նշեք գույքի ցանցը
* Մատչելիության ստուգում
* Ստանդարտների իրական ժամանակի վավերացում
* Ամբողջական սխեմայի աջակցություն
Այս խմբագրիչը պետք է իրական այլընտրանք լինի գերիշխող արտադրանքներին. WYSYWIG խմբագիր Linux-ի, Microsoft Windows-ի և Mac-ի համար, որը կարող է մրցակցել FrontPage-ի և Dreamweaver-ի հետ: Եվ որոշ առումներով Nvu-ն ապահովում է ավելին, քան դուք ակնկալում էիք ամբողջովին անվճար ծրագրաշարից:
Nvu-ն (արտասանվում է N-view, «new-view») առաջարկում է ինտեգրված FTP մենեջեր, հզոր աջակցություն ձևերի, աղյուսակների և ձևանմուշների համար և իսկապես հեշտ է օգտագործել: CaScadeS-ը, որը հայտնի CSS խմբագիրն է, որպես հավելյալ մոդուլ ինտեգրվում է Nvu-ի հետ և հեշտացնում է ոճերի ստեղծումն ու կառավարումը, ինչպես նաև տեսնում, թե ինչպես են ձեր ոճերը անմիջապես կիրառվում փաստաթղթում, որը փոփոխում եք: 
Nvu-ն բաց կոդով է և թողարկվել է Mozilla հանրային լիցենզիայի ներքո (MPL): Ցավոք, ԵԿՄ-ի զարգացումը վերջին տարիներին չի շարունակվում։ NVU-ի բարելավված տարբերակը կարելի է գտնել այստեղ՝ KompoZer:
NVU-ի որոշ առանձնահատկություններ.
* Կայքի կառավարիչը թույլ է տալիս դիտել ձեր ստեղծած կայքերը:
* XML աջակցություն:
* Ներկառուցված վավերացուցիչ:
Կոմպոզիտոր
KompoZer (Win/Mac/Linux)
Այս գործիքը NVU-ի ճյուղն է, որը մշակվել է NVU-ի հետագա զարգացման դանդաղումից հետո: KompoZer-ը վեբ հեղինակային համակարգ է, որը միավորում է վեբ ֆայլերի կառավարիչը և WYSIWYG խմբագրիչը:
KompoZer-ը չափազանց հեշտ է օգտագործել, ինչը այն դարձնում է հարմար լուծում այն օգտատերերի համար, ովքեր ցանկանում են ստեղծել կայքեր՝ առանց տեխնիկական գիտելիքներ ստանալու: Համեմատած NVU-ի հետ՝ Kompozer-ը արտադրում է մաքուր նշագրման կոդ: 
Վերջին տարբերակը թողարկվել է 2007 թվականի օգոստոսին։ Kompozer-ը կարող է դիտարկվել որպես այլընտրանք փոքր նախագծերի և տեխնիկական գիտելիքներ չունեցող օգտվողների համար: Բայց դա միանշանակ չափազանց թույլ է պրոֆեսիոնալ վեբ մշակողների համար:
Namo WebEditor 2006 թ
Namo WebEditor 2006 (Win)
Namo WebEditor-ը միավորում է գրեթե բոլոր գործիքները, որոնք անհրաժեշտ են կայքեր ստեղծելու համար պարզ և ինտուիտիվ ինտերֆեյսով: Ինտերֆեյսի տարրերը չափազանց պարզ են, պարզ և հեշտ օգտագործման համար: Դուք կարող եք անցնել դիզայնի խմբագրիչի, HTML բրաուզերի և լուսանկարների դիտողի միջև: Դուք կարող եք նաև օգտագործել մի շարք մոգեր՝ ձեր աշխատանքային հոսքը ավտոմատացնելու համար: Namo-ն հզոր է, բայց նրա WYSIWYG հնարավորությունները սահմանափակ են: Խմբագիրը չի թարմացվել 2006 թվականից ի վեր, այդ իսկ պատճառով սկզբնական կոդ ստեղծելը երբեմն չափազանց տարօրինակ է: Namo Pro Web Editor-ը գալիս է Flash խմբագրիչով, ինչպես նաև գրաֆիկական ծրագրերով: Թեստային տարբերակը հասանելի է: Գինը՝ 99,95 դոլար։ 
Namo Webeditor-ի որոշ առանձնահատկություններ.
* Կոդերի օգնականներ՝ ավտոմատ փակվող պիտակների համար
* Արագ պիտակների խմբագիր
* Պիտակների ընտրիչ
*HTML/CSS հղում
Evrsoft Առաջին էջ 2006 թ
Evrsoft Առաջին Էջ 2006 (Հաղթում)
Իրականում այս խմբագիրը շատ թերագնահատված է: Այն այնքան էլ տարածված չէ և չի թարմացվել 2006 թվականից ի վեր, սակայն այն ունի շատ օգտակար հատկություններ, որոնք կարող են ներառվել ժամանակակից WYSIWYG խմբագրիչների մեջ: Օրինակ, Auto History ֆունկցիան հիշում է բոլոր ատրիբուտներն ու արժեքները, որոնք օգտագործվել են և ինքնաբերաբար առաջարկում է «ճիշտ» արժեքը:
Dual Preview Engine-ը թույլ է տալիս Ձեզ դիտել վեբ փաստաթղթերը բազմաթիվ բրաուզերում՝ First Page 2006-ով: Դուք կարող եք նախադիտել ձեր աշխատանքը Internet Explorer-ում, Mozilla-ում կամ դիտել էջերը երկու բրաուզերում կողք կողքի (հորիզոնական/ուղղահայաց վահանակներ): Իսկ իրական ժամանակում դիտեք կոդը և խմբագրեք փաստաթղթերը:
Առաջին էջն անվճար է: Նմանատիպ անվճար այլընտրանք (նաև չի թարմացվել 2005 թվականից). Selida HTML Editor: 
Առաջին էջի որոշ առանձնահատկություններ.
* CSS դասի աջակցություն և ավտոմատ հայտնաբերում
* Շարահյուսության ընդգծում
* Փաստաթղթերի ընտրության պիտակավորման գործիք
* Նշեք ավտոմատ ավարտը
* Կոկիկ HTML էլեկտրական գործիքներ
* Նախադիտեք IE-ում, երբ մուտքագրեք
* Պատկերի քարտեզագրող
* CSS Style Sheet Designer
* Սերվերի կողմը ներառում է աջակցություն
* Բարձր կարգավորելի Գործիքադարակներ և ինտերֆեյս
* FTP հաճախորդ
* Ընդլայնված որոնում և փոխարինում ֆայլերում
Microsoft SharePoint դիզայներ
Microsoft SharePoint Designer 2007 (Win)
Այն Microsofts Frontpage-ի իրավահաջորդն է: SharePoint Designer-ը ստանդարտ WYSIWYG խմբագիր է: Բացի ինտերակտիվ ASP.NET էջերին աջակցելուց, այն հեղափոխական ոչինչ չի առաջարկում: Հասանելի է անվճար փորձնական տարբերակը: Կա առցանց տարբերակ, որը պահանջում է Internet Explorer-ը և մեծ համբերություն: 
Sharepoint-ի որոշ առանձնահատկություններ.
* ինտերակտիվ ASP.NET էջերի աջակցություն
* Ստեղծեք տվյալների դիտումներ RSS, XML, Office XML-ից
* համագործակցել ներկառուցված Workflow Designer-ի հետ
* CSS գործիքներ
* Հետևեք հարմարեցված էջերին
* ուղղագրության ստուգիչ
* SharePoint Server 2007 ինտեգրում
NetObjects Fusion
NetObjects Fusion
Այս խմբագրիչը ժամանակին, հավանաբար, ամենավատ, բայց դեռևս շատ հայտնի WYSIWYG խմբագիրն էր: Այն ստեղծեց սարսափելի կոդ (միայն MS Word-ը վատթարացրեց այն), բայց հաճախ օգտագործվում էր վեբ հոստինգ ընկերությունների և պրովայդերների կողմից: NetObjects Fusion-ը թույլ է տալիս ստեղծել կայքեր առանց որևէ տեխնիկական գիտելիքների: Հատկապես, եթե ցանկանում եք ստեղծել այցեքարտ, կարող եք դա անել րոպեների ընթացքում: Բայց եթե ցանկանում եք ստեղծել պրոֆեսիոնալ կայք, NetObjects-ը այն տարբերակ չէ, որն արժե քննարկել:
NetObjects Fusion 10 տարբերակը ներկայումս հասանելի է: Ստեղծված սկզբնական կոդի որակը կարող է փոխվել, բայց դա իրականում նշանակություն չունի: Կա փորձնական տարբերակ, որը պահանջում է գրանցվել խանութում: Ահա թե ինչու մենք չունենք այս ապրանքի սքրինշոթ: Գինը: հարյուր.
Quanta Plus
Quanta Plus (Linux)Quanta Plus-ը կայուն, շատ հարմար և հնարավորություններով հարուստ վեբ մշակման միջավայր է: Quanta-ն ստեղծել է խմբագիր, որը նախատեսված է արդյունավետ և բնական զարգացման համար և առավելագույն ընդարձակելիությամբ օգտագործողի համար:
Խմբագիրն աջակցում է ինչպես ձեռքի կոդավորման, այնպես էլ WYSIWYG ինտերֆեյսի: Այն ունի հետևյալ հնարավորությունները՝ պիտակների ավտոմատ լրացում, երբ դուք մուտքագրում և խմբագրում եք պիտակներ երկխոսության միջերեսում, նախագծի կառավարում, PHP կոդը կարգաբերելու հնարավորություն: Այն ունի նաև տեսողական CSS խմբագիր, CSS-ի ավարտ, բարձր ընդարձակելիություն և նախադիտում: 
Խմբագիրն ունի նաև հետաքրքիր առանձնահատկություններ նախագծերի կառավարման համար, ներառյալ աջակցություն ինչպես տեղական, այնպես էլ հեռավոր (ցանցով) նախագծերին: Նախագծերը կարելի է ներբեռնել տարբեր սերվերներից՝ օգտագործելով տարբեր արձանագրություններ: Ներառված է CVS աջակցություն, Subversion աջակցությունը հասանելի է արտաքին հավելումների միջոցով: Quanta-ն հիմնված է KDE-ի վրա: Թողարկվել է GPL լիցենզիայի ներքո:
ավտոմայրուղի
Ավտոմայրուղի (Mac)
Freeway (ի սկզբանե Uniqorn) գալիս է երկու համով, Freeway Pro և Freeway Express: Freeway 5 Pro-ն կարող է օգտագործվել CSS դասավորություններ ստեղծելու համար՝ օգտագործելով բացարձակ դիրքավորում: Ընդլայնված տարբերակում, օրինակ, MySQL տվյալների բազայի միացումը սկրիպտային լեզվով, ինչպիսին է PHP-ն, կատարվում է «Գործողություններ» կոչվող հավելվածների միջոցով։ Որոշ Գործողություններ կարելի է անվճար ներբեռնել մի քանի կայքերից, սակայն կան նաև առևտրայիններ, ինչպիսիք են երրորդ կողմի գործողությունները:
Կա փորձնական տարբերակ, որը պահանջում է լրացնել բավականին երկար վեբ ձև: Freeway-ը առաջադրվել է Macworld 2008 մրցանակաբաշխության «Տարվա ստեղծագործական վեբ արտադրանք» անվանակարգում: Եթե դուք օգտագործում եք Mac, ապա Freeway-ը RapidWeaver-ի հետ միասին առաջին տարբերակն է, որն արժե քննարկել: 
Ավտոմայրուղու որոշ առանձնահատկություններ.
* Բազմաթիվ վարպետ էջեր
* Դասավորության գործիքներ
* Կապել քարտեզը
* Կապի ոճերը
* Ինտեգրված .Mac վերբեռնում
*Internet Explorer-ի համատեղելիություն
* Աջակցություն կտրատված ֆոնային պատկերներին
* Ներկառուցված նախադիտում մայրուղու ներսում (Safari/Webkit)
* Ամբողջական EPS (Պանտերա և ավելի ուշ), Illustrator, Photoshop շերտավոր ֆայլերի ներմուծում
* Ավտոմայրուղի խանութ
* Աշխատեք Blogger-ի կաղապարների հետ
Seamonkey կոմպոզիտոր
SeaMonkey կոմպոզիտոր (Win/Mac/Linux)
Այս խմբագրիչը պարզ, բայց շատ հզոր այլընտրանք է խոշոր առևտրային հավելվածներին: Լինելով Netscape Composer-ի իրավահաջորդը, SeaMonkey Composer-ը իսկապես կապ չունի դրա հետ: 
Խմբագիրը հզոր է, բայց պարզ, որն առաջարկում է դինամիկ պատկերներ և աղյուսակի չափափոխում, արագ տեղադրում և ջնջում աղյուսակի բջիջներից, առաջադեմ CSS աջակցություն և դիրքավորված շերտերի աջակցություն: WYSIWYG խմբագիր՝ ներկառուցված SeaMonkey-ում:
Ստեղծել
Ստեղծել (Mac)
Create-ը համատեղում է հավելվածների հիմնական հատկանիշները, ինչպիսիք են Illustrator, InDesign, Pages, GoLive, Canvas, Dreamweaver, QuarkExpress, և կազմակերպում է դրանք հեշտ օգտագործման համար, այն էժան է, որը նախատեսված է OS X-ի համար: Ի թիվս այլ բաների, կարող եք հղումներ ավելացնել տեքստի և գրաֆիկայի վրա: drag-n-drop-ի միջոցով կա մի գործիք, որն ավտոմատ կերպով ստեղծում է նավիգացիան և ինդեքսը, և դուք կարող եք ստեղծել PDF ֆայլեր և կայքեր նույն փաստաթղթից:
WYSIWYG Web Builder
WYSIWYG Web Builder
Վեբ Builder-ը շատ հարմարեցվող և ընդարձակվող հավելված է՝ բազմաթիվ հնարավորություններով, սցենարներով և ձևանմուշներով: Դիզայնի նոր տարրեր կարող են ավելացվել drag"n"drop-ի միջոցով, և առկա են բազմաթիվ սցենարներ: Հնարավոր է խմբագրել պատկերները ծրագրաշարի ներսում: 
PayPal էլեկտրոնային առևտրի գործիքներ ինտեգրված; կա RSS Feed օբյեկտ, ներկառուցված RSS-ով բլոգ և Google-ի հետ համատեղելի SiteMap գեներատոր: Խմբագիրն ունի նաև բազմաթիվ ընդարձակումներ, ինչպիսիք են գաղտնաբառի պաշտպանությունը, RSS հոսքը, RSS վերլուծիչը, լուսանկարների ալբոմը և լուսատուփերը:
Եթե դուք ունեք հարցեր, խնդրում ենք օգտագործել մեր
Ուղարկել ձեր լավ աշխատանքը գիտելիքների բազայում պարզ է: Օգտագործեք ստորև ներկայացված ձևը
Ուսանողները, ասպիրանտները, երիտասարդ գիտնականները, ովքեր օգտագործում են գիտելիքների բազան իրենց ուսումնառության և աշխատանքի մեջ, շատ շնորհակալ կլինեն ձեզ:
Նմանատիպ փաստաթղթեր
HTML ծրագրավորման լեզու. նրա մուլտիմեդիա և գրաֆիկական հնարավորությունները: Վեբ կայքերի նախագծման և ստեղծման պահանջներ. Համակարգչային գիտության և տեղեկատվական և հաղորդակցական տեխնոլոգիաների դպրոցական դասընթացում «Վեբ դիզայն» ուսումնասիրության մեթոդական մշակումներ.
կուրսային աշխատանք, ավելացվել է 09/12/2012 թ
Ուսումնական և մեթոդական փաստաթղթերի վերլուծություն: Թեմայի վերաբերյալ դասերի համակարգի նախագծման մեթոդներ: Թեմատիկ հսկողության միջոցների նախագծման բնութագրերը. Ուսումնական նյութի կառուցվածքային-տրամաբանական վերլուծություն. Տեսական դասավանդման դասերի պլանի մշակում.
կուրսային աշխատանք, ավելացվել է 21.05.2015թ
Երեխաների ստեղծագործության հոգեբանական առանձնահատկությունները. Խաղի և մանկական դիզայնի հարաբերությունները. Ուսուցման կազմակերպման տարբեր ձևեր՝ ուղղված երեխաների ինքնաբուխ ձևավորման թերությունների հաղթահարմանը: Մանկական դիզայնի առանձնահատկությունները.
կուրսային աշխատանք, ավելացվել է 24.06.2011թ
Լսողության խանգարումներ ունեցող ուսանողների ուսուցման առանձնահատկությունները. Դպրոցականներին հիպերտեքստի ստեղծման տեխնոլոգիաներ սովորեցնելու առանձնահատկությունները. Լսողության խանգարում ունեցող 11-րդ դասարանի աշակերտներին HTML լեզվով վեբ էջեր ստեղծելու տեխնոլոգիաների ուսուցման ծրագրի մշակում։
թեզ, ավելացվել է 25.04.2011թ
Կրթությունը որպես սոցիոմշակութային երևույթ, դրա մոդելների բնութագրերը. Դրա բովանդակության կառուցման և կառուցվածքի ուղիները: Կրթության հիմնական տարրերը որպես կոնկրետ ուսումնական հաստատություն. Ժամանակակից կրթական համակարգի հատկությունները.
թեստ, ավելացվել է 03/25/2010
Ինտերակտիվ գրատախտակը որպես մուլտիմեդիա գործիք, դրա օգտագործումը քոլեջում տեխնիկական առարկաների դասավանդման ժամանակ: «Ավտոմոբիլային սարքավորումների նախագծում և արտադրություն» առարկայի դասերի մեթոդական մշակում: Դասի զարգացման տեխնոլոգիա.
թեզ, ավելացվել է 13.06.2011թ
Օրիգամիի արվեստի պատմության ուսումնասիրություն. Ծանոթություն տարրական դպրոցում օրիգամիի տեխնիկայի արտադրանքի ներդրման կրթական և մեթոդական առաջարկություններին: Նախնական փուլում թղթից մոդելավորման և նախագծման գործընթացի դիտարկում և վերլուծություն:
թեզ, ավելացվել է 24.09.2017թ
վերահսկողական աշխատանք, ավելացվել է 16.11.2013թ
