{"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 wp-block-paragraph\">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 wp-block-paragraph\">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 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 wp-block-paragraph\">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 wp-block-paragraph\">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 wp-block-paragraph\">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 wp-block-paragraph\">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 wp-block-paragraph\">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 wp-block-paragraph\">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 wp-block-paragraph\">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}]}}