HF TSM 21 Digital / Web
Wissensüberprüfung 2. Semester
Wissensüberprüfung 2. Semester
Barrierefreiheit
Im Zusammenhang mit Website immer dass eine Website unbeschränkt abrufbar ist, ob Textbrowser oder auch für Sehbehinderte.
CMS – Content Management System
Eine Software (welche Programmiert wird oder bereits besteht, zb. Wordpress) welche es einem Anwender ermöglicht, die Inhalte seiner Website selber zu pflegen und regelmässig upzudaten.
Domain
Der Name unter welchem man eine Site im Internet findet.
GIF
Im Internet weitverbreitetes Grafikformat.
Hohe, verlustfreie Komprimierung für Bilder mit geringer Farbtiefe.
Kann auch animiert sein.
JPEG
Joint Photographic Expert Group.
Komprimierungsstandart im Internet. Eines der wichtigsten Bildformate im Internet.
Hohe Kompression bei geringem Qualitätsverlust.
PNG
Portable Network Graphics.
Ist ein Rasterformat. Können alle Farben dargestellt werden und die komprimierung ist Verlustfrei. Durchsichtige Bereiche kann man erstellen, können so auf farbigen Hintergrund eingesetzt werden.
SVG
Scalable Vector Graphics. Skalierbare Vektorgrafik.
Dateiformat zur Beschreibung von zweidimensionalen Vektor Grafiken und Animationen in XML, es ergänzt die Rasterformate JPEG, GIF und ist eine Alternative zu Flash.
Hosting
Lagern einer Website auf einem Webserver um die Website im Internet zugänglich zu machen.
JavaScript
Interpretiere Skriptsprache, welche im Browser interpretiert wird.
Funktion – Programmiersprache! Verhalten und Funktionen der Website werden damit Programmiert. Auf der Grundlage von Java entwickelt worden, ist aber nicht das Gleiche!
HTML
Hypertext Markup Language. Auszeichnungssprache.
Auszeichnungssprache zur Darstellung von Texten, Bildern und Links.
Auch für Meta-Angaben (Autor/Inhalt).
CSS – Cascading Style Sheets
Gestaltungshilfe für Websites.
Es geht um Design bzw. den Stil (Form, Größe, Farbe, Positionierung etc.) und nicht um den
Inhalt (worüber die Webseite informieren möchte).
Beispiel: „font-size:12px;“ Bedeutet, dass die Schriftgröße 12 Pixel groß sein soll.
Meta-Tag/ Meta-Description
HTML Element auf der Website, welche Infos über das betreffende Dokument enthalten. Werden im Browser nicht angezeigt. Besonders für SEO wichtig.
Die Description enthält den Inhalt der entsprechenden Seite in Kurzform.
Editor/Code-Editor
Texteditor mit spez. Funktionen für die Webentwicklung um HTML, CSS, Javascript und PHP-Code zu schreiben.
Sitemap
hierarchisches Organigramm für Website
Mockup
Sehr nützliches Mittel um im Webdesign aus den Ideen eine navigierbaren Prototypen zu erstellen.
Als Skizze dienen oft händische Skizzen und Wireframes.
Wireframe
Templates
Skizzenähnliche Beschreibungen und Darstellungen von Funktionen und Layout
URL
Uniform Rescource Locator. Die genaue Adresse eines Dokumentes im Internet.
SEO
Search Engine Optimization
Suchmaschinenoptimierung
Nenne 3 SEO-Massnahmen
- Keywords richtig platzieren (wichtigste Begriffe in erste 70 Wörter
- Seite gut glieder, Absätze machen
- Backlinks setzen
- Sichtbare Seitenüberschrift
- seitenspezifische Keywords
- URL-Verzeichnis
Nenne 5 Elemente einer Website
- Header
- Footer
- Content
- Navi
- Sidebar
Nenne 3 fürs Web geeignete Bildformate
JPEG - Bilder
PNG - Logo
Gif - animierte Bilder
Fixed width (breite) Layout
Es bleibt Fest, ist nicht responsive.
Liquid/Fluid Layout
Bei einem fluid Layout passt sich die Website der Breite des Browserfensters an, und nutzt so den zur Verfügung stehenden Platz optimal aus.
Elastic Layout
Bei einem elastic Layout sind die Seitenelemente sowohl in der Breite, als auch in der Höhe variabel. Das Design skaliert sich proportional zur Größe des Browserfensters.
Adaptive Layout
Ein Adaptive Layout ist ein für verschiedene (nicht für alle!) Displaygrößen optimiertes Web-Layout. Diese Lösung ist nicht perfekt, aber durchaus verbreitet.
Responsive Layout
Das Responsive Layout ist die bessere Lösung, um eine Seite für jede erdenkliche Displaygröße zu optimieren.
-
- 1 / 26
-
Cartes-fiches
Barrierefreiheit
Im Zusammenhang mit Website immer dass eine Website unbeschränkt abrufbar ist, ob Textbrowser oder auch für Sehbehinderte.
CMS – Content Management System
Eine Software (welche Programmiert wird oder bereits besteht, zb. Wordpress) welche es einem Anwender ermöglicht, die Inhalte seiner Website selber zu pflegen und regelmässig upzudaten.
Domain
Der Name unter welchem man eine Site im Internet findet.
GIF
Im Internet weitverbreitetes Grafikformat.
Hohe, verlustfreie Komprimierung für Bilder mit geringer Farbtiefe.
Kann auch animiert sein.
JPEG
Joint Photographic Expert Group.
Komprimierungsstandart im Internet. Eines der wichtigsten Bildformate im Internet.
Hohe Kompression bei geringem Qualitätsverlust.
PNG
Portable Network Graphics.
Ist ein Rasterformat. Können alle Farben dargestellt werden und die komprimierung ist Verlustfrei. Durchsichtige Bereiche kann man erstellen, können so auf farbigen Hintergrund eingesetzt werden.
SVG
Scalable Vector Graphics. Skalierbare Vektorgrafik.
Dateiformat zur Beschreibung von zweidimensionalen Vektor Grafiken und Animationen in XML, es ergänzt die Rasterformate JPEG, GIF und ist eine Alternative zu Flash.
Hosting
Lagern einer Website auf einem Webserver um die Website im Internet zugänglich zu machen.
JavaScript
Interpretiere Skriptsprache, welche im Browser interpretiert wird.
Funktion – Programmiersprache! Verhalten und Funktionen der Website werden damit Programmiert. Auf der Grundlage von Java entwickelt worden, ist aber nicht das Gleiche!
HTML
Hypertext Markup Language. Auszeichnungssprache.
Auszeichnungssprache zur Darstellung von Texten, Bildern und Links.
Auch für Meta-Angaben (Autor/Inhalt).
CSS – Cascading Style Sheets
Gestaltungshilfe für Websites.
Es geht um Design bzw. den Stil (Form, Größe, Farbe, Positionierung etc.) und nicht um den
Inhalt (worüber die Webseite informieren möchte).
Beispiel: „font-size:12px;“ Bedeutet, dass die Schriftgröße 12 Pixel groß sein soll.
Meta-Tag/ Meta-Description
HTML Element auf der Website, welche Infos über das betreffende Dokument enthalten. Werden im Browser nicht angezeigt. Besonders für SEO wichtig.
Die Description enthält den Inhalt der entsprechenden Seite in Kurzform.
Editor/Code-Editor
Texteditor mit spez. Funktionen für die Webentwicklung um HTML, CSS, Javascript und PHP-Code zu schreiben.
Sitemap
hierarchisches Organigramm für Website
Mockup
Sehr nützliches Mittel um im Webdesign aus den Ideen eine navigierbaren Prototypen zu erstellen.
Als Skizze dienen oft händische Skizzen und Wireframes.
Wireframe
Templates
Skizzenähnliche Beschreibungen und Darstellungen von Funktionen und Layout
URL
Uniform Rescource Locator. Die genaue Adresse eines Dokumentes im Internet.
SEO
Search Engine Optimization
Suchmaschinenoptimierung
Nenne 3 SEO-Massnahmen
- Keywords richtig platzieren (wichtigste Begriffe in erste 70 Wörter
- Seite gut glieder, Absätze machen
- Backlinks setzen
- Sichtbare Seitenüberschrift
- seitenspezifische Keywords
- URL-Verzeichnis
Nenne 5 Elemente einer Website
- Header
- Footer
- Content
- Navi
- Sidebar
Nenne 3 fürs Web geeignete Bildformate
JPEG - Bilder
PNG - Logo
Gif - animierte Bilder
Fixed width (breite) Layout
Es bleibt Fest, ist nicht responsive.
Liquid/Fluid Layout
Bei einem fluid Layout passt sich die Website der Breite des Browserfensters an, und nutzt so den zur Verfügung stehenden Platz optimal aus.
Elastic Layout
Bei einem elastic Layout sind die Seitenelemente sowohl in der Breite, als auch in der Höhe variabel. Das Design skaliert sich proportional zur Größe des Browserfensters.
Adaptive Layout
Ein Adaptive Layout ist ein für verschiedene (nicht für alle!) Displaygrößen optimiertes Web-Layout. Diese Lösung ist nicht perfekt, aber durchaus verbreitet.
Responsive Layout
Das Responsive Layout ist die bessere Lösung, um eine Seite für jede erdenkliche Displaygröße zu optimieren.
