Lojisyèl pou Layout sou sit wèb

Yon paj entènèt senp pou yon Maker layout ki gen eksperyans oswa yon pwogramè entènèt se pa difisil nan konsepsyon ak yon editè tèks senp. Men, fè travay konplèks nan zòn sa a nan aktivite, li rekòmande yo sèvi ak lojisyèl espesyalize. Sa yo ka editè tèks avanse, aplikasyon pou konplèks multi yo rele zouti devlopman entegre, editè imaj, elatriye. Nan atik sa a, nou jis konsidere lojisyèl an ki fèt pou Layout nan sit.

Notepad ++

Premye a tout, kite la kòmanse ak yon deskripsyon editè tèks avanse, ki fèt pou fasilite travay la nan designer a layout. Natirèlman, pwogram ki pi popilè nan kalite sa a se notepad ++. Solisyon lojisyèl sa a sipòte sentaks anpil langaj pwogramasyon, osi byen ke kodaj tèks yo. Kòd en ak nimero liy fasilite travay la nan pwogramasyon nan divès jaden. Sèvi ak ekspresyon regilye fè li pi fasil jwenn ak modifye seksyon nan kòd ki menm jan an nan estrikti. Byen vit fè menm kalite aksyon yo pwopoze pou anrejistre makro yo. Li posib siyifikativman elaji ak fonctionnalités konsa rich ak èd nan grefon entegre.

Gade tou: Analog Notepad ++

Pami enpèfeksyon yo ka rele yo sèlman tankou yon ézitan "mwens", kòm prezans nan yon gwo kantite fonksyon ki enkonpreyansib a itilizatè an mwayèn.

Download Notepad ++

Sublimetext

Yon lòt editè tèks avanse pou pwogramasyon entènèt yo se SublimeText. Li konnen tou ki jan yo travay avèk anpil lang, ki gen ladan Java, HTML, CSS, C + +. Lè w ap travay avèk kòd la, ekleraj, otokomplete ak numerotasyon yo te itilize. Yon karakteristik trè pratik se sipò a pou koupe, ak ki ou ka aplike espas vid. Itilize ekspresyon regilye ak makro yo ka bay anpil ekonomi tan tou pou rezoud pwoblèm lan. SublimeText pèmèt ou travay ansanm sou kat panno. Elaji fonksyonalite nan pwogram nan pa enstale plòg-ins.

Dezavantaj prensipal la nan aplikasyon an, lè yo konpare ak Notepad ++, se mank nan yon koòdone lang Ris, ki lakòz sèten enkonvenyans sitou pou itilizatè san eksperyans. Epitou, se pa tout itilizatè tankou notifikasyon an ki parèt ak yon òf pou achte yon lisans nan fenèt vèsyon gratis pwodwi a.

Download SublimeText

Parantèz

Nou konkli deskripsyon an nan editè tèks gen entansyon pou layout a nan paj wèb ak yon BECA de aplikasyon an parantèz. Zouti sa a, tankou analogue anvan yo, sipòte tout markeup pi gwo ak lang programmation ak en nan ekspresyon yo ki koresponn ak nimero liy. Mete aksan sou aplikasyon an se prezans nan yon fonksyon "Live Preview", avèk èd nan ki ou ka wè nan tan reyèl nan navigatè a tout chanjman ki fèt nan dokiman an, menm jan tou entegrasyon nan meni an kontèks. "Explorer". Brackets toolkit a pèmèt ou browse entènèt la nan mòd debug. Atravè fenèt la pwogram ou ka manipile dosye miltip an menm tan an. Kapasite nan enstale ekstansyon twazyèm-pati pouse limit yo nan fonksyonalite a menm plis.

Li boulvèse sèlman prezans nan kèk Partitions ki pa Ris nan pwogram nan, menm jan tou posibilite pou lè l sèvi avèk fonksyon an "Live Preview" sèlman nan navigatè Google Chrome.

Download parantèz

Gimp

Youn nan pi popilè nan mitan editè imaj avanse ki ka itilize avèk siksè, ki gen ladan pou fòmasyon nan kontni entènèt, se GIMP. Espesyalman pratik yo itilize pwogram nan trase konsepsyon an nan sit la. Avèk èd nan pwodwi sa a li posib trase ak edit imaj fini, lè l sèvi avèk yon varyete de zouti (bwòs, filtè, flou, seleksyon, ak plis ankò). GIMP sipòte travay ak kouch ak ekonomize espas vid nan fòma pwòp li yo, ak ki ou ka reprann travay nan plas la menm kote li te fini, menm apre yon rekòmanse. Istwa a chanjman ede kenbe tras nan tout aksyon ki te aplike nan foto a, epi si sa nesesè, anile yo. Anplis de sa, pwogram nan ka travay ak tèks la aplike nan imaj la. Sa a se sèlman aplikasyon an gratis nan mitan analòg ki ka ofri tankou yon fonksyonalite moun rich.

Pami enpèfeksyon yo, li posib pou mete aksan sou efè okazyonèl ralentissement akòz gwo entansite resous pwogram lan, osi byen ke difikilte konsiderab nan konprann algorithm nan travay pou débutan.

Download GIMP

Adobe Photoshop

Yon analogik peye nan GIMP se Adobe Photoshop. Li se menm pi popilè paske li te lage pi bonè epi li gen plis fonctionnalités avanse. Fotoschop se itilize nan anpil zòn nan devlopman entènèt. Avèk li, ou kapab kreye, edite ak konvèti imaj. Pwogram lan ka travay avèk kouch ak modèl 3D. Nan ka sa a, itilizatè a gen kapasite pou yo sèvi ak yon menm pi gwo seri zouti ak filtè pase nan GIMP.

Pami dezavantaj prensipal yo se difikilte pou nan metrize tout fonksyonalite yo nan Adobe Photoshop. Anplis de sa, kontrèman ak GIMP, se zouti sa a peye ak yon peryòd esè nan jis 30 jou.

Download Adobe Photoshop

Aptana estidyo

Gwoup la pwochen nan pwogram pou Layout paj entènèt la se zouti devlopman entegre. Youn nan reprezantan ki pi popilè li yo se Aptana Studio. Solisyon lojisyèl sa a se yon zouti konplè kreyasyon sit ki gen ladan yon editè tèks, yon debugjeur, yon du, ak yon zouti automatisation asanble. Sèvi ak aplikasyon an, ou ka travay avèk kòd la pwogram nan anpil lang pwogramasyon. Aptana Studio sipòte manipilasyon similtane ak plizyè pwojè, entegrasyon ak lòt sistèm (an patikilye, ak sèvis Cloud Aptana), osi byen ke koreksyon aleka nan kontni sit.

Dezavantaj prensipal yo nan Aptana Studio se difikilte pou an nan metrize ak mank nan yon entèfas lang Ris.

Download Aptana Studio

Webstorm

Analogik nan pwogram Aptana Studio a se WebStorm, ki tou ki dwe nan klas la nan sistèm devlopman entegre. Pwodwi lojisyèl sa a gen yon editè kòd pratik ki sipòte yon lis enpresyonan nan divès lang pwogram ... Pou pi gwo konfò itilizatè, devlopè yo te bay opòtinite pou yo chwazi konsepsyon espas travay la. Pami "avantaj yo" nan Tanpèt entènèt, ou ka mete aksan sou prezans nan Node.js zouti nan debogaj ak amann-melodi bibliyotèk yo. Fonksyon "Live Edit" bay kapasite nan wè nan navigatè a tout chanjman sa yo. Zouti pou kominike ak sèvè wèb la pèmèt ou edite ak Customize sit la adistans.

Anplis de mank nan yon entèfas lang Ris, WebStorm gen yon lòt "mwens", ki, nan chemen an, se pa prezan nan Aptana Studio, savwa, bezwen pou peye pou lè l sèvi avèk pwogram nan.

Download WebStorm

Paj devan

Koulye a, konsidere blòk la nan aplikasyon sa yo rele vizitè editè HTML. Ann kòmanse ak yon revizyon pwodwi Microsoft yo rele Front Page. Pwogram sa a te trè popilè, menm jan li te yon fwa yon pati nan pakè a Microsoft Office. Li ofri posibilite pou Layout nan paj wèb nan yon editè vizyèl, ki ap travay sou prensip la nan WYSIWYG ("sa ou wè, ou pral jwenn"), tankou nan pawòl Bondye a processeur. Si ou vle, itilizatè a kapab louvri yon editè estanda html yo travay avèk kòd la, oswa konbine tou de mòd sou yon paj separe. Anpil zouti fòma tèks yo bati nan koòdone aplikasyon an. Gen yon korektè eple. Nan yon fenèt separe, ou kapab wè ki jan paj entènèt la ap gade nan navigatè a.

Avèk anpil avantaj, pwogram lan gen menm plis dezavantaj. Pi enpòtan an se ke devlopè pa sipòte li depi 2003, ki vle di ke pwodwi a se iremedyableman dèyè devlopman nan teknoloji entènèt. Men, menm nan pi bon moman li yo, Front Page pa t sipòte yon gwo lis nòm, ki, nan vire, te mennen nan lefèt ke paj entènèt garanti yo kòrèk ki te kreye nan aplikasyon sa a yo te parèt sèlman nan Internet Explorer.

Download Front Page

Kompozer

Pwochen editè vizyèl nan kòd la HTML, KompoZer, se tou pa sipòte pa devlopè pou yon peryòd pwolonje. Men, kontrèman ak Front Page, te pwojè a sispann sèlman nan 2010, ki vle di ke pwogram sa a se toujou kapab sipòte nouvo estanda ak teknoloji pase konkiran an susmansyone. Li konnen tou ki jan yo travay nan mòd WYSIWYG ak nan mòd koreksyon kòd. Gen opòtinite konbine tou de opsyon, travay ansanm ak plizyè dokiman nan onglè diferan ak preview rezilta yo. Anplis de sa, konpozitè gen yon bati-an ftp kliyan.

Prensipal "mwens" la, menm jan ak Front Page, se revokasyon sipò KompoZer pa devlopè. Anplis de sa, pwogram sa a gen sèlman koòdone angle.

Download KompoZer

Adobe Dreamweaver

Nou konkli atik sa a ak yon bwèf BECA de Adobe Dreamweaver vizyèl editè a HTML. Kontrèman ak analogue anvan yo, se pwodwi lojisyèl sa a toujou sipòte pa devlopè li yo, ki asire enpòtans li yo an tèm de konfòmite ak estanda modèn ak teknoloji, menm jan tou plis fonctionnalités pwisan. Dreamviewer a bay kapasite nan travay nan mòd WYSIWYG, yon editè kòd regilye (ak ekleraj) ak yon fann. Anplis de sa, ou kapab wè tout chanjman nan tan reyèl. Pwogram lan tou gen yon seri antye nan fonksyon adisyonèl ki fasilite travay la ak kòd la.

Gade tou: analog nan Dreamweaver

Pami enpèfeksyon yo ta dwe resevwa lajan yon pri olye segondè nan pwogram nan, konsiderab pwa li yo ak entansite resous.

Download Adobe Dreamweaver

Kòm ou ka wè, gen plizyè gwoup nan pwogram ki fèt fasilite travay la nan kodaj la. Sa yo se editè tèks avanse, editè vizyèl HTML, zouti devlopman entegre ak editè imaj. Chwa a nan yon pwogram espesifik depann sou nivo a nan konpetans pwofesyonèl nan designer nan Layout, sans nan travay la ak konpleksite li yo.