Werkzeuge für HTML erstellen, wenn Webseiten Aufbau
Bevor Sie Codierung HTML starten, die Optionen in Bezug auf eine Codierung Umwelt berücksichtigen. Es gibt ein breites Spektrum von Werkzeugen, von dem freien Text-Editor hin, die mit Ihrem Betriebssystem (wie Windows Notepad oder TextEdit auf einem Mac), um professionelle Anwendungen (vor allem Dreamweaver), die wesentliche Werkzeuge zur Verfügung stellen, um Ihnen zu schreiben, und Test, Code.
Code-Editoren
Es gibt drei Ebenen von Code-Editoren:
Ihr Betriebssystem des Texteditor: Yup, Ihr Betriebssystem verfügt über einen Texteditor gebaut rechts in. Nizza. Hier sind zwei große Vorteile des Editors in Ihrem OS als Code-Editor für HTML gebaut mit (und CSS):
Keine Kosten.
Die App ist bereits auf Ihrem Computer installiert ist. Gemacht und gemacht.
Diese Route ist auf jeden Fall der No-Frills-Option fehlt Code-Hinting und Funktionen, die in frei herunterladbare Code-Editoren überprüft. Es sei denn, Sie planen, nur eine minimale Menge an HTML-Codierung zu tun, laden Sie eine kostenlose Code-Editor wie Text PSPad oder Text Wrangler.
Kostenlose, herunterladbare Code-Editoren: Hinter Tür # 2 kostenfreie Code-Editoren, wie TextWrangler für Macs oder PSPad für Windows.
Auch hier ist, frei gut. Diese (und andere) kostenlose Code-Editoren gehören Funktionen oben auf, was kommt mit dem Betriebssystem App:
Datei Tabs, mit denen Sie mit mehreren Dateien gleichzeitig zu arbeiten. Diese Fähigkeit ist für die mit einem HTML und einer verknüpften CSS-Datei zur gleichen Zeit arbeiten.
Farbcodierung dass identifiziert Codierung Syntaxelemente. Sie finden diese Funktion sehr hilfreich, wenn Sie einen Code falsch eingegeben haben, weil das falsch geschriebene Inhalt wird nicht die erwartete Farbcode übernehmen.
Rechtschreibprüfung ist im freien Code-Editoren wie TextWrangler und PSPad zur Verfügung, um falsch geschriebene Wörter on the fly zu identifizieren.
Automatische Vervollständigung wird in PSPad enthalten.
Kostenlose Code-Editoren wie TextWrangler (für Macs) und PSPad (für Windows) kommen nicht mit WYSIWG grafischen Fenster, die anzeigen, wie HTML-Seiten in einem Browser aussehen wird. Und es fehlt ihnen die Art von Code-Hinting Optionen, die in Code-Editoren, die Geld kosten.
Low-Cost-Code-Editoren: BBEdit, zum Beispiel (für 50 $ zum Zeitpunkt des Schreibens zu verkaufen), ist eine erweiterte Version von TextWrangler. Eine der leistungsstärksten Funktionen von BBEdit ist, dass es Code automatisch vervollständigt kann - zu antizipieren und in der Endung des Codes Füllung während der Eingabe. Die folgende Abbildung, für Beispiele, zeigt eine Reihe von HTML-Tags mit dem Anfangsbuchstaben # 147-h # 148- aufgefordert, durch eine Eingabe # 147-h # 148.
dream~~POS=TRUNC
Das mächtigste Werkzeug für HTML-Code ist Adobe Dreamweaver. Zusätzlich zu den in fortgeschrittenen, professionellen Code-Editoren Funktionen (wie Rechtschreibprüfung und Code-Hinting), ist Hauptattraktion des Dreamweaver, dass Sie müssen nicht HTML-Hand-Code. Sie können, verwenden Sie stattdessen die Menüoptionen (wie # 147-Insert-Bild # 148-) und Platten (wie der Inspektor Eigenschaften) HTML zu erzeugen.
Viele Menschen sind sich bewusst, dass Dreamweaver HTML ohne manuelle Programmierung erstellen können. Aber was viele Leute nicht wissen, ist, dass Dreamweaver arbeitet in zwei Modi:
Entwurfsansicht: In dieser Ansicht ist, Code mit Menü und Mausaktionen versteckt erzeugt.
Codeansicht: Diese Ansicht bietet eine voll funktionsfähige Programmierumgebung mit Code-Hinting und Prüfung für nicht nur HTML sondern auch andere Web-Design-Sprachen wie CSS (Stylesheets), javascript (für Animation und Interaktivität) und PHP (für serverseitigen Skripts, die online verwalten Daten).
Wie bereits erwähnt, Dreamweaver größte Attraktion ist, dass es Designer HTML (sowie CSS und einige andere Codierung) in einem Design-Fenster zu erzeugen, ermöglicht es, dass so etwas wie andere Adobe Creative Suite-Anwendungen wie Photoshop, Illustrator aussieht und sich anfühlt, oder InDesign.