Et ass net schwéier fir en erfuerene Web Designer oder Web Programméierer eng einfach Websäit mat engem normale Texteditor ze maachen. Awer fir komplex Aufgaben an dësem Aktivitéitsberäich ze maachen, ass et recommandéiert spezialiséiert Software ze benotzen. Dës kënne fortgeschratt Text Editoren, multifunktionnell integréiert Uwendungen genannt Integréiert Entwécklungsinstrumenter, Bild Editoren, etc. An dësem Artikel wäerte mir just Software betruecht, déi fir de Site Layout entworf ass.
Notizblock ++
Als éischt: loosst eis mat enger Beschreiwung vun fortgeschrattem Textredaktoren ufänken, déi d'Aarbecht vun engem Layoutdesigner erliichteren. Bei wäitem, de bekanntste Programm vun dëser Zort ass Notepad ++. Dës Software Léisung ënnerstëtzt d'Syntax vu sou vill Programméierungssproochen, souwéi Text Kodéierung. Code Highlighting an Zeilennummeréierung erliichteren d'Aarbecht vu Programméierer a verschiddene Beräicher immens. D'Benotzung vu reegelméissegen Ausdrock mécht et méi einfach, ähnlech Rubriken am Code an der Struktur ze fannen an ze änneren. Fir séier ähnlech Aktiounen auszeféieren, gëtt proposéiert Makroen opzehuelen. Dir kënnt déi scho räich Funktionalitéit wesentlech mat der Hëllef vun embedded Plug-ins erweideren.
Liest och: Analogs vum Notepad ++
Ënner de Mängel kënnen nëmmen sou e zweifelhaftem "Minus" genannt ginn wéi d'Präsenz vun enger grousser Zuel vu Funktiounen, déi fir den Duerchschnëttsverbraucher onverständlech sinn.
Eroflueden Notizblock ++
SublimeText
En anere fortgeschratten Texteditor fir Webentwéckler ass SublimeText. Hien weess och wéi hie mat ville Sprooche schafft, dorënner Java, HTML, CSS, C ++. Wann Dir mam Code schafft, gëtt d'Beliichtung, d'Auto-Komplettéierung an d'Nummeréierung benotzt. Eng ganz bequem Feature ass d'Ënnerstëtzung vu Snippets, mat deenen Dir de Werkstéck benotze kënnt. D'Benotzung vu reegelméissegen Ausdrock a Macroen kann och bedeitend Zäitspuerunge fir d'Aufgab ze léisen. SublimeText erlaabt Iech gläichzäiteg op véier Brieder ze schaffen. D'Funktionalitéit vum Programm gëtt duerch d'Installatioun vu Plugins erweidert.
D'Haaptrei Nodeel vun der Applikatioun, am Verglach mam Notepad ++, ass de Mangel vun enger russeschsproocheger Interface, wat e puer Onbequemlechkeet bei onerfueren Benotzer verursaacht. Och net all Benotzer wéi d'Notifikatioun déi mat enger Offer erschéngt eng Lizenz an der Fënster vun der gratis Versioun vum Produkt ze kafen.
Eroflueden SublimeText
Klammeren
Mir ofschléissen d'Beschreiwung vun Textedaktoren, déi fir de Layout vun de Websäiten entworf goufen duerch eng Iwwersiicht vun der Brackets Applikatioun. Dëst Tool, wéi déi virdrun Analoga, ënnerstëtzt all gréisser Markup an Programméierungssprooche mat Highlight déi entspriechend Ausdréck an Zeilnummeren. Den Highlight vun der Applikatioun ass d'Disponibilitéit vu Funktiounen "Live Virschau", mat deem Dir an Echtzäit duerch e Browser all d'Verännerunge vum Dokument gesi kënnt, souwéi Integratioun am Kontextmenü "Explorer"An. De Brackets Toolkit erlaabt Iech Websäiten am Debug-Modus ze duerchsichen. Duerch d'Programmfenster kënnt Dir verschidde Dateien gläichzäiteg manipuléieren. D'Kapazitéit fir Drëtt-Party Extensions z'installéieren dréckt weider d'Grenze vun der Funktionalitéit.
Déi eenzeg Opléisung ass d'Präsenz vun e puer net-Russified Sektiounen am Programm, souwéi d'Méiglechkeet fir d'Funktioun ze benotzen "Live Virschau" exklusiv am Google Chrome Browser.
Luet Klammern erof
Gimp
Ee vun de populäersten ënner fortgeschrattem Bildredaktoren, déi erfollegräich benotzt kënne ginn fir och fir d'Bildung vum Web-Inhalt, ass GIMP. Et ass besonnesch bequem fir de Programm ze benotzen fir e Websäit Design ze zéien. Mat der Hëllef vum Produkt ass et méiglech, fäerdeg Biller mat verschiddenen Tools (Pinselen, Filteren, Vullen, Selektioun a vill méi) ze molen an z'änneren. GIMP ënnerstëtzt d'Aarbechte mat Schichten a spueren Aarbechten a sengem eegene Format, mat deem Dir d'Aarbecht op der selwechter Plaz erëm ufänken wou se fäerdeg war, och nom Restart. D'Geschicht vun den Ännerunge hëlleft all déi Handlungen ze verfolgen déi fir d'Bild ugewannt goufen an, wann néideg, se ze läschen. Zousätzlech kann de Programm mat Text op den Image applizéiert ginn. Dëst ass déi eenzeg gratis Applikatioun tëscht Analoga, déi sou eng räich Funktionalitéit ubidden.
Ënner de Mängel kann een heiansdo de Verlängerungseffekt markéiere wéinst dem héije Ressourceverbrauch vum Programm, souwéi bedeitend Schwieregkeeten am Algorithmus vun der Aarbecht fir Ufänger ze verstoen.
Eroflueden GIMP
Adobe Photoshop
Bezuelten Analog vu GIMP ass de Programm Adobe Photoshop. Et genéisst nach méi grouss Ruhm, well se vill virdru verëffentlecht gouf an méi entwéckelt Funktionalitéit huet. Photoshop gëtt a ville Beräicher vun der Webentwécklung benotzt. Mat et kënnt Dir Biller erstellen, editéieren an konvertéieren. De Programm kann mat Schichten an 3D-Modeller schaffen. Zur selwechter Zäit huet de Benotzer d'Méiglechkeet e nach méi grousse Set vun Tools a Filteren ze benotzen wéi am GIMP.
Ënner den Haapt Nodeeler ass et derwäert der Schwieregkeet ze nennen fir all d'Funktionalitéit vun Adobe Photoshop ze beherrschen. Zousätzlech, anescht wéi GIMP, gëtt dëst Tool mat enger Testperiod vun nëmmen 30 Deeg bezuelt.
Luet den Adobe Photoshop erof
Aptana Studio
Déi nächst Grupp vu Websäit Layout Programmer ass integréiert Entwécklungsinstrumenter. Ee vun de populäersten Vertrieder ass den Aptana Studio. Dës Software Léisung ass eng ëmfaassend Outil fir Websäiten ze kreéieren, mat engem Text Editor, Debugger, Compiler a Build Automation Tool. Mat der Applikatioun kënnt Dir mat Programmcode a ville Programméierungssprooche schaffen. Aptana Studio ënnerstëtzt d'Manipulatioun gläichzäiteg mat verschiddene Projete, Integratioun mat anere Systemer (besonnesch mam Aptana Cloud Service), souwéi Fern Editéiere vum Siteinhalt.
Déi Haaptschwieregkeeten vum Aptana Studio sinn d'Schwieregkeet beim Masteréiere an de Mangel vun enger russeschsproocheger Interface.
Luet den Aptana Studio erof
Webstorm
Den Analog vum Aptana Studio ass WebStorm, deen och zu der Klass vun integréierten Entwécklungssystemer gehéiert. Dëst Software Produkt huet e gebauten Code Editor deen eng beandrockend Lëscht vu verschiddene Programméierungssprooche ënnerstëtzt. Fir gréissere Benotzerkomfort hunn d'Entwéckler d'Méiglechkeet bidden en Design fir den Design vum Aarbechtsberäich ze wielen. Ënner den "Virdeeler" vu WebStorm kënnt Dir d'Präsenz vun Node.js Debugging-Tool a Finanzéierungsbibliothéiken ervirhiewen. Funktioun "Live Ännerung" bitt d'Fäegkeet all duerch Ännerunge gemaach duerch de Browser ze gesinn. De Tool fir mat dem Webserver ze interagéieren erlaabt Iech de Site z'änneren an z'änneren.
Niewent dem Mank vum eng russeschsproocheg Interface huet WebStorm en anere "Minus", deen iwwregens net fir den Aptana Studio verfügbar ass, nämlech d'Noutwendegkeet ze bezuelen fir de Programm ze benotzen.
Luet WebStorm erof
Haaptsäit
Betruecht elo e Block vun Uwendungen genannt HTML visuell Redaktoren. Fänke mer un e Review vum Microsoft Produkt genannt Front Page. Dëse Programm war zimmlech populär, well et op enger Zäit en Deel vun der Microsoft Office Suite war. Et bitt d'Fäegkeet fir Websäiten an engem visuellen Editeur ze Layout deen um Prinzip vum WYSIWYG funktionnéiert ("wat Dir gesitt, kritt Dir"), sou wéi am Wuertprozessor Word. Wann Dir wëllt, kann de Benotzer e Standard HTML Editor opmaachen fir mat Code ze schaffen oder béid Modi op enger separater Säit ze verbannen. Vill Textformateringsinstrumenter sinn an der Uwendungsinterface gebaut. Et gëtt eng Zauberkontroll Feature. An enger separater Fënster kënnt Dir kucken wéi d'Websäit duerch de Browser kuckt.
Mat sou vill Virdeeler huet de Programm nach méi Nodeeler. Déi wichtegst Saach ass datt d'Entwéckler et zënter 2003 net ënnerstëtzt hunn, wat heescht datt de Produkt hoffnungslos hannert der Entwécklung vu Web Technologien. Awer och a senge beschten Deeg huet d'Frussäit eng grouss Lëscht vu Standarden net ënnerstëtzt, wat dozou gefouert huet, datt d'Websäiten, déi an dëser Applikatioun erstallt goufen, nëmmen am Internet Explorer gewise ginn.
Luet Front Säit erof
KompoZer
Den nächste visuellen HTML Editor, KompoZer, gëtt och net vun Entwéckler fir eng laang Period ënnerstëtzt. Awer am Géigesaz zu der Front Page gouf de Projet eréischt am Joer 2010 gestoppt, wat bedeit datt dëse Programm ëmmer méi nei Standarden an Technologien ënnerstëtzt wéi dee genannte Konkurrent. Si weess och wéi et am WYSIWYG Modus funktionnéiert an am Code Redaktiounsmodus. Et ass méiglech béid Optiounen ze verbannen, gläichzäiteg mat verschiddenen Dokumenter a verschiddene Tabs ze schaffen an d'Resultater virschecken. Zousätzlech huet Composer en inbuilt FTP Client.
Den Haaptminus, sou wéi mat der Front Page, ass d'Ennéierung vun der Ënnerstëtzung fir KompoZer vun den Entwéckler. Zousätzlech huet dëse Programm nëmmen eng englesch Interface.
Eroflueden KompoZer
Adobe Dreamweaver
Mir schléissen dësen Artikel mat enger kuerzer Iwwersiicht vum visuellen HTML Editor Adobe Dreamweaver. Am Géigesaz zu fréieren Analoga gëtt dëst Software Produkt nach ëmmer vu sengen Entwéckler ënnerstëtzt, wat seng Relevanz a Saache Konformitéit mat modernen Normen an Technologien garantéiert, souwéi méi staark Funktionalitéit. Dreamviewer bitt d'Fäegkeet fir an WYSIWYG Modi ze schaffen, e reguläre Code Editor (mat Backlight) a Split. Zousätzlech kënnt Dir all Ännerungen an Echtzäit kucken. De Programm huet och e ganze Koup zousätzlech Funktiounen, déi d'Aarbecht mam Code erliichteren.
Liest och: Analogs vum Dreamweaver
Ënner de Mängel sollten déi zimlech héich Käschte vum Programm, säi bedeitend Gewiicht a Ressourceintensitéit beliicht ginn.
Luet den Adobe Dreamweaver erof
Wéi Dir kënnt gesinn, et gi verschidde Gruppe vu Programmer, déi entwéckelt gi fir d'Aarbecht vum Layoutdesigner ze erliichteren. Dëst sinn fortgeschratt Text Editoren, visuell HTML Editoren, integréiert Entwécklungsinstrumenter a Bildredaktoren. D'Wiel vun engem spezifesche Programm hänkt vum Niveau vun de professionnelle Fäegkeeten vum Layoutdesigner of, d'Essenz vun der Aufgab a senger Komplexitéit.
