Web 2.0 - Das Web gestalten

Jeder der mit HTML gearbeitet hat kennt das Problem: Mit dem Umfang von Internetseiten geht die Übersicht im Quelltext verloren. An diesem Punkt macht man sich auf die Suche nach einer Entwicklungsumgebung, die einem beim erstellen seiner Seiten hilft.

Hier ist “HTML-Editor Phase 5″ empfehlenswert. Denn es besitzt alle Funktionen, die ein guter HTML-Editor haben sollte. So besitzt “HTML-Editor Phase 5″ selbstverständlich die Möglichkeit sich die Tags im HTML-Code farblich hervorheben zu lassen, wodurch die Übersichtlichkeit des Quelltextes enorm steigt. Ebenso sehr sinnvoll ist die Funktion der Code-Completion, die dem Benutzer während des Tippens von Tags bereits (more…)

Da die Programmierung von Webseiten immer komplexer wird, trauen sich weniger Leute an den echten Quellcode. Bausteine, die man downloaden und in seine Seite integrieren kann, erledigen mittlerweile die Hälfte der Arbeit. Das kann allerdings an zwei Stellen zu Problemen führen.

Erstens, ist es relativ einfach geworden, mit Hilfe von Themes und vorgefertigten Bausteinen, flink seine eigene Webseite zu entwerfen, auch für jemanden, der weder HTML noch PHP kann. Das ist im Prinzip nichts schlechtes und für eine private Informationsseite mag das auch gehen, professionelle Internetpräsenzen sollten aber anders aussehen. Und zweitens, hält sich dadurch jeder, der erfolgreich ein Template mit seiner Webseite verknüpft hat auch für einen Webdesigner.

Was passieren kann, wenn man ausschließlich Webseiten aus Bausteinen erstellt, sieht man an dem Design-Desaster, das MySpace ist: Die Rückkehr zu schlechtem Design, das man so zuletzt vor acht Jahren im Netz sah.

Aber glücklicherweise sind die Zeiten wirklich (more…)

Wer plant, sich eine Internet-Präsenz einzurichten, wird schnell feststellen, dass man einiges an Knowhow braucht, um die Seite so gestalten zu können, wie man sich das vorstellt.

Man verwendet dazu man am besten HTML. Dies ist keine Programmiersprache, wie es oft dargestellt wird, sondern eine Textauszeichnungssprache.

Das vorher in einem Bildbearbeitungsprogramm oder auf einem Blatt Papier gestaltete Webdesign muss also nun in HTML realisiert werden. Mit reinem HTML können keine dynamischen sondern nur statischen Webseiten erstellt werden.
Programmiersprachen, wie PHP, Java oder Perl können dagegen auch dynamische Webseiten erzeugen.

Zur Umsetzung ihres Entwurfes in HTML gibt es zahlreiche Möglichkeiten via HTML-Programmen.. Viele erstellen unnötigen Quelltext, den kein Mensch braucht. Vor allen Dingen, wenn später Websites mit PHP realisiert werden sollen, empfiehlt es sich aber den Quelltext in einem ganz normalen Texteditor wie beispielsweise Notepad, welchen wir auch verwenden und welcher auf Windows-Rechnern standardmäßig vorhanden ist, fein säuberlich von Hand zu schreiben.

So kann der Quelltext schlank gehalten werden und das Erlernen von beispielsweise PHP oder Perl ist einfacher, wenn man weiß was welcher HTML-Tag wirklich erledigt. Keine Angst - HTML ist sehr leicht zu erlernen.

Ein weiterer empfehlenswerter Texteditor ist der HTML -Editor Phase 5 von Uli Meybohm. Dieser hat neben einigen anderen Vorteilen gegenüber Notepad den Pluspunkt, dass er mit einer Hervorhebung der HTML -Syntax arbeitet und die Endtags selbständig setzt.

Notepad befindet sich standardmäßig unter Start -> Programme -> Zubehör -> Editor auf allen Computern mit Windows-Betriebssystem. Verwenden Sie keine Textverarbeitungsprogramme zum Anlegen Ihrer Website, auch wenn sich mit ihnen Webseiten gestalten lassen. Diese blähen ebenfalls den Quelltext unnötig auf.

Ob man beim Seitenlayout auf Frames oder Tabellen ist eine schwierige Frage, die eigentlich nicht genau beantwortet werden kann. Beide Methoden habe ihre Nachteile, bringen jedoch auch ein paar Vorteile mit sich.

Eine Tabellendesign wirkt professioneller, jedoch dauert der Aufbau solch einer Seite wesentlich länger, da bei jedem Seitenaufruf der komplette HTML-Code für den Tabellenaufbau mitgeladen wird.

Arbeitet man mit Frames, so wird nur der reine Quelltext in den Frame geladen, die Navigationselemente werden nur einmal geladen und das verringert die Ladezeit. Auch ist es schwerer für Suchmaschinen Frameseiten in den Index aufzunehmen, da Framesets von den meisten Robots nicht korrekt erkannt werden können. Bookmarks können nicht, wie bei Tabellenseiten, direkt auf eine Unterseite gesetzt werden, sondern lediglich auf das darüber stehende Frameset.
Bei jedem einzelnen Frame wird eine neue Verbindung zum Server hergestellt, dies kann den Aufbau der Seite etwas verzögern.

Ein weiterer Nachteil ist es, wenn man über eine Suchmaschine auf die Seite gelangt und eben genau auf so eine Frameseite kommt. Meist sieht man nur die einzelne HTML-Seite ohne Navigation oder einem Link/Button zur Startseite der den Leser zur Startseite zurückführt. Das ist nicht sehr benutzerfreundlich und veranlasst den User ganz schnell dazu, die Seite wieder zu verlassen.