Entwicklung webbasierter Anwendungen (Vorlesung 3)

Skript-Anfang	Skript – Seite 49
Skript-Ende	Skript – Seite 67

Tags

• Auswahl der richtigen Tags anhand dem Strukturdiagramm
• Universalattribute sind bei jedem Tag vorhanden
  • id = eindeutige Kennzeichnung um z.B. mit Javascript darauf zuzugreifen
  • class = Name um Stylesheet zuzuweisen
• data-x → für x kann ein beliebigerŽName stehen, um feste Werte zu hinterlegen

Beispiel deutsche Bahn:

Navigation

• Roter Balken enthält Navigationsmenü
• Ob Login auch zum Navigationsmenü gehört ist strittig

Article

• Nicht eindeutig klärbar wie der Zweck Articles ist (redaktionelle Inhalte oder allgemeiner)
• Article ist unabhängig von der umschließenden Section
• Articles können ihre eigenen Überschriften, Header und Footer haben

Blöcke

• Links steht die Fahrplanauskunft
• Rechts stehen weniger relevante Informationen
• Beide haben nichts miteinander zu tun, was eigentlich schlechter Stil ist

Logische Formatierung

• Article, Section, etc. anstelle von DIV
• Erst das Grundgerüst programmieren, dann über CSS designen

Bilder

• Bilder sollten so groß sein, wie man sie darstellen will

Hyperlinks

• Das meistverlinkte deutsche Wort ist „hier“

Formulare

• Daten werden mit Post und Get übermittelt
• Get ist unbedenklich, die Daten werden einmal abgefragt und stehen dann in der Adressleiste
• Get ist nicht für Passwörter geeignet
• Durch Post kann es dazu kommen, dass die gleichen Daten mehrmals abgesendet werden → Mehfach-Einkauf?!

	GET	POST
BACK button/Reload	Harmless	Data will be re-submitted (the browser should alert the user that the data are about to be re-submitted)
Bookmarked	Can be bookmarked	Cannot be bookmarked
Cached	Can be cached	Not cached
Encoding type	application/x-www-form-urlencoded	application/x-www-form-urlencoded or multipart/form-data. Use multipart encoding for binary data
History	Parameters remain in browser history	Parameters are not saved in browser history
Restrictions on data length	Yes, when sending data, the GET method adds the data to the URL; and the length of a URL is limited (maximum URL length is 2048 characters)	No restrictions
Restrictions on data type	Only ASCII characters allowed	No restrictions. Binary data is also allowed
Security	GET is less secure compared to POST because data sent is part of the URL Never use GET when sending passwords or other sensitive information!	POST is a little safer than GET because the parameters are not stored in browser history or in web server logs
Visibility	Data is visible to everyone in the URL	Data is not displayed in the URL