Webdesign und Webseitengestaltung

Der Streetworker Hartmut Regitz des ASB in Neunkirchen/Saar bietet in Zusammenarbeit mit der Firma AcWeDeS-Webdesign einen kostenlosen Workshop zur Gestaltung und Entwicklung einer Homepage an.

Die Workshop-Teilnehmer werden in die Lage versetzt eine barrierefreie und standardkonforme Webseite selbstständig zu planen, umzusetzen und im Internet einzustellen.

Alle Arbeitslose Menschen und Geringverdiener mit Interesse an der Webseitenentwicklung sind dazu herzlich eingeladen.

geplante Inhalte:

• Umgang mit der Ordner- und Dateiverwaltung des Betriebssystems


• Arbeiten mit einem Texteditor


• Grundlagen von XHTML und Formatierung mit CSS
  
  
  
  • Ein einfaches HTML-Dokument
  
  
  • Sonderzeichen
  
  
  • Textformatierung
  
  
  • Listen
  
  
  • Tabellen
  
  
  • Bilder
  
  
  • Verweise und Anker
  
  
  
  


• Layoutentwurf
  
  
  
  • Das mehrspaltige Layout
  
  
  • Die Navigationsstuktur
  
  
  
  


• Rechtliche Aspekte beim Betrieb einer Webseite
  
  
  
  • Das Impressum
  
  
  • Der Domaininhaber
  
  
  
  


• Der Webserver und die Einstellung ins Internet

Der Workshop dauert 12 Wochen und findet ab dem 21. April 2009 jeden Dienstag von 10:00 bis 12:00 Uhr in den Räumen der GSE, Bahnhofstraße 26-28, in Neunkirchen statt.
Vorkenntnisse sind nicht erforderlich.

Da die Anzahl der Teilnehmer beschränkt ist, wird gebeten sich rechtzeitig anzumelden.

Anmeldungen werden entgegengenommen von:

Hartmut Regitz
KOMMunikationszentrum
Kleiststraße 30b
66538 Neunkirchen

Tel: 06821/919234
Handy: 0173/1759186

Labels: News, Webdesign, XHTML

Landing-Page-Wettbewerb bei Radio4Seo

Bin kaum wieder aus dem Urlaub, hat der Marco von Radio4Seo einen Landing-Page-Wettbewerb ausgerufen. Zu gewinnen gibts auch verschiedene Preise, die von Fixmeier Limited gesponsert wurden. Fixmeier hat auf der diesjährigen Messe Cebit durch ihre DSL-Produkte zur Beschleunigung der Internet-Verbindung, und durch die lustigen Videos auf ihrer Webseite für Aufsehen gesorgt. Niemand weiß bis jetzt so richtig, welche Absicht hinter ihrer Kampagne steckt, und was da noch so alles kommen wird.

Aufgabe des Wettbewerbs bei Radio4Seo ist es, eine optimierte Landing-Page zu entwerfen, auf der fiktive Produkte zur DSL-Beschleunigung angeboten werden. Da musste ich doch direkt mal mitmachen.

DSL-Beschleuniger

Mein Beitrag zum Wettbewerb beschreibt verschiedene Konstruktionen zur DSL-Beschleunigung. Jeweils einen analogen FunFilter und einen digitalen Linkumwandler, welche den nofollow-Wert des rel-Attributs bei Hyperlinks aus dem DSL-Datenstrom ausfiltern sollen. Dann noch einen DSL-Beschleuniger als eine Art Kaffeemaschine, sowie eine Beschwörungs-Musik für DSL-Leitungen.

Webdesign

Das Layout von AcWeDeS barrierefreiem Webdesign im Saarland hat den Vorteil, das der halbtransparente Hintergrund in jedem Browser funktioniert. Dafür wird die Schrift jedoch bei kleineren Bildschirmauflösungen mit weniger Pixeln angezeigt. Hier hilft dann aber eine Vergrößerung des Schriftgrades weiter. Es hat alles seine Vor- und Nachteile und gerade beim Webdesign muss man halt immer noch Kompromisse eingehen.

Preise

Naja, der Schwerpunkt liegt auf Fun und dem Spaßfaktor. Bin mal gespannt, ob ich einen dieser Preise, die aus allen Teilnehmern ausgelost werden gewinne. Eigentlich habe ich es aber, auf den bis jetzt noch unbekannten Sonderpreis für die beste Landing-Page abgesehen.

Labels: Fun, Landing-Page

Nun ist es soweit. In diesem Monat startete ein neues Wiki: Webseiten professionell zum Thema Webdesign und Webseitengestaltung vom SELFHTML-Begründer Stefan Münz. Von diesem Wiki wohl in Zukunft noch öfter die Rede sein.

Das Wiki startet als offizielle Webseite zum seinem Buch:"Webseiten professionell erstellen", welches nun schon in der dritten Auflage vorliegt. Hier kann jeder eigene Beiträge zur Webseitengestaltung veröffentlichen. Daran angeschlossen ist ein eigenes Forum, indem der Buch-Autor selbst als Administrator vertreten ist.

Das Wiki bietet die wichtigsten Quelltexte aus dem Buch zum Kopieren, mit vielen internen und externen Links, sowie interessante News zum Thema Webdesign.

Labels: News, Wiki

Hallo Surfer, Webdesigner und Webdesign-Interessierte,
da mein erster Post mittlerweile ohne Komplikationen die Bloggerwelt erblickt hat, kann es jetzt mit einen Artikel über den Grundaufbau eines XHTML-Dokuments weitergehen.

Folgender Aufbau wurde früher oft für das Grundgerüst einer HTML-Datei herangezogen:

<html>
   <head>
      <title>Titel</title>
   </head>
   <body>
      <p>Inhalt</p>
   </body>
</html>

Aus heutiger Sicht wird dieser Grundaufbau aus mehreren Gründen nicht mehr verwendet.

• Standardkonformität: Der Quelltext entspricht nicht mehr den heutigen Standards der Webseitengestaltung.


• Optimierung: Der Quelltext ist ungeeignet für eine effektive Suchmaschinen-Optimierung.

Ein Vorteil soll jedoch nicht verschwiegen werden. Der Quelltext ist übersichtlich, weniger fehleranfällig und kann schnell mit einem Editor hingeschrieben werden.

Grundaufbau aus heutiger Sicht

Näheres zur Webseitengestaltung in XHTML für Anfänger finden Sie im XHTML-Workshop.

Heutzutage wird eine modernes XHTML-Dokument folgendermassen aufgebaut:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
   <head>
      <title>Titel</title>
      <meta name="description" content="Beschreibung" />
      <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
      <link rel="stylesheet" href="formatierung.css" type="text/css" />
   </head>
   <body>
      <p>Inhalt</p>
   </body>
</html>

Die Zeilen im Einzelnen

XML-Deklaration

<?xml version="1.0" encoding="UTF-8"?>

Diese Zeile teilt den Browsern mit, dass es sich beim nachfolgenden Code um ein XHTML-Dokument handelt, und welcher Zeichensatz dazu benutzt wird. Bei Verwendung der Zeichensätze UTF-8 oder UTF-16, wie in diesem Beispiel, kann die XML-Deklaration auch weggelassen werden.


Dokumenttyp-Deklaration

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Mit der Dokumenttyp-Deklaration wird die verwendete XHTML-Version der Datei spezifiziert und die URL der Dokument-Definition angegeben.


XML-Namensraumangabe

<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

Es folgt die XML-Namensraumangabe mit Angaben zur verwendeten Sprache (hier: de) des XHTML-Dokuments.


Titel

<title>Titel</title>

Der Titel des Dokumentes ist sowohl für die Standardkonformität, als auch für die Optimierung der Webseitengestaltung zwingend erforderlich. Der Titel wird in den meisten Fällen in den Suchmaschinen-Ergebnissen als erstes angezeigt. Der Inhalt des Title-Tags wird von allen Suchmaschinen als
besonders wichtig für das Suchergebnis eingestuft.


Beschreibung

<meta name="description" content="Beschreibung" />

Auch die Beschreibung des Webdokumentes ist sehr wichtig für die Optimierung der Webentwicklung. Der hier angegebene Text ist wichtig für das Suchergebnis, und erscheint zusätzlich in den Suchmaschinen-Ergebnissen als zweite Zeile direkt unter
dem Titel der Webentwicklung.


MIME-Typ und Zeichensatzangabe

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

Hier wird für den Webserver der MIME-Typ und der Zeichensatz angegeben, mit welchem er die anfragenden Browser bedienen soll.


StyleSheet-Angabe

<link rel="stylesheet" href="formatierung.css" type="text/css" />

In dieser Zeile wird die externe Formatierungsdatei in das XHTML-Dokument eingebunden. An dieser Stelle wird davon ausgegangen, dass alle Formatierungen der Webentwicklung in dieser zentralen Formatierungsdatei angegeben werden.
Sollte das XHTML-Dokument selbst Style-Informationen beinhalten, so wird zusätzlich die folgende Meta-Angabe nötig, um die Standardkonformität der Webentwicklung zu gewährleisten:

<meta http-equiv="content-style-type" content="text/css" />

Labels: Aufbau, Dokument, Optimierung, Standardkonformität, XHTML

Hallo Surfer - herzlich Willkommen,
endlich ist es soweit. Mit diesem Posting eröffne ich nun meinen ersten Blog zu den Themen Webdesign, Webseitengestaltung und alles was sonst noch irgendwie dazu gehört. Da ich bis jetzt leider noch Null Erfahrung beim Bloggen habe, kann bestimmt auch einiges dabei schiefgehen.
Sicherheitshalber verweise ich in diesem ersten Post nochmal zu meinem Impressum, obwohl der Link in der Sidebar es auch tun müsste.

Zu meiner Person
Mein Name: Wolfgang Schmidt, komme aus Hannover, wohnte schon in mehreren deutschen Großstädten, und bin schließlich vor etwa zehn Jahren in Neunkirchen im Saarland hängengeblieben. Mit dem Webdesign beschäftige ich mich seit etwa zweieinhalb Jahren. Besonders interessieren mich die Themen Standardkonformität und Barrierefreiheit, von denen in Zukunft hier im Blog auch öfter noch die Rede sein wird.
Doch jetzt genug mit der Vorankündigung und Start frei zum ersten Post meines ersten Blogs.

Labels: Begrüßung