Sven Lennartz 14. März 2006

Tutorialsammlung

Kein Beitragsbild

Es ist Zeit für eine neue Liste. Diesmal geht es um Tutorials, also um Lerneinheiten, Anleitungen und Hilfen. Für Einsteiger ist einiges dabei, also nicht ärgern wenn man schon Bescheid weiß. Eine Arbeit, die unsere Christiane das Wochenende gekostet hat. Alles wie immer im schönsten Deutsch-Englisch-Mix.

Ajax

  • AJAX Tutorial
    AJAX Tutorial von w3schools.com
  • Instant Tutorial
    Quick tutorial to get you jump started with AJAX
  • Javascript Remote Scripting with PHP
    Simple web programming tutorials
  • Learn AJAX in 20 minutes
    AJAX in nur 20 Minuten zu lernen, verspricht das Tutorial von George A. Papayiannis. Das Beispiel läuft allerdings nur im FireFox. Wird das JavaScript angepasst, klappt es auch mit dem IE.
  • Rasmus 30 second AJAX Tutorial
    Für die Leute, die immer zu wenig Zeit haben bietet Rasmus ein 30 Sekunden
    AJAX Tutorial an.
  • Shoutbox als AJAX-Anwendung
    Im folgenden Tutorial soll ein einfacher Chat entstehen, der komplett auf Flash, Java und ähnliches verzichtet und dennoch ohne ständigem Reload der Website arbeitet
  • Take Command with AJAX
    Ein gut erklärtes AJAX Tutorial von Stoyan Stefanov.
  • Cameron Adams – Usable Interactivity with Remote Scripting
    This article aims to give you an introduction to the foundations of remote scripting, in particular, the emerging XMLHttpRequest protocol.
  • Using the XML HTTP Request object
    Gut verständliches Tutorial von Jim Ley

CSS

  • CSS and HTML examples and tutorials by Ove Klykken
    Advanced CSS demos and bug reports
  • CSS Basics.com
    Making Cascading Style Sheets Easy to Understand
  • CSS Beginners Guide
    CSS, or Cascading Styles Sheets are a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document.
  • Cascading Style Sheets – von Andreas Lutz
    Die Kapiteleinteilung hält sich an das Buch von Eric A. Meyer: Cascading Style Sheets, The Definitive Guide, O’REILLY, 2004. Es soll eine sinnvolle Adaptation der W3C-Regeln zu CSS1, 2 und 2.1.aus der Perspektive von Lernenden sein. Die eingefügten Demos lassen sich-fast ohne Ausnahme-im Quelltext editieren und ansehen. Der Code ist so einfach wie möglich gehalten und das Tutorial kann auch offline benutzt werden.
  • CSS Intermediate Guide
    Like the HTML Intermediate Guide, this CSS Intermediate Guide should not be that difficult, but rather build on the basics of the CSS Beginner’s Guide.
  • CSS Advanced Guide
    The CSS Advanced Guide is for those who want to push CSS to the extreme, highlighting methods that might not be immediately obvious to the intermediate developer.
  • CSS Demonstrations and Tutorials
    CSS and HTML examples, demonstrations and tutorials
  • CSS Layout Techniques: for Fun and Profit
    A resource for web designers and developers who want to learn CSS layout techniques to replace archaic table-based web page layouts..
  • CSS Tutorial
    Das Tutorial der w3schools
  • The Complete CSS tutorial
    Übersichtliches CSS Tutorial
  • Floatutorial: Step by step CSS float tutorial
    Floatutorial takes you through the basics of floating elements such as images, drop caps, next and back buttons, image galleries, inline lists and multi-column layouts.
  • Listutorial: Step by step CSS list tutorial
    Listutorial takes you through the basics of building background image lists, rollover lists, nested lists and horizontal lists
  • Selectutorial – CSS selectors
    Selectors are one of the most important aspects of CSS as they are used to select elements on an HTML page so that they can be styled. Find out more about selectors including the structure of rules, the document tree, types of selectors and their uses. There is also a step-by-step tutorial showing how selectors are used in the process of building a 3-column layout.
  • CSS Menu Tutorial
    Horizontal and Vertical CSS Menu Tutorials
  • Stylemaster CSS Tutorial
    This tutorial teaches CSS using both hand-coding and Style Master for Windows.
  • Online tutorials
    The House of Style has several cascading style sheets tutorials, with explanations, excercises and worked examples to get you up and running with style sheets as quickly as possible.
  • Stylesheets
    Cascading style sheets tutorials and style guide

Firefox

  • Firefox Extension Development Tutorial
    This tutorial has been created for individuals wanting to develop full-featured extensions for the Mozilla Firefox browser. The tutorial has been constructed as a step-by-step guide providing many examples, explanations, and external references to help the reader have a full understanding of extension development.
  • How to create Firefox extensions
    Basically, this tutorial will show you how to create your first extension from scratch. Since every programmer always learns from the famous Hello, world! example, I figured that would be a good way to introduce you to developing extensions.

Formulare

  • Basic Forms
    basic inputs, text-input boxes, radio buttons and check boxes
  • Tutorial: Bessere Formulare
    Formular-Layout ohne Tabellen, Komfortablere Formularelemente, Verständlichere Fehlermeldungen
  • Forms Tutorial
    Fast 20 Formular Tutorials, für fast jeden Zweck was dabei

HTML

  • Character Sets & Encodings in XHTML, HTML and CSS
    Tutorial on how to markup up XHTML, HTML and CSS pages with information about character encodings, and how to use character escapes.
  • Einführung in XHTML, CSS und Webdesign – XHTML
    Diese Einführung in XHTML, CSS und Webdesign richtet sich an Anfänger, die das Erstellen von Webseiten mit XHTML und CSS erlernen wollen, an Fortgeschrittene, die ihr Wissen weiter vertiefen möchten, aber auch an Profis, die schnell etwas nachschlagen oder zum Beispiel etwas zu der einen oder anderen CSS-Eigenschaft nachlesen möchten.
  • HTML Beginners Guide
    How to make web pages – A good practice guide to HTML and CSS.
  • HTML Tutorial – Basic & Advanced
    In this HTML tutorial you will learn how to use HTML to create your own Web site.
  • My First Site
    We’ll begin very easily here, because I’m assuming you are just starting out. No one likes to look back on My First Site, but hopefully your experience can be made slightly less traumatic with a push in the right direction…
  • XHTML Tutorial
    XHTML is a stricter and cleaner version of HTML. In this tutorial you will learn the difference between HTML and XHTML. We will also show you how this Web site was converted to XHTML.

Java

  • Java Applets
    Short example showing how simple it is to embed an applet on a page.
  • Java Tutorial interaktiv
    Programmieren lernen mit Java – Java für Anfänger unter Einsatz des programmierten Lernens.
  • The Java Tutorial
    Practical, example-based guide that thousands of programmers have used to learn the Java programming language.

JavaScript

  • Basic JavaScript
    In this tutorial we’ll be laying some groundwork on the language, and writing
    our first script.
  • JavaScript Tutorial
    JavaScript is used in millions of Web pages to improve the design, validate forms, detect browsers, create cookies, and much more.
  • Intro to the DOM
    Introduction to the Document Object Model
  • DOM Event Model
    The DOM Event Model

PDF

PHP & MySQL

  • Good PHP Tutorials
    Providing a wide selection of PHP-Tutorials, from beginner to advanced
  • PHPBuilder.com
    The resource for PHP tutorials, templates, PHP manuals, content management systems, scripts, classes and more for the PHP developer
  • PHP: Grundlagen und Praxis
    Die serverseitige Scriptsprache PHP ermöglicht dynamische Web-Seiten, Verknüpfungen mit HTML und Datenbankzugriffe – und PHP ist kostenlos. Hier die Praxistipps dazu
  • PHP Kurs
    In diesem Kurs werden die wichtige PHP Befehle erklärt, um dynamische Inhalte zu generieren.
  • PHP Mini Projekt
    Um professionelle Lösungen anzubieten, müssen PHP Skripte die Datenbanken abfragen. In diesem Kurs wird ein Beispiel mit MySQL gezeigt.
  • PHP Tutorial
    Ein Tutorial über die Programmiersprache PHP in Deutsch

Popups

  • Lightbox JS by Lokesh Dhakar
    Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
  • Popup Windows
    open new customised windows with JavaScript
  • Pure CSS Popups
    Anleitung für CSS Popups von Eric A. Meyer
  • Pure CSS Popups 2
    Anleitung für CSS Popups von Eric A. Meyer, zweiter Teil
  • Pure CSS Pop Ups
    The next page of this article is almost identical to Eric Meyers tutorial but the documents which follow show a very different approach as to how to pop up images (or even text and images at once)

RSS

  • RSS Tutorial
    This tutorial explains the features and benefits of a Web format called RSS, and gives a brief technical overview of it. It also includes information on a similar format called Atom.
  • RSS Tutorial
    There are many resources on the Web for RSS. This tutorial emphasis the benefits of RSS, and how they can be realized. This tutorial refers to other sources for RSS History, Background, and Technical specifications.
  • RSS Tutorial
    Tutorial von w3schools.com
  • Webseiten im Abo mit RSS
    Wie man RSS Feeds abonniert und liest – Tutorial von Stefan Bucher

Suchmaschinen

Tooltips

  • Bubble Tooltips
    Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.
  • JavaScript Fading Tooltips
    Sweet Titles 1.0, Documentation, JavaScript Files, CSS File
  • Tooltip.js
    Tooltip.js is the NEXT GENERATION in Tooltips; using the Web 2.0 approach of doing a simple thing, and doing it well
  • TexSoft – multiline tooltip with HTML CSS and JavaScript
    This document explains how to make nice multiline tooltip for HTML documents, using simple and standard CSS, HTML and JavaScript.

XML

  • A Really, Really, Really Good Introduction to XML
    If you’re not up-to-speed with XML, you’re way behind the 8-ball. Now’s the time to bite the bullet and get a grip on those of XML’s vast capabilities that are relevant to you. Avoid the hype and fluff with this, the introduction you always wanted!
  • XML in der Praxis
    Extensible Markup Language für Profis von Henning Behme und Stefan Mintert
  • XML Tutorial – Basic & Advanced
    XML stands for EXtensible Markup Language. In our XML tutorial you will learn what XML is and the difference between XML and HTML. You will also learn how to start using XML in your applications.
  • SELFHTML – XML/DTDs
    Dieser Abschnitt behandelt den Aufbau von XML-Dateien, das Definieren eigener Auszeichnungssprachen mit Hilfe von XML-DTDs und die Möglichkeiten der Präsentation von XML-Daten.
  • XML – Ein Tutorial
    Das Tutorial bietet eine kompakte Zusammenfassung aller zur Erstellung von Xml-Dokumenten notwendigen Techniken und Definitionen. Wird der Online-Xml-Trainer verwendet, kann die DTD sofort getestet werden.
  • XML Schema – Einführung
    Bei diesem Dokument handelt es sich um eine Übersetzung eines W3C-Textes. “XML Schema Teil 0: Einführung” ist ein nicht-normatives Dokument mit dem Ziel, eine gut lesbare Beschreibung der Möglichkeiten von XML Schema zu bieten und schnell zur Erstellung von Schemata mit der XML Schema Sprache hinzuführen. XML Schema Teil 1: Struktur und XML Schema Teil 2: Datentypen bilden die vollständige normative Beschreibung der XML-Schema-Sprache. Diese Einführung beschreibt die Sprachkonstrukte anhand zahlreicher Beispiele, ergänzt durch etliche Verweise auf die normativen Texte.

Sven Lennartz

Sven Lennartz

Ex Webdesigner, Gründer von Dr. Web und Smashing Magazine. Heute ist Sven als Schriftsteller und Blogger unterwegs. Schau was er jetzt macht…
Dr. Webs exklusiver Newsletter
Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.

27 Kommentare

  1. Wäre das folgende Tutorial eventuell auch interessant für die Sammlung?

    http://www.kopfeffekt.de/blog/google-bild-autor-suchergebnis-serp-strukturierte-daten/

    Als Beschreibung würde ich folgendes vorschlagen:
    Schritt-für-Schritt Anleitung um mit Hilfe von strukturierten Daten und Rich Snippets ein Bild des Autors in den Suchergebnissen von Google anzuzeigen.

    Viele Grüße,
    Flex

  2. Ich hätte ein paar Links zum Thema Barrierefreiheit noch recht gut gefunden. Zwar erzeugt man durch konsequenten Einsatz von XHTML und CSS valide und barrierearme Seiten. Doch es gibt noch mehr zu beachten als den technischen Aspekt…

  3. Hier noch eine Tutorial Linksammlung zu Adobe Produkten

  4. Für die Rubrik PHP & MySQL:
    http://www.php-kurs.com

    PHP-Kurs zum Lernen von PHP und MySQL zusätzlich mit kostenlosem eBook zum Download. Für Einsteiger und Fortgeschrittene geeignet. Erklärt wird für Anfänger anhand von einfachen Beispielen – für Fortgeschrittene komplette Anwendungen, wie z.B. eine Terminverwaltung.

  5. Danke fürs sammeln. Kleiner Hinweis: Maaaddins Ajax/PHP-Schnelleinstieg ist leider nicht (mehr?) verfügbar.

  6. Ajax gefällt mir – werde ich mir genauer ansehen ;)

  7. @ledzep:

    stimmt…

    vielleicht bei Alternativen?
    Rapidshare oder so???

  8. Interessant wäre auch diese AJAX-Tutorialsamllung – Round-up of 30 AJAX Tutorials.

  9. @ phpchris:

    gerne, nur wie? Sehe hier keine Upload-Möglichkeit.

    rockon
    Ledzep

  10. „[…] eine Flash Rubrik vergrößert werden würde, da diese Community in letzter Zeit oft zu kurz kommt“

    Entschuldige bitte:
    Zu Recht! Nieder mit Flash!

    Danke.

  11. Kannst du die Bookmark-Datei mal uploaden???

  12. Bookmark-Datei …
    Hab eine (zugegeben holprige) Lösung mit Firefox + Tab-Erweiterungen gefunden:

    Liste markieren -> Kontextmenü: Ausgewählte Links in einem Tab öffnen -> Rechter Mausklick auf ein Tab -> Kontextmenü -> Lesezeichen für alle geöffneten Tabs erstellen …

  13. Bei der letzten Liste (Onlinegeneratoren) hat einer dankenswerterweise daraus eine Bookmark-Datei erstellt.
    Weiss jemand wie das geht?

    grüsse
    ledzep

  14. Mal wieder fehlt Flash! Wie in letzter Zeit so oft in solchen Linklisten.
    Fände es gut, wenn der Beitrag um eine Flash Rubrik vergrößert werden würde, da diese Community in letzter Zeit oft zu kurz kommt:

    http://www.flashtuts.de – Jede Menge Schritt für Schritt Anleitungen (über 100 Tutorials) zu allen Flash Version, Forum und Downloads

    http://www.flashforum.de – das größte deutsche Forum zum Thema Flash von Sascha Wolter und Marc Thiele

    http://www.flashhilfe.de – Einige Downloads und ein gut besuchtes Board

    http://www.flashstar.de – Seite von Matze Kannengießer, mit sehr vielen Flash Experimenten zum runterladen

    http://www.flashmxpro.com – Auch hier ein paar Tutorials, News und Downloads zum Thema Flash

    http://www.flashtalk.at – Die größte österreichische Flash Gemeinschaft mit Forum, News und Tutorials

  15. HMM HTML–> Fehlt da nicht das gute SelfHTML. Ist nun nicht wirklich ein Tutorial (obwohl ja ein kleines drin ist) aber zum lernen… also ich hab damit alles gemacht damals.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Kennst du schon unseren Newsletter?

Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.