jetzt auch als Video-Kurs

Vorteile Firefox für Webentwickler

Ein besonderer Vorteil ist die selektive Anzeige von Quellcode, der hinter Teilen von Websiten liegt. Dazu selektiert man den gewünschten Bereich mit der Maus (wie im folgenden Beispiel der Startseite des HTML-Seminars).

Nach der Selektion dann rechte Maustaste (auf dem blauen Bereich) klicken und im Menü den Punkt: "Auswahl Quelltext anzeigen" auswählen.

Bild zum vergrößern anklicken

Diese Funktion ist sehr geschickt, um andere Webseiten zu analysieren und dadurch zu lernen oder bei der eigenen Fehler zu entdecken :)

Add-ons - Firefox tiefer gelegt und aufgebohrt

Für den Browser gibt es zahlreiche Zusatztools, die einfach eingebunden werden können und die Erstellung von Websites wesentlich komfortabler machen.

Eine kleine Auswahl von Links:

• http://www.erweiterungen.de/ - Auflistung vieler Erweiterungen (in deutsch)
• Html Validator - Anzeige von HTML-Fehlern von Marc Gueury
  
• http://adblockplus.org/de/ - Werbeblocker
• http://livehttpheaders.mozdev.org - die Daten sichtbar machen, die der Server liefert (wichtig für Weiterleitungen)
• http://www.erweiterungen.de/detail/Measure_It/ -Elemente ausmessen und Größen bestimmen
• http://www.fortysomething.ca/mt/etc/archives/006375.php Bildschirmcaptures erstellen

• Startseite
  • Vorwort
  • Neuigkeiten
  • Videokurs 11 Stunden
• HTML Tutorial für Anfänger
  • benötigte Software
  • erste HTML-Seite
  • Grundlagen - HTML-TAG
  • Absatz
  • Überschriften
  • html Editor
  • Seitenaufbau
  • Text fett, kursiv
  • Schachteln von HTML-TAGs
  • unterstreichen
  • validieren HTML-Seite
  • Sauberer HTML-Code
  • Listen, Aufzählungen
  • Definitionsliste
  • Attribute bei HTML-TAGs
  • Links, Hyperlinks
    • Dateinamen
    • interne Links
    • externe Links
    • Steuerung erstellen
    • Verzeichnisse
  • erzwungener Umbruch
  • Trennlinie, Attribute
  • Bilder u. Grafiken I
  • HTML Farben
  • Tabellen
  • Online stellen
  • HTML Befehle Übersicht
• CSS lernen
  • Trennung Inhalt Design
  • Aufbau CSS Befehle
  • CSS in HTML einbinden
  • CSS einsetzen
  • Box-Modell
  • CLASS und ID
  • DIV und SPANs
  • Design per CSS - float
  • Steuerung per CSS
  • Block- u. Inline-Elemente
  • Bilder und Hintergrund
  • CSS Befehle Übersicht
  • CSS Tipps und Tricks
  • CSS-Layout-Generator
• Projekt Beispielwebsites
  • Vorstellung Projekte
  • Layout über CSS
    • Design über CSS
    • fertiges Beispiel
  • 2 Spalten Layout
  • Layout über Tabellen
• Fortgeschrittene
  • Fortgeschrittene
  • hoch-tief, groß-klein
  • Breadcrumbs-Navigation
  • Farben II
  • Bilder u. Grafiken
  • Bildbearbeitung mit GIMP
  • Formulare
  • Frames
  • bevorz. Software
  • JavaScript
  • Metatags
  • Suchmaschinen
  • Domainnamen
  • Provider & Domains
  • kostenloser Webspace und seine Kosten
  • Recht
  • Usability
  • HTML 5
  • Geld verdienen im Internet
  • Tipps & Tricks
• Forum
  • ins Forum
• Diverses
  • WYSIWYG-Editoren
  • Software
    • Firefox
    • IE Toolbar
    • Rund ums Internet
  • Bücher
  • Links
  • Referenz Sonderzeichen
  • Maßeinheiten
  • geschl. Benutzerkreis
  • Abk. - Abkürzungen
  • favicons erstellen
  • Leserstimmen
  • Helfen Sie mit...
  • Datenschutzerklärung
  • Archiv
  • Impressum