Currently browsing category

Internet, Page 2

Inhalte zu Internet

Modernes Seitenlayout mit CSS

Wahl des Designs
 
Mit CSS lassen sich weit mehr Einstellungen beeinflussen als wir bisher als pure Textformatierung kennen gelernt haben. CSS kann das Design einer kompletten Webseite gestalten.
Folgendes Design soll in den nächsten Unterrichtsstunden Stück für Stück realisiert werden:

In den folgenden Lerneinheiten nähern Sie sich dem Muster Schritt für Schritt
 
Laden Sie sich das Verzeichnis „theis-cr_CSS_Seitenlayout.ZIP“ runter. […]

Gliederung und Auzählung

Warum Gliederung?
Zur besseren und schnelleren Übersicht können Informationen, die sich dazu eignen, strukturiert aufgelistet oder gegliedert werden. Man unterscheidet die nummerierte Aufzählung und die nicht nummerierte Aufzählung.
Eine Liste, die eine bestimmte Reihenfolge wiedergeben soll, wird nummeriert. Sei es mit Ziffern oder Buchstaben. Ist die Reihenfolge der aufgelisteten Punkte noch nicht festgelegt, nicht erwünscht oder ist […]

Text- und Bildausrichtung

Texte, Bilder, Navigation oder Formulare können wie folgt ausgerichtet sein:

linksbündig
rechtsbündig
zentriert

Dies wird mit dem ALIGN-Tag erreicht: <P ALIGN=“LEFT“>
Linksbündigen Text muss man nicht gesondert notieren, da es als Standardeinstellung gilt. Erst bei einer Änderung nach einem zentrierten oder rechtsbündigen Text muss dieser Tag verwendet werden, wenn man wieder Linksbündigkeit herstellen möchte
<P ALIGN=“CENTER“>Häufig werden Überschriften und Bilder mit […]

Aufbau einer Webseite

Die Programmiersprache HTML
Webseiten werden in der Programmiersprache HTML (hypertext markup language) erstellt. Struktur und Format erhalten einzelne Wörter oder längere Textpassagen durch öffnende und schließende Tags. Einige Attribute verlangen keinen schließenden Tag.
Beispiel1:
Eine Hauptüberschrift wird wie folgt von einem öffnenden und einen schließenden Tag eingeschlossen:
<H1>Kapitel2: Struktur einer Webseite </H1>

Beispiel2:

Soll eine Zeile nur umgebrochen werden reicht der […]

Software für die Erstellung von Webseiten

HTML
Zum Programmieren von Webseiten werden entsprechende Webeditoren eingesetzt. Das Programm Kompozer isteinsogenannterWYSIWYG-Editor=whatyouseeiswhatyouget. Man schreibt seinen Text wie mit einem Textverarbeitungsprogramm und im Hintergrund wird der HTML-Code erzeugt, welcher auch separat bearbeitet werden kann.
Ein anderer sehr guter Webeditor ist KomodoEdit der Firma Active State.Hier findet die Programmierung nur im Quellcode statt.
CSS
Zum Bearbeiten von Cascading Stylesheets können […]

meta-Tags

META
1. keywords
2. robots
 
 

META

1)keywords
Damit Suchwörter gefunden werden, können diese mittels „keyword“ im HEAD-Bereich der Webseite angegeben werden.
<meta name=“keywords“ content=“Chrissis Ferienwohnung, Chrissis Surfbrettbohnerwachs-Verleih“ />
 

2) robots

<meta name=“robots“ content=“index“> = erlaubt Suchdiensten die Seite in ihre Datenbank aufzunehmen

<meta name=“robots“ content=“noindex“> = verbietet Suchdiensten die Seite in ihre Datenbank aufzunehmen

<meta name=“robots“ content=“nofollow“> = untersagt Suchdiensten, dass untergeordnete Webseiten indiziert […]