Eng einfache Websäit fir engem erfahrenen Layout Maker oder e Web-Programmierer ass net einfach mat engem einfachen Text Editorial ze designen. Awer komplex Aufgaben an dësem Beräich Aktivitéiten ze maachen, ass et recommandéiert fir speziell Software ze benotzen. Dës kënnen advanced text Editoren, multifunctionelle komplexe Applikatiounen déi integréiert Entwécklungshëllef, Bild Editoren, etc. An dësem Artikel bezuelt mer nëmmen d'Software fir den Layout vun Siten.
Notepad ++
Eischtens, lass mat engem Beschreiwung vun erweiderten Text Editoren unzefänken, fir d'Aarbechte vum Layout Designer erliichteren. Natierlech ass de bekannteste Programm vun dësem Typ Notepad ++. Dës Software-Léisung ënnerstëtzt d'Syntax vun ganz ville Programmiersprachen, wéi och Textcodings. Code Markéierung an Zeilennummer erlaabt d'Aarbecht vun de Programméierer a verschiddene Felder erliichtert. Mat regelméisseg Ausdréck léisst et einfacher fannen Abschnitter a Code änneren, déi ähnlech an der Struktur sinn. Fir séier op deen selwechten Typ vu Aktioun ze féieren gëtt proposéiert fir Makros ze maachen. Et ass méiglech datt grouss Fonktionnalitéit erweidert gëtt mat der Hëllef vun de Plug-ins.
Kuckt och: Analogs Notepad ++
Ënner de Mängel ka nëmmen sou engem zweifelegen "Minus" genannt ginn, wéi d'Präsenz vun enger grousser Zuel vu Funktiounen, déi fir den duerchschnëttleche Benotzer unerkennbar sinn.
Notizblock ++ eroflueden
Sublimetext
En anere erweiderten Texteditor fir Webprogrammer ass SublimeText. Hien weess och wéi et mat vill Sproochen arbeitet, zB Java, HTML, CSS, C ++. Wann Dir mam Code, d'Beleihung, d'Autokomplettioun an d'Nummelefolleg benotzt ginn. Eng ganz praktesch Funktioun ass d'Ënnerstëtzung fir Snippets, mat deenen Dir Praxis benotzt. De Gebrauch vun regulärer Ausdrock an Makros kann och bedeitend ze vill Erspuertes fir d'Léisung vum Problem sinn. SublimeText erméiglecht Iech gläichzäiteg op véier Paneelen. Erweidert Fonctionnalitéit vum Programm duerch Installatioun vu Plug'en.
Den Haaptmoment vun der Applikatioun, am Verglach mam Notepad ++, ass de Mangel un enger russeschsproocheger Interface, déi e puer Unkonvoquen, virun allem fir onerfuere Leit, verursaacht. Och net all Benotzer wéi déi Benotzung mat engem Zil fir eng Lizenz an der gratis Versiounfenster vum Produkt ze kaafen.
Download SublimeText
Brackets
Mir schléissen d'Beschreiwung vun Text Editoren déi fir de Layout vun Websäiten geduecht ass mat engem Iwwerbléck vun der Brackets Applikatioun. Dëst Tool, wéi virdrun Analoguen, ënnerstëtzt all grousse Markéierungs- a Programmiersprachen mat Hellegkeet vun de korrespondéierte Ausdréck a Linnennummeréierung. Den Héichpunkt vun der Applikatioun ass d'Präsenz vun enger Funktioun "Live Preview", mat der Hëllef vun där Dir am Echtzäit duerch den Browser all Ännerungen am Dokument gesinn an och d'Integratioun an de Kontextmenü "Explorer". De Brackets Toolkit erméiglecht Iech d'Websäit an de Debugmodus. Duerch d'Programmfenews kann Dir verschiddene Dateien gläichzäiteg manipuléieren. D'Kapazitéit fir Drëttel Partei-Extensiounen opzemaachen, dréit d'Grenze vun der Funktionalitéit nach méi dréit.
Et stakelt nëmme d'Präsenz vu verschidden russesch Partisanen am Programm, sou wéi och d'Méiglechkeet d'Funktioun ze benotzen "Live Preview" exklusiv am Google Chrome Browser.
Lueden brauchen
Gimp
Eent vun de populäersten an erweiderten Bild Editoren, déi mat Erfolleg ugewannt kënne ginn, och fir d'Gestioun vu Websäiten, ass GIMP. Besonnesch praktesch de Programm ze benotzen fir d'Gestioun vum Site ze zéien. Mat der Hëllef vun dësem Produkt kann et fäerdeg Biller sinn ze benotzen an ze änneren, mat enger Vielfalt vun Tools (Pinselen, Filter, Unschärfe, Selektioun a méi). GIMP hëlleft mat Schichten ariichten a Spuerplaze späicheren an engem eegene Format, mat deenen Dir d'Aarbecht op der selwechter Plaz fënnt, wou et fäerdeg war, och no engem Restart. D'Geschicht ännert doduerch datt all Aktiounen, déi op d'Bild geluecht goufen, verfollegt ginn, a wann néideg, annulléieren. Zousätzlech kann d'Programm mat dem Text applizéiert ginn op d'Bild. Dëst ass déi eenzeg fräi Demande wéi Analoga, déi esou eng räich Funktionalitéit ubidden.
Ënner deene Mängel ass et méiglech, datt déi luesent Verlängerung effektiv duerch d'héige Ressourcenintensitéit vum Programm bezeechent gëtt, souwéi erheblech Schwieregkeeten fir den Algorithmus vun der Aarbecht fir Ufänger ze verstoen.
GIMP lueden
Adobe Photoshop
En bezuelte Analog vu GIMP ass Adobe Photoshop. Et ass nach méi berühmt well et vill méi fréier publizéiert ass an huet méi fortgeschratt Funktionalitéit. Photoshop ass a ville Beräicher vun der Webentwicklung benotzt. Dir kënnt Äert Bild, änneren a konvertéieren Biller. De Programm kann mat Schichten an 3D Modellen schaffen. An dësem Fall huet de Benotzer d'Fäegkeet e méi groussen Astellungszoustand a Filter wéi an GIMP.
Zu den Haaptmängelen ass d'Schwieregkeet fir all d'Funktionalitéit vum Adobe Photoshop ze masteréieren. Zousätzlech, am Géigesaz zu GIMP, gëtt dëst Tool mat enger Proufzäit vu knapp 30 Deeg bezuelt.
Adobe Photoshop eroflueden
Aptana Atelier
Déi nächst Grupp vun Programmer fir de Layout vun enger Websäit integréiert Entwécklungsinstanz. Eng vun seng populärste Vertrieder ass Aptana Studio. Dës Software-Léisung ass e komplette Siteerstellungs-Tool deen e Texteditor, e Debugger, e Compiler an e Montageautomatiséierungstool enthält. Mat der Applikatioun kann Dir mat Programmnummer a ville Programmiersprachen arbeiten. Aptana Studio ënnerstëtzt simultan Manipulatioun mat verschiddene Projeten, Integratioun mat anere Systeme (besonnesch mat der Aptana Cloud Service), an och remote Site vum Inhalt.
Den Haaptaspekter vum Aptana Studio ass d'Schwieregkeet beim Meeschteren an de Mangel un enger russeschsproocheger Interface.
Luet Aptana Studio
Webstorm
Den Analog vum Programm Aptana Studio ass WebStorm, dat gehéiert och zu der Klass vun integréierte Entwecklungssystemer. Dëst Softwareprodukt ass e bequem Code Editor, deen eng impressionant Lëscht vun verschiddene Programm Sproochen ze ënnerstëtzen. Fir méi Benotzerkomfort, hunn Entwéckler hunn d'Méiglechkeet fir de Design vum Workspace ze wielen. Zu den "Virdeeler" vum Web Storm kënnt Dir d'Virbereedung vum Tool Debugging Node.js markéieren an d'Bibliothéiken fein benotzen. Funktioun "Live Edit" D'Fähigkeit fir duerch de Browser all d'Verännerungen ze gesinn. Den Tool fir Interaktioun mam WebServer erlaabt Iech de Site ze veränneren an z'änneren.
Nieft dem Mangel un enger russeschsproocheger Interface huet WebStorm eng aner "Minus", déi, am Ufank, net am Aptana Studio verfügbar ass, nämlech d'Notwendegkeet fir de Programm ze bezuelen.
Download WebStorm
Säit Säit Säit
Elo kuckt de Block vun Applikatiounen déi visuell HTML Editoren genannt ginn. Loosst eis mat engem Microsoft Produktpräis genannt Front Front. Dëse Programm war zimlech populär, well et war e puer Mol vum Microsoft Office Package. Et bitt d'Méiglechkeet vu Layout vun Websäiten an engem visuelle Redaktor, deen op dem Prinzip vu WYSIWYG funktionnéiert ("wat Dir gesitt, Dir kënnt") wéi am Wortprozesser Word. Op Wonsch kann de Benotzer en Standard HTML-Editor eroflueden fir mat dem Code ze schaffen, oder kombinéiert dës zwou Modus op enger separater Säit. Vill Textformatiounsinstrumenten sinn an der Applikatiounskabel gebaut. Et ass e Rechtschreif. An engem separaten Fenster kënnt Dir kucken wéi d'Websäit duerch den Browser kuckt.
Mat sou vill Virdeeler huet de Programm nach ëmmer méi Nofolger. Déi wichtegst ass datt d'Entwéckler se net 2003 ënnerstëtzen, wat heescht datt de Produit hoffnungslos hannert d'Entwécklung vu Web Technologien ass. Mä och a senge beschtegen Zäiten huet d'Front Page keng grouss Lëscht vu Standaren ënnerstëtzt, déi, am Géigendeel, zu der Tatsaach gefouert huet datt déi garantéiert korrekt Websiten déi dës Applikatioun erstallt hunn, nëmmen am Internet Explorer.
Download Front Page
Kompozer
Den nächste visuelle Redaktor vum HTML Code, KompoZer, gëtt och net ënnerstëtzt vun Entwéckler fir eng laang Zäit. Mee am Géigesaz zu Front Page gouf de Projet nëmmen 2010 gestoppt, dat heescht datt dëst Programm ëmmer méi fähig ass fir méi nei Standards an Technologien ze stäerken wéi déi zu eegenen Konkurrenten. Si weess och, wéi Dir am WYSIWYG-Modus an am Code-Editéiermodus funktionnéiert. Et gi Méiglechkeete fir verschidde Méiglechkeeten ze kombinéieren, an zwar gläichzäiteg mat verschiddene Dokumenter an verschiddene Tabs ze maachen an d'Resultater ze gesinn. Ausserdeem huet Komponist en integréiert FTP Client.
Den Haaptministär "minus", wéi mat Front Page, ass d'Enn vun der KompoZer Ënnerstëtzung vun Entwéckler. Ausserdeem huet dëse Programm nëmmen englesch Interface.
KompoZer eroflueden
Adobe Dreamweaver
Mir schreiwen dësen Artikel mat engem kuerzen Iwwerbléck vum Adobe Dreamweaver visuelle HTML Editor. Am Géigesaz zu de virdrun Analoguen ass dëst Softwareprodukt nach ëmmer vun den Entwéckler ënnerstëtzt, wat seng Wichtegkeet betreffend d'Ahnung vun de modernen Standards an Technologien as och méi leeschtungsfäheg fonctionnéiert. De Dreamviewer bitt d'Fähigkeit fir an WYSIWYG Modus ze schaffen, en normale Code Editor (mat Backlight) an e Spalt. Zousätzlech kënnt Dir all Ännerungen an Echtzäit kucken. De Programm huet och eng ganz Rei aner Ziler, déi d'Aarbecht mat dem Code erliichtert.
Kuckt och: Analoga vum Dreamweaver
Ënner deene Mängel sollten e zimlech héich Käschte vum Programm, seng erhebliche Gewiicht an d'Ressourcenintensitéit zoutraagt ginn.
Download Adobe Dreamweaver
Wéi Dir gesitt, sinn et e puer Gruppen vun Programmer déi entwéckelt sinn fir d'Aarbecht vum Coder ze erliichteren. Dës sinn erweidert Text Editoren, visueleg HTML Editoren, integréiert Entwécklungsinstrumenten an Biller Editoren. D'Wiel vun engem spezifesche Programm hänkt vum Niveau vun de professionnelle Fäegkeeten vum Layoutdesigner, d'Essenz vun der Aufgab an hir Komplexitéit.
