Interaktive Medien (Schaugg) at Hochschule Der Medien Stuttgart | Flashcards & Summaries

Lernmaterialien für Interaktive Medien (Schaugg) an der Hochschule der Medien Stuttgart

Greife auf kostenlose Karteikarten, Zusammenfassungen, Übungsaufgaben und Altklausuren für deinen Interaktive Medien (Schaugg) Kurs an der Hochschule der Medien Stuttgart zu.

TESTE DEIN WISSEN

2.) Was versucht man mit einer Auszeichnungssprache (Markup Language) zu erreichen ?

Lösung anzeigen
TESTE DEIN WISSEN

Seperation of Concerns -> Trennung von Inhalt, Struktur und Design


Lösung ausblenden
TESTE DEIN WISSEN

3.) Erklären Sie am Beispiel des WWW die Begriffe Seperation of Concerns, Markup Language


Lösung anzeigen
TESTE DEIN WISSEN

- Markup Language 

  • HTML-Elemente sind Bausteine für Websites
  • HTML ist eine Markup Language 
  • Bsp: Abschnitt in Website = Element -> durch Tag dargestellt
  • Tags kennzeichnen Inhalte (heading, paragraph, table)


- Seperation of Concerns

  • HTML als Basis 
  • Tags geben Struktur vor 
  • Inhalt der Tags = Inhalt der Seite
  • Verweisung auf CSS (Design)

 



Lösung ausblenden
TESTE DEIN WISSEN

8. Wann ist eine relative Adressierung empfehlenswert?

Lösung anzeigen
TESTE DEIN WISSEN

Flexibel, wenn alles auf einem Server läuft und wenn die Links innerhalb des gleichen Servers liegen

Lösung ausblenden
TESTE DEIN WISSEN

1.) Was sind die Basiskonzepte des WWW?

Lösung anzeigen
TESTE DEIN WISSEN

- HTML

- ASCII-basierter strukturierter Text

- Syntax in Tags

- HTTP

- Request -Response

- Web-Server-Browser

- URI/URL

- Verlinkte Seiten

Lösung ausblenden
TESTE DEIN WISSEN

13. Um Textblocks festzulegen gibt es <p>, <br> und <pre> als Tags, können Sie Unterschiede benennen ?

Lösung anzeigen
TESTE DEIN WISSEN

<p></p>

- Absätze  werden durch <p></p> markiert

- Browser entfernt Whitespace (Leerzeilen + Leerzeichen) 

- Für erzwungenen Zeilenumbruch benutzen Sie <br>


<pre>

- wiederholt erzwungener Umbruch (vlg. Setzen von Source Code oder Gedichte)

- steht für "preformatted text"

- berücksichtigt sämtliche Zeilenumbrüche und Leerzeichen und wird in der Regel als Fixed Font dargestellt


Lösung ausblenden
TESTE DEIN WISSEN

5. Was ist die Document Type Definition (DTD) im Zusammenhang mit HTML, wo findet man welche DTD eine bestimmte Seite verwendet?

Lösung anzeigen
TESTE DEIN WISSEN

Document Type

  • Liste mit erlaubter Syntax
  • Doctype def. in erster Zeile des HTML Dokuments  <!DOCTYPE html>
Lösung ausblenden
TESTE DEIN WISSEN

3. Wie kommt zu HTML das Design ?


Lösung anzeigen
TESTE DEIN WISSEN

- HTML war nie zur Formatierung von Websites gedacht

- Es ist eine Methode zur Formatierung von HMTL nötig -> CSS

Lösung ausblenden
TESTE DEIN WISSEN

12. Warum sind HEAD-Tags wichtig ? 


Lösung anzeigen
TESTE DEIN WISSEN

- Abschnittsüberschriften

- 6 Ebenen zugelassen -> h1 bis h6

- üblich, genau 1 mal <h1></h1> pro Page zu verwenden

- Headings sind wichtig -> Suchmaschinen analysieren Struktur und Inhalt von Web Pages anhand von Headings

Lösung ausblenden
TESTE DEIN WISSEN

9. Welche Zeichencodierungen kennen Sie? 

Lösung anzeigen
TESTE DEIN WISSEN

- ASCII, Windows 1252, ISO 8859-1, Unicode UTF-8/16


ASCII 

- American Standard Code for Information 

- Codierung der Zeichen im englischen Alphabet

- mit 7 Bit alle Zeichen der Computer Tastatur möglich, außer ä,ö,ü


Unicode 

- internationaler Standard für Zeichensätze

- jedem Schriftzeichen wird ein Code individuell zugewiesen

- beinhaltet alle verwendeten Symbole und Textzeichen dieser Welt, 

einheitlich in einem Kodierungssystem 


Lösung ausblenden
TESTE DEIN WISSEN

17. Wie fügen Sie einen Kommentar in eine HTML-Seite ein ?

Lösung anzeigen
TESTE DEIN WISSEN

<!- ( ... Inhalt ... ) -->


<! - ( ... Inhalt

            über mehrere

               Zeilen  ... ) -->

Lösung ausblenden
TESTE DEIN WISSEN

10. Was ist der Unterschied von statischen und dynamischen Webseiten ?

Lösung anzeigen
TESTE DEIN WISSEN

statisch

  • fertige Seite liegt bereits zur Anfragezeit auf dem Server

dynamisch

  • zur Anfragezeit wird Programm beauftragt, eine Seite zu produzieren -> unmittelbar ausgeliefert
  • Basis Techniken

            - PHP

            - ASP

Lösung ausblenden
TESTE DEIN WISSEN
Was hat Java mit JavaScript zu tun ?
Lösung anzeigen
TESTE DEIN WISSEN
Namensähnlich mehr nicht
Lösung ausblenden
  • 30533 Karteikarten
  • 831 Studierende
  • 24 Lernmaterialien

Beispielhafte Karteikarten für deinen Interaktive Medien (Schaugg) Kurs an der Hochschule der Medien Stuttgart - von Kommilitonen auf StudySmarter erstellt!

Q:

2.) Was versucht man mit einer Auszeichnungssprache (Markup Language) zu erreichen ?

A:

Seperation of Concerns -> Trennung von Inhalt, Struktur und Design


Q:

3.) Erklären Sie am Beispiel des WWW die Begriffe Seperation of Concerns, Markup Language


A:

- Markup Language 

  • HTML-Elemente sind Bausteine für Websites
  • HTML ist eine Markup Language 
  • Bsp: Abschnitt in Website = Element -> durch Tag dargestellt
  • Tags kennzeichnen Inhalte (heading, paragraph, table)


- Seperation of Concerns

  • HTML als Basis 
  • Tags geben Struktur vor 
  • Inhalt der Tags = Inhalt der Seite
  • Verweisung auf CSS (Design)

 



Q:

8. Wann ist eine relative Adressierung empfehlenswert?

A:

Flexibel, wenn alles auf einem Server läuft und wenn die Links innerhalb des gleichen Servers liegen

Q:

1.) Was sind die Basiskonzepte des WWW?

A:

- HTML

- ASCII-basierter strukturierter Text

- Syntax in Tags

- HTTP

- Request -Response

- Web-Server-Browser

- URI/URL

- Verlinkte Seiten

Q:

13. Um Textblocks festzulegen gibt es <p>, <br> und <pre> als Tags, können Sie Unterschiede benennen ?

A:

<p></p>

- Absätze  werden durch <p></p> markiert

- Browser entfernt Whitespace (Leerzeilen + Leerzeichen) 

- Für erzwungenen Zeilenumbruch benutzen Sie <br>


<pre>

- wiederholt erzwungener Umbruch (vlg. Setzen von Source Code oder Gedichte)

- steht für "preformatted text"

- berücksichtigt sämtliche Zeilenumbrüche und Leerzeichen und wird in der Regel als Fixed Font dargestellt


Mehr Karteikarten anzeigen
Q:

5. Was ist die Document Type Definition (DTD) im Zusammenhang mit HTML, wo findet man welche DTD eine bestimmte Seite verwendet?

A:

Document Type

  • Liste mit erlaubter Syntax
  • Doctype def. in erster Zeile des HTML Dokuments  <!DOCTYPE html>
Q:

3. Wie kommt zu HTML das Design ?


A:

- HTML war nie zur Formatierung von Websites gedacht

- Es ist eine Methode zur Formatierung von HMTL nötig -> CSS

Q:

12. Warum sind HEAD-Tags wichtig ? 


A:

- Abschnittsüberschriften

- 6 Ebenen zugelassen -> h1 bis h6

- üblich, genau 1 mal <h1></h1> pro Page zu verwenden

- Headings sind wichtig -> Suchmaschinen analysieren Struktur und Inhalt von Web Pages anhand von Headings

Q:

9. Welche Zeichencodierungen kennen Sie? 

A:

- ASCII, Windows 1252, ISO 8859-1, Unicode UTF-8/16


ASCII 

- American Standard Code for Information 

- Codierung der Zeichen im englischen Alphabet

- mit 7 Bit alle Zeichen der Computer Tastatur möglich, außer ä,ö,ü


Unicode 

- internationaler Standard für Zeichensätze

- jedem Schriftzeichen wird ein Code individuell zugewiesen

- beinhaltet alle verwendeten Symbole und Textzeichen dieser Welt, 

einheitlich in einem Kodierungssystem 


Q:

17. Wie fügen Sie einen Kommentar in eine HTML-Seite ein ?

A:

<!- ( ... Inhalt ... ) -->


<! - ( ... Inhalt

            über mehrere

               Zeilen  ... ) -->

Q:

10. Was ist der Unterschied von statischen und dynamischen Webseiten ?

A:

statisch

  • fertige Seite liegt bereits zur Anfragezeit auf dem Server

dynamisch

  • zur Anfragezeit wird Programm beauftragt, eine Seite zu produzieren -> unmittelbar ausgeliefert
  • Basis Techniken

            - PHP

            - ASP

Q:
Was hat Java mit JavaScript zu tun ?
A:
Namensähnlich mehr nicht
Interaktive Medien (Schaugg)

Erstelle und finde Lernmaterialien auf StudySmarter.

Greife kostenlos auf tausende geteilte Karteikarten, Zusammenfassungen, Altklausuren und mehr zu.

Jetzt loslegen

Die all-in-one Lernapp für Studierende

Greife auf Millionen geteilter Lernmaterialien der StudySmarter Community zu
Kostenlos anmelden Interaktive Medien (Schaugg)
Erstelle Karteikarten und Zusammenfassungen mit den StudySmarter Tools
Kostenlos loslegen Interaktive Medien (Schaugg)