{"id":39,"date":"2024-03-19T12:56:02","date_gmt":"2024-03-19T12:56:02","guid":{"rendered":"https:\/\/comdma.com\/cynthdonner\/?p=39"},"modified":"2025-01-22T21:59:30","modified_gmt":"2025-01-22T21:59:30","slug":"project-2-web-development","status":"publish","type":"post","link":"https:\/\/comdma.com\/cynthdonner\/2024\/03\/19\/project-2-web-development\/","title":{"rendered":"DMA217 Project 2: Web Development"},"content":{"rendered":"\n<p class=\"has-small-font-size\">Figma Link: <a href=\"https:\/\/www.figma.com\/file\/D18nLvA3sdbvKvgbRIINB5\/Cynth-Donner-Project-2?type=design&amp;node-id=0%3A1&amp;mode=design&amp;t=QfRjEg3oqnhxooj8-1\">https:\/\/www.figma.com\/file\/D18nLvA3sdbvKvgbRIINB5\/Cynth-Donner-Project-2?type=design&amp;node-id=0%3A1&amp;mode=design&amp;t=QfRjEg3oqnhxooj8-1<\/a><br><\/p>\n\n\n\n<p class=\"has-small-font-size\">Webpage Link: <a href=\"https:\/\/www3.canisius.edu\/~donner5\/DMA217\/PR2\/\">https:\/\/www3.canisius.edu\/~donner5\/DMA217\/PR2\/<\/a><\/p>\n\n\n<style>.wp-block-kadence-advancedgallery.kb-gallery-wrap-id-39_22cc8d-fb{padding-top:0px;padding-right:0px;padding-bottom:0px;}.kb-gallery-id-39_22cc8d-fb .kadence-blocks-gallery-item .kb-gal-image-radius, .kb-gallery-id-39_22cc8d-fb .kb-slide-item .kb-gal-image-radius img{border-radius:0px 0px 0px 0px;;}.kb-gallery-wrap-id-39_22cc8d-fb.wp-block-kadence-advancedgallery{overflow:visible;}.kb-gallery-wrap-id-39_22cc8d-fb.wp-block-kadence-advancedgallery .kt-blocks-carousel{overflow:visible;}<\/style><div class=\"kb-gallery-wrap-id-39_22cc8d-fb alignfull alignfull wp-block-kadence-advancedgallery\"><div class=\"kb-gallery-ul kb-gallery-non-static kb-gallery-type-slider kb-gallery-id-39_22cc8d-fb kb-gallery-caption-style-bottom-hover kb-gallery-filter-none\" data-image-filter=\"none\" data-lightbox-caption=\"true\"><div class=\"kt-blocks-carousel splide kt-carousel-container-dotstyle-dark kt-carousel-arrowstyle-whiteondark kt-carousel-dotstyle-dark kb-slider-group-arrow kb-slider-arrow-position-center\" data-slider-anim-speed=\"400\" data-slider-scroll=\"1\" data-slider-arrows=\"true\" data-slider-fade=\"true\" data-slider-dots=\"true\" data-slider-type=\"slider\" data-slider-hover-pause=\"false\" data-slider-auto=\"\" data-slider-speed=\"7000\" data-show-pause-button=\"false\"><div class=\"splide__track\"><ul class=\"kt-blocks-carousel-init kb-blocks-slider splide__list\"><li class=\"kb-slide-item kb-gallery-slide-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit kb-has-image-ratio-inherit\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/HomePage.png\" width=\"1920\" height=\"1051\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/HomePage.png\" data-light-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/HomePage.png\" data-id=\"43\" class=\"wp-image-43 skip-lazy\" srcset=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/HomePage.png 1920w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/HomePage-300x164.png 300w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/HomePage-1024x561.png 1024w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/HomePage-768x420.png 768w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/HomePage-1536x841.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-slide-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit kb-has-image-ratio-inherit\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/AboutPage.png\" width=\"1920\" height=\"954\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/AboutPage.png\" data-light-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/AboutPage.png\" data-id=\"42\" class=\"wp-image-42 skip-lazy\" srcset=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/AboutPage.png 1920w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/AboutPage-300x149.png 300w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/AboutPage-1024x509.png 1024w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/AboutPage-768x382.png 768w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/AboutPage-1536x763.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-slide-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit kb-has-image-ratio-inherit\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/PortfolioPage.png\" width=\"1920\" height=\"2803\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/PortfolioPage.png\" data-light-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/PortfolioPage.png\" data-id=\"41\" class=\"wp-image-41 skip-lazy\" srcset=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/PortfolioPage.png 1920w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/PortfolioPage-205x300.png 205w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/PortfolioPage-701x1024.png 701w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/PortfolioPage-768x1121.png 768w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/PortfolioPage-1052x1536.png 1052w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/PortfolioPage-1403x2048.png 1403w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-slide-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit kb-has-image-ratio-inherit\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/ContactPage.png\" width=\"1920\" height=\"947\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/ContactPage.png\" data-light-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/ContactPage.png\" data-id=\"40\" class=\"wp-image-40 skip-lazy\" srcset=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/ContactPage.png 1920w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/ContactPage-300x148.png 300w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/ContactPage-1024x505.png 1024w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/ContactPage-768x379.png 768w, https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/ContactPage-1536x758.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-slide-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-inherit kb-has-image-ratio-inherit\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/figma_proj2_final.png\" width=\"1266\" height=\"764\" alt=\"\" data-full-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/figma_proj2_final.png\" data-light-image=\"https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/figma_proj2_final.png\" data-id=\"44\" class=\"wp-image-44 skip-lazy\"\/><\/div><\/div><\/figure><\/div><\/div><\/li><\/ul><\/div><\/div><\/div><\/div>\n\n\n<h4 class=\"wp-block-heading\">What did you learn?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-e6309df969d97b88f5415610bc51cde8\">I had learned more about web development, such as embedding videos into webpages and Figma, using containers and divs for alignment, how to implement transparent backgrounds using CSS, further creation of navbars in webpages and Figma, and auto-layout usage in Figma.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What was easy?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-ecee88d4ce0ff267fbfa7b53a699a6da\">As I had gone into this project with previous knowledge in Web Development, the HTML and CSS coding was quite easy to do the basics for. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">What was challenging?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-3141c033f5ab3eeed68f0127ce89394b\">I had made this much more difficult than it needed to be by attempting to add more complicated elements to the website such as videos, containers, div elements, dynamic and transparent backgrounds, and other complicated CSS.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How could your submission be improved?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-c2b079ba8945e4fe028c8b2ec5eb970b\">I&#8217;m still not sure if the blog link was supposed to link to here or the website, if it were the case that I should have made a separate blog page in the website, I could have done that. Along with that, further implementation of CSS and general formatting and personalization could have gone a lot further and looked better.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How could the professor improve the assignment for the next class?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-246c0ececbd0d4eb70ab44b67f9f60d7\">Further time could have been given to do more of the website. The project was due before the professor went over the code for the website&#8217;s about page or blog page. Along with that, the actual instructions and guidelines for some of the webpages were quite vague and hard to understand what should be implemented.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How might you apply your knowledge in future assignments or work scenarios?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-130a64021f7bc8ad47f8aa3eb331e7cf\">The auto layout tool in Figma will prove to be considerably useful in future projects. Along with this, I can now use this webpage&#8217;s elements such as the navbar and backgrounds as a reference for future webpages.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">How did a specific reading or video inspire or help you?<\/h4>\n\n\n\n<p class=\"has-base-color has-text-color has-link-color wp-elements-00dcccc28389d69b7a13cdbb71185958\">I had used multiple sections of<a href=\"https:\/\/www.w3schools.com\/html\/\"> w3schools<\/a>&#8216; HTML and CSS tutorials to develop the code for this project.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Figma Link: https:\/\/www.figma.com\/file\/D18nLvA3sdbvKvgbRIINB5\/Cynth-Donner-Project-2?type=design&amp;node-id=0%3A1&amp;mode=design&amp;t=QfRjEg3oqnhxooj8-1 Webpage Link: https:\/\/www3.canisius.edu\/~donner5\/DMA217\/PR2\/ What did you learn? I had learned more about web development, such as embedding videos into webpages and Figma, using containers and divs for alignment, how to implement transparent backgrounds using CSS, further creation of navbars in webpages and Figma, and auto-layout usage in Figma. What was easy? As&#8230;<\/p>\n","protected":false},"author":334,"featured_media":44,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-39","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"taxonomy_info":{"category":[{"value":1,"label":"Uncategorized"}]},"featured_image_src_large":["https:\/\/comdma.com\/cynthdonner\/wp-content\/uploads\/sites\/350\/2024\/03\/figma_proj2_final-1024x618.png",1024,618,true],"author_info":{"display_name":"cynthdonner","author_link":"https:\/\/comdma.com\/cynthdonner\/author\/cynthdonner\/"},"comment_info":"","category_info":[{"term_id":1,"name":"Uncategorized","slug":"uncategorized","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":10,"filter":"raw","cat_ID":1,"category_count":10,"category_description":"","cat_name":"Uncategorized","category_nicename":"uncategorized","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/posts\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/users\/334"}],"replies":[{"embeddable":true,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":4,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":228,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/posts\/39\/revisions\/228"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/media\/44"}],"wp:attachment":[{"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comdma.com\/cynthdonner\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}