{"id":82,"date":"2021-01-27T14:13:44","date_gmt":"2021-01-27T14:13:44","guid":{"rendered":"https:\/\/fmx298.santiago.bz\/nordhagen\/?page_id=82"},"modified":"2021-03-31T14:05:53","modified_gmt":"2021-03-31T14:05:53","slug":"web","status":"publish","type":"page","link":"https:\/\/fmx298.santiago.bz\/nordhagen\/web\/","title":{"rendered":"WEB PRODUCTION"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/fmx298.santiago.bz\/nordhagen\/wp-content\/uploads\/sites\/84\/2021\/03\/FinalSite_1.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">TITLE: Final Online Production Portfolio<br>MEDIA: Coding<br>SOFTWARE: Adobe Dreamweaver<br>HARDWARE: Windows 10 64-bit<br>SPECIFICATIONS: 800X800px<br>CLASS: FMX 311 Online Production<br>PROFESSOR: Santiago Echeverry<br>SEMESTER&nbsp;\/&nbsp;TERM: SP 20<br>INSTITUTION: University of Tampa<br>LINK: <a href=\"https:\/\/fmx311.santiago.bz\/FMX311\/SP20\/nordhagen\/08_FINAL\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/fmx311.santiago.bz\/FMX311\/SP20\/nordhagen\/08_FINAL\/<\/a><br>DESCRIPTION: This final website project serves as a hub for all of the projects I created during my time in Online Production, as well as a bonus page on my character design and worldbuilding work. However, in order to house all of these pages, I needed a central design for the website. The visual design of this website is unashamedly based on the types of aesthetics that I enjoy, since it is a website centered around myself; the cotton candy palette for the background and the space-themed design for the navigation menu are just a few examples of this. I also really enjoyed putting together the scrolling bar on the home page; it looks nice and serves as a compact representation of my progress in learning HTML5 on Adobe Dreamweaver.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/fmx298.santiago.bz\/nordhagen\/wp-content\/uploads\/sites\/84\/2021\/03\/FanPage_1.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">TITLE: Fan Page<br>MEDIA: Coding<br>SOFTWARE: Adobe Dreamweaver<br>HARDWARE: Windows 10 64-bit<br>SPECIFICATIONS: 10000pxX100%<br>CLASS: FMX 311 Online Production<br>PROFESSOR: Santiago Echeverry<br>SEMESTER&nbsp;\/&nbsp;TERM: SP 20<br>INSTITUTION: University of Tampa<br>LINK:&nbsp;<a href=\"https:\/\/fmx311.santiago.bz\/FMX311\/SP20\/nordhagen\/03_imgtxtpoem\/text_image_poem_01.html\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/fmx311.santiago.bz\/FMX311\/SP20\/nordhagen\/03_imgtxtpoem\/text_image_poem_01.html<\/a><br>DESCRIPTION: A website project focused on incorporating parallax design. We were asked to create a page on an important person of our choice, so I focused on Shinya Kumazaki, current director of the <em>Kirby<\/em> franchise and someone I hold a lot of respect for. Since the research portion of the project would not be that difficult, I decided to focus most of my efforts on nailing the visual design of the website so it would reflect the franchise that Kumazaki works on.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/fmx298.santiago.bz\/nordhagen\/wp-content\/uploads\/sites\/84\/2021\/03\/FamilyTree_1.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">TITLE: Family Tree<br>MEDIA: Coding<br>SOFTWARE: Adobe Dreamweaver<br>HARDWARE: Windows 10 64-bit<br>SPECIFICATIONS: 500X1200px<br>CLASS: FMX 311 Online Production<br>PROFESSOR: Santiago Echeverry<br>SEMESTER&nbsp;\/&nbsp;TERM: SP 20<br>INSTITUTION: University of Tampa<br>LINK:&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/fmx311.santiago.bz\/FMX311\/SP20\/nordhagen\/07_familytree\/familytree_01.html\" target=\"_blank\">https:\/\/fmx311.santiago.bz\/FMX311\/SP20\/nordhagen\/07_familytree\/familytree_01.html<\/a><br>DESCRIPTION: This website project was meant to practice loading different sections of a page upon button clicks, as well as incorporating video and sound. Because the focus of this project was a family tree (though I also included some close friends who felt like family to me as well), I used nature-like colors such as bright greens and pale yellows to inspire the visual design. I also had a lot of fun designing the small icons of each individual on the family tree to signify who was who.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>TITLE: Final Online Production PortfolioMEDIA: CodingSOFTWARE: Adobe DreamweaverHARDWARE: Windows 10 64-bitSPECIFICATIONS: 800X800pxCLASS: FMX 311 Online ProductionPROFESSOR: Santiago EcheverrySEMESTER&nbsp;\/&nbsp;TERM: SP 20INSTITUTION:&hellip; <a class=\"read-more\" href=\"https:\/\/fmx298.santiago.bz\/nordhagen\/web\/\">Read more <span class=\"screen-reader-text\">WEB PRODUCTION<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fmx298.santiago.bz\/nordhagen\/wp-json\/wp\/v2\/pages\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fmx298.santiago.bz\/nordhagen\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fmx298.santiago.bz\/nordhagen\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fmx298.santiago.bz\/nordhagen\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fmx298.santiago.bz\/nordhagen\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":8,"href":"https:\/\/fmx298.santiago.bz\/nordhagen\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":374,"href":"https:\/\/fmx298.santiago.bz\/nordhagen\/wp-json\/wp\/v2\/pages\/82\/revisions\/374"}],"wp:attachment":[{"href":"https:\/\/fmx298.santiago.bz\/nordhagen\/wp-json\/wp\/v2\/media?parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}