WEB-Medientechnik Flashcards
Auf welchen Geräten, die Sie kennen, können Web-Seiten dargestellt werden und
was bedeutet das für die Gestaltung und Entwicklung von Webseiten?
Computer, Tabletts, Smartphones
Beschreiben Sie die Dienste des Internets.
World Wide Web, E-Mail, FTP, DNS, VoIP, IM,
Welche Möglichkeiten haben Sie um eine Website für Mobile-Geräte zu optimieren?
“-Auslagern von CSS oder JavaScript, um die Ladegeschwindigkeit zu erhöhen -Optimierung und Komprimieren von Bildern -Head-Bereich auf kleinere Displays anpassen -Verwenden des Viewport-Metatags bei Webseiten im Responsive Webdesign -Verwendung eines Vary Headers bei Dynamic Serving -Schriftgrößen so einstellen, dass Texte auch auf kleinen Displays gut lesbar bleiben -Multimedia einschränken, denn zusätzliche Animationen oder Tondateien benötigen Ladezeit -Bei der Navigation auf Hover-Menüs -Verwenden von rel=alternate bei eigenständigen mobilen Webseiten”
Welche Pseudoklassen können Sie einem Link / Button mittels CSS zuweisen?
hover, link, active, focus und visited erreichen HTML-Objekte, die so im Dokument gar nicht vorkommen. hover verändert Links, über denen die Maus gerade hovert. focus findet ein aktives input-Feld und visited erkennt einen Link, der bereits besucht wurde.
Pseudo-Klassen entstehen bei Phantom-Zuständen eines Elements, meist durch Benutzeraktionen, aber auch bei bestimmten Sprachen und basieren auf Informationen außerhalb des DOM-Baums. Pseudo-Klassen können an beliebigen Stellen der Selektor-Kette stehen (ein Pseudo-Element wie ::before oder ::after hingegen nicht).
Für welche großen mobilen Betriebssysteme sollten Sie Webseiten optimieren / testen?
IOS
Android
Windows Phone
Beschreiben Sie den Aufbau einer Navigation in HTML5
Das nav-Element umschließt Navigationsleisten und Menüs, wobei es neben einer ungeordneten Liste mit den Verweisen auch eine Überschrift oder ähnliches enthalten kann.
Nicht zu verwechseln ist das nav-Element allerdings mit dem neuen alten menu-Element, das seit HTML5 wieder mit dabei ist.
Nicht alle Gruppen von Links auf einer Seite müssen in einem nav-Element gruppiert sein - das Element ist in erster Linie die Hauptnavigation gedacht. Insbesondere für Fußzeilen ist es üblich, eine kurze Liste von Links zu verschiedenen Seiten einer Website zu haben, wie beispielsweise die Nutzungsbedingungen, die Homepage und eine Copyright-Seite. Das Footerelement allein genügt für solche Fälle, ein zusätzliches nav-Element ist in solchen Fällen unnötig.
Für was benötigen Sie einen CSS-Media-Query?
Media Queries passen das Layout der Webseite durch Breakpoints im CSS an Monitorklassen an. An den Breakpoints springt das Design um.
Was benötigen Sie um eine Website im www zu veröffentlichen?
Domain
Speicherplatz auf Server
Auf was müssen Sie achten wenn Sie eine Website für Mobile-Geräte gestalten?
Lesbarkeit
Umbrüche
responsives Design
Erklären Sie die Begriffe IP-Adresse, Domain und URL.
Eine IP-Adresse ist eine Adresse in Computernetzen, die – wie das Internet – auf dem Internetprotokoll (IP) basiert. Sie wird Geräten zugewiesen, die an das Netz angebunden sind, und macht die Geräte so adressierbar und damit erreichbar.
Eine Domain ist ein zusammenhängender Teilbereich des hierarchischen Domain Name System (DNS). Im Domain-Vergabeverfahren ist es ein im Internet weltweit einmaliger und eindeutiger und unter gewissen Regeln frei wählbarer Name unterhalb einer Top-Level-Domain.
Eine URL (Uniform Ressource Locator) ist die Adresse, mit der im Internet gesurft werden kann. Eine solche Adresse ist der Ausgangspunkt, um das Internet zu nutzen und muss als Erstes in den Browser eingegeben werden. … Eine andere Bezeichnung für URL ist Internetadresse oder Webadresse.
Welche Scriptsprachen kennen Sie?
Beispiele: serverseitig
Perl – erste Skriptsprache, die weite Verbreitung in Webservern fand
PHP – die verbreitetste Skriptsprache auf Webservern; wurde direkt für diese Aufgabe konzipiert
Python – kann mit einem Webserver verbunden oder mit einem eigenständigen Webserver genutzt werden
Ruby – wird entweder über CGI oder mit mod_ruby ausgeführt, zunehmend auch unter Benutzung von Ruby on Rails
JavaScript, kann z. B. mit Node.js auch serverseitig genutzt werden
VBScript in ASP
Für was steht die Abkürzung SEO? Erklären Sie dessen Bedeutung.
Mit dem Begriff SEO bezeichnet man die Optimierung für Suchmaschinen, denn die Abkürzung steht im Englischen für Search Engine Optimization. … Dabei müssen die Websites immer so konstruiert werden, dass sie bei der Analyse und beim Lesen durch die Suchmaschine optimale Resultate erzielt.
Für was wird das „alt“ - Attribut eines img-Tags verwendet?
Bei einem ALT-Attribut oder ALT-Tag handelt es sich um einen Text, der eine Grafik beschreibt. Das Kürzel „ALT“ steht für „Alternative“. Das ALT-Attribut wird bei Bilddateien auf einer Webseite hinterlegt. Falls ein Bild aus bestimmten Gründen nicht angezeigt werden kann, erscheint der Text des hinterlegten ALT-Attributs. Er wird zum Alternativtext.
Was ist ein vendor-Präfix in CSS
Mit sog. Vendor-Präfixen ist es Browserherstellern möglich CSS-Eigenschaften zu implementieren, bevor die Eigenschaft offiziell verabschiedet worden ist und in ihrer Syntax endgültig feststeht. Aus diesem Grund müssen für viele Effekte die Eigenschaften mehrfach untereinander notiert werden, jeweils mit dem entsprechenden Vendor-Prefix. Der Präfix spricht dabei die Rendering-Engine des Browsers an, nicht den Browser direkt.
Worauf sollten Sie bei der Benennung von Dateien für Web-Auftritte achten?
Kleinschreibung
Unterstriche
keine Umlaute
Ein Kunde meldet einen Fehler seiner Website. Welche Informationen benötigen Sie um den
Fehler zu rekonstruieren?
Fehlernummer
Welche Möglichkeiten haben Sie einen Produktkatalog im Internet zu veröffentlichen?
Datenbank Publishing
Diverse Software wie zB FlipHTML5 Ceros Catalog Machine Flip Viewer
Welche Medienarten können Sie standardmäßig in Web-Auftritten verwenden?
Text, Grafiken und Bilder
Warum sollten Sie bei der Verwendung von Plugins zurückhaltend sein?
Mittels Skripts oder PlugIns kann man Medien einbinden. Sie müssen am Endgerät auch installiert bzw unterstützt werden (browser)
Wie können Sie Animationen auf Webseiten realisieren?
Mithilfe von JavaScript und CSS Codierung
