HTML Grundlagen

Vorbereitung auf die dritte Modulprüfung des üK 101.

0.0 (0)

Belinda Ebener

Lernen

Belinda Ebener

Über diese Lernkartei

Diese Lernkarten bieten eine Einführung in die Grundlagen des Webdesigns und der Webentwicklung für die Berufslehre. Sie behandeln Themen wie die Erstellung von Webseiten, die Verwendung von HTML, CSS und JavaScript, sowie die Gestaltung von Weblayouts und die Optimierung von Inhalten für verschiedene Zielgruppen. Die Karteikarten sind besonders nützlich für angehende Webdesigner und Entwickler, die ihre Kenntnisse in der Erstellung und Verwaltung von Webinhalten vertiefen möchten.

Karten

Lernende

Sprache

Deutsch

Kategorie

Informatik

Stufe

Berufslehre

Erstellt / Aktualisiert

06.06.2016 / 08.01.2021

Ähnliche Karteien

SQL wird eingesetzt, um

Animationen im Web zu entwickeln.

Datenbanken zu verwalten.

Diashows zu programmieren.

serverseitige Programme zu entwickeln.

Animationen im Web zu entwickeln.

Datenbanken zu verwalten.

Diashows zu programmieren.

serverseitige Programme zu entwickeln.

Was unterscheidet AJAX-Anwendungen von anderen modernen Webanwendungen?

standardbasiertes Webdesign

asynchroner Zugriff auf Server-Daten, während man auf derselben Seite bleibt

Benutzung von XML in Webseiten

Interaktivität mithilfe von JavaScript

standardbasiertes Webdesign

asynchroner Zugriff auf Server-Daten, während man auf derselben Seite bleibt

Benutzung von XML in Webseiten

Interaktivität mithilfe von JavaScript

Welcher der folgenden Anwendungen gehört nicht zu den typischen Web-2.0-Anwendungen?

Soziale Netzwerke

Blogs

Wikis

Lesezeichen

Soziale Netzwerke

Blogs

Wikis

Lesezeichen

Welche besondere Funktion von Google Suggest wird erst durch AJAX möglich?

Suche in der enorm großen Google-Datenbank

automatisches Anbieten von Verfeinerungen des jeweils bereits eingetippten Suchbegriffs

automatische Übersetzung von Webseiten

Suche in der enorm großen Google-Datenbank

automatisches Anbieten von Verfeinerungen des jeweils bereits eingetippten Suchbegriffs

automatische Übersetzung von Webseiten

Was ist der erste Schritt bei der Erarbeitung eines Konzeptes?

das Angebot

die Kalkulation

das Briefing

das Angebot

die Kalkulation

das Briefing

Die Phasen eines Projektes

werden vom Auftraggeber bestimmt

sind abhängig vom Projekt

werden vom Auftraggeber bestimmt

sind abhängig vom Projekt

Ein Pflichtenheft wird vom

Auftragnehmer erstellt.

Auftraggeber erstellt.

Auftragnehmer erstellt.

Auftraggeber erstellt.

Ein Lastenheft wird vom

Auftragnehmer erstellt.

Auftraggeber erstellt.

Auftragnehmer erstellt.

Auftraggeber erstellt.

Die Gliederungspunkte eines Lastenheftes umfassen

Kalkulation

Erfolgskriterien

Angebot

Kalkulation

Erfolgskriterien

Angebot

Welchen wichtigen Punkt dürfen Sie im Briefing auf keinen Fall vergessen?

Die voraussichtlichen Kosten

Das Exposé

Die Ziele, die der Kunde mit der Website erreichen Will

Die voraussichtlichen Kosten

Das Exposé

Die Ziele, die der Kunde mit der Website erreichen Will

Welchen Punkt muss Ihr Angebot auf jeden Fall enthalten?

Das Exposé

Das Feinkonzept

Scribble mit dem Design

Das Exposé

Das Feinkonzept

Scribble mit dem Design

Welchen Vorteil bringen Content-Management-Systeme fiir grof$e Sites?

Eine Menge Arbeit, deshalb sollten Sie den Kunden tiberzeugen, darauf zu verzichten.

Mit ihnen konnen Sie den Inhalt einer Site in einer Datenbank verwalten, aus dieser lassen sich dann automatisch HTML-Seiten mit dem aktuellen Inhalt erstellen.

Diese sind nur für Shops interessant.

Eine Menge Arbeit, deshalb sollten Sie den Kunden tiberzeugen, darauf zu verzichten.

Mit ihnen konnen Sie den Inhalt einer Site in einer Datenbank verwalten, aus dieser lassen sich dann automatisch HTML-Seiten mit dem aktuellen Inhalt erstellen.

Diese sind nur für Shops interessant.

Wie sollte Ihre Kalkulation normalerweise aussehen?

Sie enthält eine detaillierte Aufstellung aller Kosten.

Sie gibt nur die benötigten Arbeitszeiten ohne Kosten vor.

Sie gibt die Arbeitszeiten vor.

Sie enthält eine detaillierte Aufstellung aller Kosten.

Sie gibt nur die benötigten Arbeitszeiten ohne Kosten vor.

Sie gibt die Arbeitszeiten vor.

Was sind Meilensteine?

Das sind Termine, an denen bestimmte Teile des Projektes fertiggestellt sein miissen

Die Beschreibung einer Tatigkeit

Die Beschreibung des Endzeitpunkts

Das sind Termine, an denen bestimmte Teile des Projektes fertiggestellt sein miissen

Die Beschreibung einer Tatigkeit

Die Beschreibung des Endzeitpunkts

Wie sollten Sie mit Anderungswiinschen umgehen?

Bereits im Angebot eventuelle Anderungen einkalkulieren

Dem Kunden mitteilen, dass Sie nicht bereit sind, nachtraglich Anderungen durchzufiihren, weil der Arbeitsaufwand zu hoch ist

Bereits im Angebot eventuelle Anderungen einkalkulieren

Dem Kunden mitteilen, dass Sie nicht bereit sind, nachtraglich Anderungen durchzufiihren, weil der Arbeitsaufwand zu hoch ist

Wen sollte die Website ansprechen und méglichst viel Nutzen bringen?

Auftraggeber

Zielgruppe

Sich selbst

Auftraggeber

Zielgruppe

Sich selbst

Wie kann man eine Antwort auf die Frage finden: Mit Welcher Fragestellung
werden Nutzer die kiinftige Website besuchen?

Durch Entwicklung von Nutzerszenarien aus der Zielgruppe Ihres Auftraggebers

Durch eine Umfrage bei den Mitarbeitern Ihres Auftraggebers

Sie verlassen sich auf die Erfahrung Ihres Grafikers

Durch Entwicklung von Nutzerszenarien aus der Zielgruppe Ihres Auftraggebers

Durch eine Umfrage bei den Mitarbeitern Ihres Auftraggebers

Sie verlassen sich auf die Erfahrung Ihres Grafikers

Wann ist der Einsatz von Podcasts sinnvoll?

Wenn die Zielgruppe wenig im Internet unterwegs ist

In kleinen Gruppen

Wenn die Zielgruppe iPods, iPhones, iTunes täglich nutzt

Wenn die Zielgruppe wenig im Internet unterwegs ist

In kleinen Gruppen

Wenn die Zielgruppe iPods, iPhones, iTunes täglich nutzt

Auf welchen Punkt sollten Sie bei der Prasentation des Grobkonzeptes grofien
Wert legen?

gut angezogen beim Kunden aufzutreten

sich die Abnahme des Rohkonzeptes in einem Protokoll schriftlich bestatigen zu lassen

dem Kunden Ihre Firma vorzustellen

gut angezogen beim Kunden aufzutreten

sich die Abnahme des Rohkonzeptes in einem Protokoll schriftlich bestatigen zu lassen

dem Kunden Ihre Firma vorzustellen

Worin liegt die Bedeutung von Keywords?

Das sind Schlüsselwörter, die in den Metadaten einer Seite hinterlegt werden, um sie auf diesem Weg den Suchmaschinen zu präsentieren.

Das sind Schlüsselwörter, die im Seitentitel, sowie in Überschriften und vor allem Texten sinnvoll platziert werden, um eine möglichst hohe Keyworddichte zu erzielen.

Das sind die Schlüsselworter, die von Google im Suchergebnis angezeigt werden.

Das sind Schlüsselwörter, die in den Metadaten einer Seite hinterlegt werden, um sie auf diesem Weg den Suchmaschinen zu präsentieren.

Das sind Schlüsselwörter, die im Seitentitel, sowie in Überschriften und vor allem Texten sinnvoll platziert werden, um eine möglichst hohe Keyworddichte zu erzielen.

Das sind die Schlüsselworter, die von Google im Suchergebnis angezeigt werden.

Einer der grössten Unterschiede zwischen Web- und Printdesign bezieht sich auf

die Einschränkung auf nur drei Schriftarten

die von der DIN-Norm vorgegebenen Formate

den begrenzten Farbraum im Web

den Begriff "Seite"

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

die Einschränkung auf nur drei Schriftarten

die von der DIN-Norm vorgegebenen Formate

den begrenzten Farbraum im Web

den Begriff "Seite"

Welche der folgenden Aussagen ist richtig?

Eine Webseite repräsentiert einen kompletten Internetauftritt und enthält alle dafür benötigten Ressourcen.

Der Begriff Website und Webseite bedeuten dasselbe

Im Webdesign gelten die gleichen Regeln wie beim Prindesign

Der Begriff Website und Homepage bedeuten dasselbe

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

Eine Webseite repräsentiert einen kompletten Internetauftritt und enthält alle dafür benötigten Ressourcen.

Der Begriff Website und Webseite bedeuten dasselbe

Im Webdesign gelten die gleichen Regeln wie beim Prindesign

Der Begriff Website und Homepage bedeuten dasselbe

HTML ist

eine Aufzeichnungssprache

eine Programmiersprache

eine Sprache zum Formatieren der Webseite

Eine Metasprache

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

eine Aufzeichnungssprache

eine Programmiersprache

eine Sprache zum Formatieren der Webseite

Eine Metasprache

CSS ist

eine Programmiersprache

eine Sprache zur Formatieren von Webseiten

eine Aufzeichnungssprache

eine Layoutvorlage

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

eine Programmiersprache

eine Sprache zur Formatieren von Webseiten

eine Aufzeichnungssprache

eine Layoutvorlage

JavaScript ist

eine Auszeichnungssprache

eine Formatierungssprache

eine Skriptsprache, mit der sich Funktionen auf Webseiten realisieren lassen

ein Mittel zur Trennung von Struktur und Gestaltung

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

eine Auszeichnungssprache

eine Formatierungssprache

eine Skriptsprache, mit der sich Funktionen auf Webseiten realisieren lassen

ein Mittel zur Trennung von Struktur und Gestaltung

Als benutzerfreundlich bezeichnet man eine Webseite,

die auf allen Browsern gleich aussieht

die dem Benutzer hilft, sich auf der Seite zurechtzufinden

dessen Inhalte auf die Zielgruppe angepasst sind

deren Gestaltung besonders attraktiv ist

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

die auf allen Browsern gleich aussieht

die dem Benutzer hilft, sich auf der Seite zurechtzufinden

dessen Inhalte auf die Zielgruppe angepasst sind

deren Gestaltung besonders attraktiv ist

Welche Reihenfolge der Projektphasen trifft beim Webdesign zu

Konzeptphase > Design > Umsetzung > Inbetriebnahme

Design > Test > Analyse > Optimierung

Linear > Hierarchisch > Matrix

Für das Webdesign gibt es keine festgelegten Projektphasen. Die Vorgehensweise wird durch die Zielgruppendefinition bestimmt.

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

Konzeptphase > Design > Umsetzung > Inbetriebnahme

Design > Test > Analyse > Optimierung

Linear > Hierarchisch > Matrix

Für das Webdesign gibt es keine festgelegten Projektphasen. Die Vorgehensweise wird durch die Zielgruppendefinition bestimmt.

Welche Aussage trifft zu?

On-Page- und Off-Page-Optimierung erhöhen die Usability.

Frameworks sind eine hervorragende Grundlage für professionelles Webdesign.

Die wichtigsten Werkzeuge bei der Website-Analyse sind WYSIWYG-Editoren.

Die Erstellung des Quellcodes ist an bestimmte Software gebunden.

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

On-Page- und Off-Page-Optimierung erhöhen die Usability.

Frameworks sind eine hervorragende Grundlage für professionelles Webdesign.

Die wichtigsten Werkzeuge bei der Website-Analyse sind WYSIWYG-Editoren.

Die Erstellung des Quellcodes ist an bestimmte Software gebunden.

Das Navigationskonzept einer Webseite wird beeinflusst durch

das Ziel, ein Alleinstellungsmerkmal für die Website zu erreichen.

Umfang und Struktur der Inhalte.

die individuellen Vorstellungen des Webdesigners.

das Gestaltungsraster.

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

das Ziel, ein Alleinstellungsmerkmal für die Website zu erreichen.

Umfang und Struktur der Inhalte.

die individuellen Vorstellungen des Webdesigners.

das Gestaltungsraster.

Welche der folgenden Aussagen ist richtig?

Die vertikale Aufteilung eines Weblayouts wird durch das Gestaltungsraster bestimmt.

Die vertikale Aufteilung eines Weblayouts kann man als Schichten bezeichnen

Weblayouts müssen aus technischen Gründen immer in Spalten eingeteilt sein.

Sidebars bilden immer eine zusätzliche Schicht in einem Weblayout.

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

Die vertikale Aufteilung eines Weblayouts wird durch das Gestaltungsraster bestimmt.

Die vertikale Aufteilung eines Weblayouts kann man als Schichten bezeichnen

Weblayouts müssen aus technischen Gründen immer in Spalten eingeteilt sein.

Sidebars bilden immer eine zusätzliche Schicht in einem Weblayout.

Welche Aussage trifft auf Gestaltungsraster nicht zu?

Mehrere Rastereinheiten werden zu Spalten zusammengefasst.

Die von Gestaltungsrastern abgeleiteten Spalten sind immer gleich breit.

Gestaltungsraster können sogar innerhalb von Layoutspalten wirksam werden.

Gitter oder Grid sind andere Bezeichnungen für Raster.

Mehrere Rastereinheiten werden zu Spalten zusammengefasst.

Die von Gestaltungsrastern abgeleiteten Spalten sind immer gleich breit.

Gestaltungsraster können sogar innerhalb von Layoutspalten wirksam werden.

Gitter oder Grid sind andere Bezeichnungen für Raster.

Der Begriff Viewport bezeichnet

den Anzeigebereich für eine Webseite, der ohne Scrollen sofort sichtbar ist.

die Auflösung des Bildschirms, auf dem eine Webseite angezeigt wird.

die Breite und Höhe eines Weblayouts.

eine spezielle Sidebar von Firefox.

den Anzeigebereich für eine Webseite, der ohne Scrollen sofort sichtbar ist.

die Auflösung des Bildschirms, auf dem eine Webseite angezeigt wird.

die Breite und Höhe eines Weblayouts.

eine spezielle Sidebar von Firefox.

Welche der folgenden Aussagen ist richtig?

Bei festen Layouts wird die Breite in Pixeln definiert.

Bei flexiblen (flüssigen) Layouts darf die Breite überhaupt nicht festgelegt werden.

Bei elastischen Layouts wird die Breite in der Einheit 3 definiert.

Bei Weblayouts können keine Minimal- bzw. Maximalbreiten festgelegt werden.

Bei festen Layouts wird die Breite in Pixeln definiert.

Bei flexiblen (flüssigen) Layouts darf die Breite überhaupt nicht festgelegt werden.

Bei elastischen Layouts wird die Breite in der Einheit 3 definiert.

Bei Weblayouts können keine Minimal- bzw. Maximalbreiten festgelegt werden.

Konsistenz eines Weblayouts erreicht man am besten durch

Musterseiten und Formatvorlagen.

Verwendung einer einzigen Schriftart.

Einsatz von möglichst wenigen Farben.

ausschließlich Spalten mit gleicher Breite

Musterseiten und Formatvorlagen.

Verwendung einer einzigen Schriftart.

Einsatz von möglichst wenigen Farben.

ausschließlich Spalten mit gleicher Breite

Weblayouts lassen sich durch folgende, wiederholt verwendete Merkmale charakterisieren:

Haupt- und Unterüberschrift

Bilder, Banner, Logos

Navigationsbereich

Formen, Rahmen, Linien, Farben

Haupt- und Unterüberschrift

Bilder, Banner, Logos

Navigationsbereich

Formen, Rahmen, Linien, Farben

Elemente eines Weblayouts dienen häufig zur:

Unterhaltung

Orientierung und Navigation

Verlinkung

Formatierung

Unterhaltung

Orientierung und Navigation

Verlinkung

Formatierung

Wie viel Prozent der Benutzer lesen Texte auf Webseiten Wort für Wort?

16%

30%

79%

16%

30%

79%

Welche der folgenden Merkmale sind für Texte auf Webseiten nicht wichtig?

konkret und verständlich

bildhaft und anschaulich

klar strukturiert

ausführlich und umfassend

konkret und verständlich

bildhaft und anschaulich

klar strukturiert

ausführlich und umfassend

Web-Content-Management-Systeme unterstützen die

Trennung von Design und Sprache

Trennung von Inhalt und Gestaltung

Trennung von Inhalt und Funktion

Trennung von Struktur und Gestaltung

Trennung von Design und Sprache

Trennung von Inhalt und Gestaltung

Trennung von Inhalt und Funktion

Trennung von Struktur und Gestaltung

Welches Attribut gehört nicht zur Mikrotypografie?

Schriftart

Zeilenabstand

Leerraum

Schriftfarbe

Schriftart

Zeilenabstand

Leerraum

Schriftfarbe

1 / 53

Lernkarten

Ein Lastenheft wird vom

Auftragnehmer erstellt.

Auftraggeber erstellt.

Die Gliederungspunkte eines Lastenheftes umfassen

Kalkulation

Erfolgskriterien

Angebot

Welchen wichtigen Punkt dürfen Sie im Briefing auf keinen Fall vergessen?

Die voraussichtlichen Kosten

Das Exposé

Die Ziele, die der Kunde mit der Website erreichen Will

Welchen Punkt muss Ihr Angebot auf jeden Fall enthalten?

Das Exposé

Das Feinkonzept

Scribble mit dem Design

Welchen Vorteil bringen Content-Management-Systeme fiir grof$e Sites?

Eine Menge Arbeit, deshalb sollten Sie den Kunden tiberzeugen, darauf zu verzichten.

Mit ihnen konnen Sie den Inhalt einer Site in einer Datenbank verwalten, aus dieser lassen sich dann automatisch HTML-Seiten mit dem aktuellen Inhalt erstellen.

Diese sind nur für Shops interessant.

Wie sollte Ihre Kalkulation normalerweise aussehen?

Sie enthält eine detaillierte Aufstellung aller Kosten.

Sie gibt nur die benötigten Arbeitszeiten ohne Kosten vor.

Sie gibt die Arbeitszeiten vor.

Was sind Meilensteine?

Das sind Termine, an denen bestimmte Teile des Projektes fertiggestellt sein miissen

Die Beschreibung einer Tatigkeit

Die Beschreibung des Endzeitpunkts

Wie sollten Sie mit Anderungswiinschen umgehen?

Bereits im Angebot eventuelle Anderungen einkalkulieren

Dem Kunden mitteilen, dass Sie nicht bereit sind, nachtraglich Anderungen durchzufiihren, weil der Arbeitsaufwand zu hoch ist

Wen sollte die Website ansprechen und méglichst viel Nutzen bringen?

Auftraggeber

Zielgruppe

Sich selbst

Wie kann man eine Antwort auf die Frage finden: Mit Welcher Fragestellung
werden Nutzer die kiinftige Website besuchen?

Durch Entwicklung von Nutzerszenarien aus der Zielgruppe Ihres Auftraggebers

Durch eine Umfrage bei den Mitarbeitern Ihres Auftraggebers

Sie verlassen sich auf die Erfahrung Ihres Grafikers

Wann ist der Einsatz von Podcasts sinnvoll?

Wenn die Zielgruppe wenig im Internet unterwegs ist

In kleinen Gruppen

Wenn die Zielgruppe iPods, iPhones, iTunes täglich nutzt

Auf welchen Punkt sollten Sie bei der Prasentation des Grobkonzeptes grofien
Wert legen?

gut angezogen beim Kunden aufzutreten

sich die Abnahme des Rohkonzeptes in einem Protokoll schriftlich bestatigen zu lassen

dem Kunden Ihre Firma vorzustellen

Worin liegt die Bedeutung von Keywords?

Das sind Schlüsselwörter, die in den Metadaten einer Seite hinterlegt werden, um sie auf diesem Weg den Suchmaschinen zu präsentieren.

Das sind Schlüsselwörter, die im Seitentitel, sowie in Überschriften und vor allem Texten sinnvoll platziert werden, um eine möglichst hohe Keyworddichte zu erzielen.

Das sind die Schlüsselworter, die von Google im Suchergebnis angezeigt werden.

Lernen

HTML Grundlagen

Lernkarteien erstellen oder kopieren

Lernkarten

Bitte melde dich an

Google

Apple ID

Microsoft

Switch edu-ID

Edulog

Google

Apple ID

Microsoft

Switch edu-ID

Edulog