html_arbeitsauftrag
Werbung
1. Wofür steht die Abkürzung HTML? HyperText Markup Language 2. Welche HTML-Standards (Versionen) wurden im Laufe der Jahre vom W3C offiziell frei gegeben? • HTML 2.0 ist die offizielle Norm, die diejenigen Grundfunktionen von HTML definiert, die von allen (auch den älteren) Web-Browsern sinnvoll dargestellt werden. • HTML 3.2 ist der De-facto-Standard, der diejenigen HTML-Elemente umfasst, die von fast allen Browser-Versionen (ab 1996/97) weitgehend unterstützt werden. • HTML 4.0 ist ein Vorschlag des W3-Consortiums, der von neueren Browser-Versionen (ab 1997/98) zumindest teilweise unterstützt wird. • Die Weiterentwicklung von HTML ab 1999/2000 wird in die Richtung von XHTML gehen. 3. Was besagt das "3-Tiere-Modell"? Schriftart, Schriftgröße und Schriftfarbe 4. Welcher Bereich einer HTML-Seite wird mit <head> gekennzeichnet und welche Bedeutung hat er? head=kopf Der Kopfbereich, in dem allgemeine Angaben gemacht werden, die nicht im Browserfenster angezeigt werden. 5. Welcher Bereich einer HTML-Seite wird mit <body> ausgezeichnet? Das HTML body-Tag kennzeichnet Beginn und Ende des Inhalts der Webseite, der im Browserfenster dargestellt wird. 6. Welche aktuellen HTML-Editoren kennen Sie? • HTML Studio • Homesite • Coda 7. Welche Zeichen sollten in Datei- und Ordnernamen nicht verwendet werden? ":" Doppelpunkt "/" Schrägstrich nach vorne "?" Fragezeichen "#" Gatter "[" eckige Klammer auf "]" eckige Klammer zu "@" "Klammeraffe" "!" Ausrufungszeichen Anita Topalovic "&" kaufm. UND / Ampersand "'" einfaches Hochkomma "(" runde Klammer auf ")" runde Klammer zu "*" Sternchen / Multiplikatorzeichen "+" Plus / Additionszeichen ";" Semikolon "," Komma "\" Schrägstrich nach hinten "=" Gleichheitszeichen "%" Prozentzeichen "§" Paragrafenzeichen " doppeltes Hochkomma (Anführungszeichen) ÜÖÄ üöäß alle großen und kleinen deutschen Umlaute 8. Welche Endung sollten HTML-Dateien haben? Gibt es Unterschiede bei den einzelnen Betriebssystemen? „htm“ und „html“ Es gibt zahlreiche Programme, über die man sich einfach eine Website „zusammenklickt“ und durch die man zum Schluss den fertigen HTML-Code in Form einer Datei mit den entsprechenden weiteren CSS-Datei und Bildern bekommt. So lässt sich aber nicht HTML lernen. Und vor allem ist es schwer abzuschätzen, ob der erstellte HTML-Code gut ist (oder „nur“ funktioniert). Hier gilt der Satz von Antoine de Saint-Exupéry „Perfektion ist nicht dann erreicht, wenn es nichts mehr hinzu zu fügen gibt, sondern wenn man nichts mehr weglassen kann.“ Wir wollen hier keine Programme, die uns automatisch HTML-Seiten erstellen und somit nicht hilfreich beim Lernen von HTML sind. Daher ist hier zunächst Handarbeit angesagt. Was am Anfang mehr Zeit benötigt, wird ab einem gewissen Grad der HTML-Kenntnisse es einem ermöglichen, rascher schnelle und schlankere Websites zu erstellen als irgendein WYSIWYG-Programm. WYSIWYG steht für „What You See Is What You Get“ – also „Was du siehst, ist, was du bekommst“ – damit werben verschiedene Programme, mit denen man HTML-Seiten zusammenklicken kann. Wir wollen aber HTML lernen, daher Handarbeit. 9. Warum sollte der HTML-Quelltext mit Kommentaren versehen werden? HTML beinhaltet die Möglichkeit, an beliebigen Stellen innerhalb einer HTML-Datei Kommentare einzufügen. Kommentare werden von Web-Browsern ignoriert, d.h. bei der Präsentation nicht Anita Topalovic angezeigt. Kommentare sind z.B. sinnvoll, um interne Angaben zu Autor und Erstelldatum in einer Datei zu platzieren, um interne Anmerkungen zu bestimmten Textstellen zu machen oder um verwendete HTML-Tags intern aus zukommentieren. 10. Mit welchen Zeichen wird ein Kommentar innerhalb des HTML-Quelltextes eingefügt? <!-- Dies ist ein Kommentar --> Zum internen Auskommentieren von Inhalten oder Befehlen. Wird im Browser nicht angezeigt. 11. Geben Sie an, mit welchem HTML-Tag Sie die jeweilige Formatierung vornehmen können. <h[1-6]> (h = heading = Überschrift) <p> (p = paragraph = Absatz; Textabsätze) 12. Geben Sie an, mit welchem HTML-Tag Sie das jeweilige Zeichen darstellen können. &# 13. Welche HTML-Tags stehen zur Kennzeichnung von Überschriften zur Verfügung (Headline)? <h[1-6]>Text</h[1-6]> Sechs Überschriftenebenen sind erlaubt, also z.B. <h1>Text</h1>. 14. Wofür stehen die HTML-Tags <ol>, <dl> und <ul>? Welche Attribute stehen jeweils zur individuellen Gestaltung zur Verfügung? <ol> leitet eine nummerierte Liste ein (ol = ordered list = nummerierte Liste). <dl> leitet eine Definitionsliste ein (dl = definition list = Definitionsliste). <ul> leitet eine Aufzählungsliste ein (ul = unordered list = unsortierte Liste). 15. Wofür kann das HTML-Tag <div> verwendet werden? Mit <div> leiten Sie ein allgemeines Block-Element ein, in das Sie mehrere andere Block-Elemente einschließen können (div = division = Bereich). Alles, was zwischen diesem Tag und dem abschließenden </div> steht, wird als Teil des Bereichs interpretiert. 16. Mit welchem HTML-Tag setzen Sie einen Hyperlink? Welches Attribut ist zwingend notwendig? Für Verweise in HTML gibt es das a-Element (a = anchor = Anker). Damit jedoch ein Verweis aus diesem Element wird, ist das Attribut href erforderlich (href = hyper reference = Hyper(text)Referenz). 17. Wofür benötigt man die Verlinkung von Textmarken (Anker) im selben Dokument? Sie können innerhalb einer HTML-Datei Anker definieren. Dann können Sie Verweise zu solchen Ankern setzen, um einen Sprung genau an die Ankerstelle innerhalb der Datei zu veranlassen. Der Verweis kann in der gleichen Datei stehen. Dann wird einfach ein Sprung innerhalb der angezeigten Seite ausgeführt. Der Verweis kann aber auch in einer anderen Datei stehen. Dann wird die Zieldatei geladen, und der Browser springt, sobald er die Stelle mit dem Anker geladen hat, an die entsprechende Stelle innerhalb der Datei. 18. Welches Attribut verwenden Sie, um den Hyperlink in einem neuen Browserfenster zu öffnen? _blank, um den Verweis in einem neuen Fenster zu öffnen, Anita Topalovic 19. Warum sollten externe Verweise immer in einem neuen Browserfenster geöffnet werden? Aus technischer Sicht stellen projekt-externe Verweise kein großes Problem dar. Im Abschnitt Referenzieren in HTML wird beschrieben, welche Möglichkeiten zur Referenzierung bestehen. Diese Möglichkeiten sind beim href-Attribut des <a>-Tags erlaubt. 20. Mit welchem HTML-Tag kann ein E-Mail versendet werden? Gibt es dabei Einschränkungen? Beim href-Attribut des einleitenden <a>-Tags wird das Verweisziel angegeben. Verweisziele vom Typ "E-Mail" beginnen immer mit mailto: (ohne // dahinter!). Der Verweis ist bei Anwendern nur ausführbar, wenn der Web-Browser das Erstellen und Absenden von E-Mails unterstützt (z.B. Netscape), oder wenn bei solchen Verweisen automatisch ein E-MailProgramm gestartet wird (dies ist z.B. beim Internet Explorer der Fall). Es ist sinnvoll, im Verweistext die E-Mail-Adresse noch einmal explizit zu nennen, so wie im obigen Beispiel, damit Anwender, bei denen der E-Mail-Verweis nicht ausführbar ist, auf Wunsch separat eine E-Mail senden können. 21. Was versteht man unter einem absoluten und einen relativen Pfad zu einer verlinkten Datei? Aus Betriebssystemsicht ist ein Pfadname nur unmissverständlich, wenn er wie oben beschrieben vollständig angegeben wird. Um Bedienung und Programmentwicklung zu vereinfachen ist es auf den meisten Systemen aber möglich, mit sogenannten relativen Pfadnamen zu arbeiten. Dabei werden einzelne Komponenten eines Pfadnamens weggelassen, z. B. die Laufwerksangabe oder ein Teil der vorangestellten Verzeichnisliste. Als Bezugspunkte für relative Pfadnamen wird seitens des Betriebssystems für jedes laufende Programm das aktuelle Laufwerk (nur Windows/Apple) sowie das aktuelle Verzeichnis verwaltet. Unvollständige, „relative“ Pfadangaben werden dann ausgehend von den aktuellen Werten interpretiert. 22. Nennen Sie mindestens zwei Regeln, die Sie bei der Erstellung von Hyperlinks beachten sollten. • Achten Sie darauf, dass ihr neues HTML Dokument ein vollständiges HTML-Grundgerüst enthält. • Beachten Sie bei der Texteingabe die Maskierungsvorschriften für Zeichenvorrat und HTMLeigene Zeichen. 23. Was sind "Image Maps"? Verweis-sensitive Grafiken sind Grafiken, in denen der Anwender mit der Maus auf ein Detail klicken kann. Daraufhin wird ein Verweis ausgeführt. Auf diese Weise kann der Anwender in einigen Fällen wesentlich intuitiver und schneller zu Information gelangen als durch lange verbale Verweislisten. 24. SPEZIALFRAGE: Was ist der Unterschied zwischen clientseitigen und serverseitigen Skriptsprachen im Internet? • serverseitigen S.: Für das WWW werden Skriptsprachen häufig auf den Servern verwendet, um dynamisch Seiten oder ganze Webanwendungen zu erstellen z.B. Wikis, bei Foren, Gästebüchern und bei Onlinegeschäften. • Des Weiteren werden clientseitige Skriptsprachen auch in den Webseiten selbst eingebunden und in den Browsern ausgeführt. Anita Topalovic
