Difference between revisions of "Web - Übung 9, HTML & CSS - Responsive Design"

From Coders.Bay Wiki
Jump to navigation Jump to search
(Undo revision 2140 by 23.106.219.66 (talk))
Tag: Undo
Line 1: Line 1:
Hi,
===Übung 9 - Website Travel Destination Erweiterung - Teil 3===
 
*Erstelle für deine Reisedestination-Webseite ein '''Print Layout''' ohne Bilder. Der Text soll über die gesamte Breite gehen, die Navigation ausgeblendet. Bei Verlinkungen muss die Linkadresse angezeigt sein (siehe Buch: HTML & CSS für Dummies)
We'd like to introduce to you our explainer video service, which we feel can benefit your site wiki.streampy.at.
*Erstelle verschiedene Breakpoints (Media Queries) in deiner Seite, für eine unterschiedliche Darstellung auf Tablets und Smartphones
 
*Erstelle (falls noch nicht vorhanden) ein Kontaktformular für deine Reisedestination Seite bei der du mittels Dropdown eine Destination auch auswählen kannst plus ein paar anderer Formularfelder. In der mobilen Ansicht sollen die Labels für die Inputfelder darüber stehen, auf großen Screens daneben.
Check out some of our existing videos here:
*Baue eine '''Klappnavigation''' (Burgermenue) z.B.: anhand der Vorlage: https://www.w3schools.com/howto/howto_js_mobile_navbar.asp
https://www.youtube.com/watch?v=bWz-ELfJVEI
*Binde für die unterschiedlichen Displaygrößen unterschiedliche Fotos ein
https://www.youtube.com/watch?v=Y46aNG-Y3rM
*Baue eine '''Keyframe Animation''' ein
https://www.youtube.com/watch?v=hJCFX1AjHKk
*nutze '''Custom Properties''' um die Farben oder sich wiederholende Maßeinheiten als Variable abzuspeichern
 
*nutze zum Beispiel als Headerbild den '''Überblendeffekt'''
All of our videos are in a similar animated format as the above examples, and we have voice over artists with US/UK/Australian accents.
*baue irgendwo einen '''Filtereffekt''' ein
We can also produce voice overs in languages other than English.
*Nutze das Gridsystem (z.B.: generelle Layoutstruktur/ Seitenaufbau) und Flexboxen(z.B.: Navigationselemente)für das Layout
 
They can show a solution to a problem or simply promote one of your products or services. They are concise, can be uploaded to video sites such as YouTube, and can be embedded into your website or featured on landing pages.
 
Our prices are as follows depending on video length:
Up to 1 minute = $259
1-2 minutes = $379
2-3 minutes = $489
 
*All prices above are in USD and include a full script, voice-over and video.
 
If this is something you would like to discuss further, don't hesitate to reply.
 
Kind Regards,
Kellie

Revision as of 07:47, 13 February 2023

Übung 9 - Website Travel Destination Erweiterung - Teil 3

  • Erstelle für deine Reisedestination-Webseite ein Print Layout ohne Bilder. Der Text soll über die gesamte Breite gehen, die Navigation ausgeblendet. Bei Verlinkungen muss die Linkadresse angezeigt sein (siehe Buch: HTML & CSS für Dummies)
  • Erstelle verschiedene Breakpoints (Media Queries) in deiner Seite, für eine unterschiedliche Darstellung auf Tablets und Smartphones
  • Erstelle (falls noch nicht vorhanden) ein Kontaktformular für deine Reisedestination Seite bei der du mittels Dropdown eine Destination auch auswählen kannst plus ein paar anderer Formularfelder. In der mobilen Ansicht sollen die Labels für die Inputfelder darüber stehen, auf großen Screens daneben.
  • Baue eine Klappnavigation (Burgermenue) z.B.: anhand der Vorlage: https://www.w3schools.com/howto/howto_js_mobile_navbar.asp
  • Binde für die unterschiedlichen Displaygrößen unterschiedliche Fotos ein
  • Baue eine Keyframe Animation ein
  • nutze Custom Properties um die Farben oder sich wiederholende Maßeinheiten als Variable abzuspeichern
  • nutze zum Beispiel als Headerbild den Überblendeffekt
  • baue irgendwo einen Filtereffekt ein
  • Nutze das Gridsystem (z.B.: generelle Layoutstruktur/ Seitenaufbau) und Flexboxen(z.B.: Navigationselemente)für das Layout
Retrieved from "http://wiki.streampy.at/index.php?title=Web_-_Übung_9,_HTML_%26_CSS_-_Responsive_Design&oldid=2141"