Tutorialwelt.de » Webdesign Tutorial http://www.tutorialwelt.de Tutorials aus der IT-Welt Sat, 22 May 2010 13:24:43 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 Webseiten auch für den Internet Explorer 6 optimieren http://www.tutorialwelt.de/511/webseiten-auch-fur-den-internet-explorer-6-optimieren.htm http://www.tutorialwelt.de/511/webseiten-auch-fur-den-internet-explorer-6-optimieren.htm#comments Tue, 26 Jan 2010 10:00:31 +0000 admin http://www.tutorialwelt.de/?p=511 Vorschau von Webseiten in allen gängigen Browsern) erklärt habe, wie man fe3ststellen kann, ob eine Webseite in allen gängigen Browsern gut aussieht, so kann dieser Prüf-Vorgang doch verhältnismäßig lange dauern. Es kommt mit hinzu, daß man diesen Prüfvorgang nicht beliebig oft starten kann. Viele Auftraggeber fordern, daß eine Internet-Seite auf allen gängien Browsern vergleichbar gut aussieht. Hierbei beziehen sie auch gerne den Internet-Explorer in der Version 6-8 mit ein. Das hat folgenden Grund: Der Internet Explorer 6 hat doch sehr viele Eigenarten.... Related posts:
  1. Eine Vorschau Ihrer Webseite in allen gängigen Browsern Jedem wird dies passieren. Sie haben Ihre Webseite fertig gestellt....
  2. HTML Tutorial mit Video – Der Quirks Modus und margin auto im Internet Explorer Wer schon einmal versucht hat, im Internet Explorer Divs per...
  3. WICHTIGES Sicherheits-Update für Internet Explorer 6-8 Heute möchte ich alle meine Besucher darauf aufmerksam machen, daß...
Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.]]> Webdesign Tutorial – Webseiten auch für den Internet Explorer 6 optimieren

Auch wenn ich bereits in einem anderen Tutorial (Vorschau von Webseiten in allen gängigen Browsern) erklärt habe, wie man feststellen kann, ob eine Webseite in allen gängigen Browsern gut aussieht, so kann dieser Prüf-Vorgang doch verhältnismäßig lange dauern. Es kommt mit hinzu, daß man diesen Prüfvorgang nicht beliebig oft starten kann.

Viele Auftraggeber fordern, daß eine Internet-Seite auf allen gängien Browsern vergleichbar gut aussieht.
Hierbei beziehen sie auch gerne den Internet-Explorer in der Version 6-8 mit ein.
Das hat folgenden Grund: Der Internet Explorer 6 hat doch sehr viele Eigenarten. Bei einigem, was eigentlich standardmäßig funktionieren sollte… wollen wir es mal freundlich ausdrücken… tanzt der IE6 ein wenig aus der Reihe. Da der IE6 noch sehr häufig im Einsatz ist, kann es sinnvoll sein, Seiten auch hierfür zu optimieren.

Man kann den Internet Explorer allerdings nur einmal installiert haben.

Doch es gibt auch hierzu zwei Lösungen:
Multiple IE
Internet Explorer Collection

Ich persönlich bevorzuge die Internet Explorer Collection.

Mit dieser Software können Sie den Internet Explorer in allen alten Versionen simulieren lassen und darin Webseiten testen.

Diese Option sollten Sie erst recht in Erwägung ziehen, wenn Sie eine Auftragsarbeit für einen Kunden erledigen und dieser Ihnen mitteilt, daß Ihre Seite doch ganz anders aussieht, als es bei Ihnen der Fall ist.

Wenn Sie dann den Kunden fragen, welchen Browser er denn einsetzt und er Ihnen antwortet “den Internet Explorer…” oder vielleicht sogar: “Was ist ein Browser?” Spätestens dann ist der Einsatz eines solchen Programmes gefordert.

Related posts:

  1. Eine Vorschau Ihrer Webseite in allen gängigen Browsern Jedem wird dies passieren. Sie haben Ihre Webseite fertig gestellt....
  2. HTML Tutorial mit Video – Der Quirks Modus und margin auto im Internet Explorer Wer schon einmal versucht hat, im Internet Explorer Divs per...
  3. WICHTIGES Sicherheits-Update für Internet Explorer 6-8 Heute möchte ich alle meine Besucher darauf aufmerksam machen, daß...

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

]]> http://www.tutorialwelt.de/511/webseiten-auch-fur-den-internet-explorer-6-optimieren.htm/feed 2 Webdesign Tutorial – Farbverlauf für den Hintergrund einer Webseite erstellen http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm#comments Mon, 25 Jan 2010 07:22:39 +0000 admin http://www.tutorialwelt.de/?p=509
  • Webdesign – Karierte Hintergründe für Ihre Webseite Heute möchte ich eine weitere Webseite vorstellen, mit der man...
  • CSS Tutorial mit Video – Hintergrund für Internet Seite erstellen Um einen Hintergrund für eine Webseite zu erstellen kann man...
  • Webdesign – Hintergrundmuster für Ihre Webseite (Retro Look) Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...
    • Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.]]>     Webdesign Tutorial – Mit gradient-maker.com einen Farbverlauf für den Hintergrund einer Webseite erstellen

    Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner Webseite zu erstellen.
    Man kann Photoshop oder GIMP als Software verwenden. Man erstellt ein neues Dokument mit der
    gewünschten Höhe und einer Breite von nur einem Pixel und wendet dort das Farbverlaufswerkzeug an.

    Man kann aber auch den kostenlosen Dienst einer Webseite in Anspruch nehmen.

    Auf gradient-maker.com können Sie ganz einfach einen Farbverlauf für Ihre Webseite erstellen.

    Stellen Sie einfach die Höhe ein die Startfarbe und die Endfarbe. Notieren Sie sich den Wert der Endfarbe. Diesen Wert benötigen wir dann noch für unseren CSS Code.

    Diesen Farbverlauf können wir ganz einfach mit folgendem CSS-Code in den Hintergrund unserer Seite integrieren:

    Beispielcode HTML:

    <html>
 <head>
  <style type="text/css">
   body {
                 background: #ffffff url('derdateiname.jpg') repeat-x;
   }
  </style>
 </head>
 <body>
 </body>
</html>



    Beachten Sie bitte, daß #ffffff der Farbwert für den unteren Wert des Farbverlaufes sein sollte.
    Das hat folgenden Grund: Man kann einen Hintergrund leider nicht beliebig strecken.
    Beim Erstellen des Hintergrundes legen wir bereits fest, wie hoch der Farbverlauf sein wird.
    Eine 400px hohe Farbverlaufsgrafik wird auch nur 400px des Hintergrundes an Höhe abdecken.
    Da wir dann einen schönen Übergang zu der eigentlichen Hintergrundfarbe wünschen, sollte der Hintergrund mit der unteren Farbe des Verlaufes flächendeckend gefüllt werden.

    In der Breite fordern wir den Browser auf, den Farbverlauf zu wiederholen. Das machen wir mit dem Zusatz repeat-x. X steht hierbei für die X-Achse eines Koordiantensystemes… also einer waagerechten Linie.

    In einem anderen Tutorial werde ich nochmals genauer auf das Erstellen von Hintergründen per CSS eingehen.

    Related posts:

    1. Webdesign – Karierte Hintergründe für Ihre Webseite Heute möchte ich eine weitere Webseite vorstellen, mit der man...
    2. CSS Tutorial mit Video – Hintergrund für Internet Seite erstellen Um einen Hintergrund für eine Webseite zu erstellen kann man...
    3. Webdesign – Hintergrundmuster für Ihre Webseite (Retro Look) Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...

    Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

    ]]>     http://www.tutorialwelt.de/509/webdesign-tutorial-farbverlauf-fur-den-hintergrund-einer-webseite-erstellen.htm/feed 0     Webdesign – Hintergrundmuster für Ihre Webseite (Retro Look) http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm#comments Sun, 24 Jan 2010 15:05:09 +0000 admin http://www.tutorialwelt.de/?p=497
  • Webdesign – Karierte Hintergründe für Ihre Webseite Heute möchte ich eine weitere Webseite vorstellen, mit der man...
  • Webdesign – gestreifte Hintergründe für Ihre Webseite Heute möchte ich Ihnen zeigen, wie Sie gestreifte Hintergründe für...
  • Webdesign Tutorial – Farbverlauf für den Hintergrund einer Webseite erstellen Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...
    • Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.]]>     Webdesign – Hintergrundmuster für Ihre Webseite (Retro Look)

    Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der man kostenlos Hintergrundmuster im Retro Look erstellen und herunterladen kann. Diese Seite ist wirklich klasse.

    bgpatterns.com

    Hier kann man beeindruckende Hintergrundmuster erstellen.

    Wählen Sie ein Motiv und dessen Farbe sowie Transparenz, Größe und Ausrichtung. Sie können nun noch die Farbe für den Hintergrund einstellen und dafür sogar eine Struktur auswählen.

    Jeder Webdesigner sollte sich mit den Möglichkeiten dieses Konfigurators zumindest einmal auseindergesetzt haben.

    Man darf auch nicht außer Acht lassen, daß der Retro-Look wieder zurückkommt.

    Hier ein Screenshot der Webseite:

    Hintergrundmuster für Webseiten

    Hintergrundmuster für Webseiten

    Ich habe Ihnen mal ein paar Hintergrundmuster hier mit eingefügt:

    Herz-Hintergrundmuster für Webseiten

    Herz-Hintergrundmuster für Webseiten

    Hintergrundmuster für Webseiten

    Hintergrundmuster für Webseiten

    Hintergrundmuster für Webseiten

    Hintergrundmuster für Webseiten

    Hintergrundmuster für Webseiten

    Hintergrundmuster für Webseiten

    Die erstellten Hintergrundgraphiken kann man dann per CSS mit dem Befehl:
    background: url(’dateiname.jpg’);
    einfügen

    Beispielcode HTML:

    <html>
 <head>
  <style type="text/css">
   body {
                 background: url('derdateiname.jpg');
   }
  </style>
 </head>
 <body>
 </body>
</html>

    Related posts:

    1. Webdesign – Karierte Hintergründe für Ihre Webseite Heute möchte ich eine weitere Webseite vorstellen, mit der man...
    2. Webdesign – gestreifte Hintergründe für Ihre Webseite Heute möchte ich Ihnen zeigen, wie Sie gestreifte Hintergründe für...
    3. Webdesign Tutorial – Farbverlauf für den Hintergrund einer Webseite erstellen Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...

    Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

    ]]>     http://www.tutorialwelt.de/497/webdesign-hintergrundmuster-fur-ihre-webseite-retro-look.htm/feed 0