Advanced HTML: Iframes/frames. Advantages and disadvantages. HTML5 Canvas: video and audio

HTML in Dreamweaver / HTML 5 Video / Transitions

Webflow as an alternative to WordPress / Wix
Webflow review

@media specifications – Mozilla

Fan Page also called the “pirating project”: choose an artist, sports team, public figure, and create a personal site for them, in ONE SINGLE PAGE using PARALLAX design, one CSS for the page, homogeneous design. You will determine 5 distinct areas to develop and present in your page (for example bio, discography, gallery, albums, and store, if your selected choice is a singer or performer / these areas will vary highly depending on your selected subject).  It is also called the fan project, because I want you to use one artist, performer, band, director, actor, public figure, team, that you already love and know, so you do not have to spend much time on the research phase – WHICH can be very time consuming. Make sure you use images and media of good quality and large enough (but optimized for the online and web usage) so the page can be treated as a very professional portfolio piece. Pretend that you are the clients of that person/team/character you chose, and you have been hired to develop a promotional site for them. This is a complicated project, this is why you will have 2 weeks to work on it.

You MUST add a disclosure at the end of the site, stating that this is an educational project, and provide proper credits to the authors of the images, videos and animations you will be using.

TUTORIAL
http://www.santiago.bz/js/tupamarallax/
http://www.santiago.bz/js/parallax/

Parallax Collections
https://webflow.com/blog/parallax-scrolling
http://felixandpaul.com/?projects/intro
https://www.creativebloq.com/web-design/parallax-scrolling-1131762
https://www.webdesignerdepot.com/2012/11/28-amazing-parallax-scrolling-sites/

Selected Examples
http://lostworldsfairs.com/atlantis/
https://www.beckett.design/
http://5emegauche.com/agence
https://dogstudio.co/
https://toyfight.co/who/
http://bad.diesel.com/
http://www.firewatchgame.com/
https://www.cabletv.com/the-walking-dead
http://www.nytimes.com/projects/2013/tomato-can-blues/index.html
http://felixandpaul.com/?projects/intro
https://canals-amsterdam.nl/
https://www.helloheco.com/
https://www.jomor.design/
https://timeslot-2019.webflow.io/
https://webflow.com/ix2
https://the-goonies.webflow.io/
https://www.recapafteruse.co.uk/
https://www.alexdram.com/
https://webflow.com/web-design-art-history

Student Examples

Whitesel / Platetter / Butler / Brown / Lax / Miller / JC Ryan /

OLD FAN PAGES w/o parallax

Gosson / Barton / Lettera / Carleton / Magoulas / Teope / Hopkins