{"id":188,"date":"2023-05-09T21:06:38","date_gmt":"2023-05-09T21:06:38","guid":{"rendered":"https:\/\/comdma.com\/kuhn7\/?p=188"},"modified":"2023-05-09T21:06:38","modified_gmt":"2023-05-09T21:06:38","slug":"dma370-project-2-website","status":"publish","type":"post","link":"https:\/\/comdma.com\/kuhn7\/2023\/05\/09\/dma370-project-2-website\/","title":{"rendered":"DMA370 Project 2: Website"},"content":{"rendered":"\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"619\" data-id=\"219\" src=\"https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.21-PM-1024x619.png\" alt=\"\" class=\"wp-image-219\" srcset=\"https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.21-PM-1024x619.png 1024w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.21-PM-300x181.png 300w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.21-PM-768x464.png 768w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.21-PM-1536x928.png 1536w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.21-PM-2048x1237.png 2048w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.21-PM-1250x755.png 1250w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.21-PM-200x121.png 200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"619\" data-id=\"218\" src=\"https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.38-PM-1024x619.png\" alt=\"\" class=\"wp-image-218\" srcset=\"https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.38-PM-1024x619.png 1024w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.38-PM-300x181.png 300w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.38-PM-768x464.png 768w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.38-PM-1536x928.png 1536w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.38-PM-2048x1237.png 2048w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.38-PM-1250x755.png 1250w, https:\/\/comdma.com\/kuhn7\/wp-content\/uploads\/sites\/117\/2023\/05\/Screen-Shot-2023-05-09-at-5.04.38-PM-200x121.png 200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>View the Website <a href=\"https:\/\/www3.canisius.edu\/~kuhn7\/dma370\/project2\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">Here<\/a>!<\/p>\n\n\n\n<p>1. What did you learn?<\/p>\n\n\n\n<p>In this project, I learned how to use HTML\/CSS to design a basic website. During the process, I understood how to resize different elements and forms on each page. Understanding how HTML and CSS work is critical, despite the limits that CSS has.<\/p>\n\n\n\n<p>2. What was easy?<\/p>\n\n\n\n<p>For the most part, the HTML portion of this project was simple. Since I had experience using this language in another class, I was familiar with some of the tags and indentation styles.<\/p>\n\n\n\n<p>3. What was challenging?<\/p>\n\n\n\n<p>The CSS part of this project was tricky in getting the positioning and layout of objects to conform to each page. Even though I used this language in the past, getting elements to line up properly was challenging and time-consuming. While I like learning about CSS, it takes a long time to master and become proficient in each concept. For instance, I had a lot of problems with my media query and also getting a masonry Javascript plugin to work for my Portfolio page. As a side note, I was unsure of how each page could fit different screen sizes. For instance, my Portfolio page looks fine on a 24&#8243; monitor but is off-centered on my 15&#8243; Macbook Pro screen.<\/p>\n\n\n\n<p>4. How could your submission be improved<\/p>\n\n\n\n<p>If I had more time, I would continue to work on the Masonry portion and see if I could get something to work, as well as rewrite the media query so that the mobile version of the website displays correctly on smaller screens. I would also fix the calibration so that each page displays the same on all screen sizes. Overall, this was definitely not my best work.<\/p>\n\n\n\n<p>5. How could I improve the assignment next class?<\/p>\n\n\n\n<p>I would continue to use HTML\/CSS for this project, but I would spend more time talking about the media queries as this was the core portion of the assignment that I didn&#8217;t fully understand. <\/p>\n\n\n\n<p>6. How might you apply your knowledge in future assignments or work scenarios?<\/p>\n\n\n\n<p>This knowledge of HTML\/CSS can apply to jobs in the web design and web development industry, areas that combine Digital Media and Computer Science. From this Project, I learned more CSS and advanced techniques to make web pages look clean and functional.<\/p>\n\n\n\n<p>7. How did a specific reading or video inspire or help you?<\/p>\n\n\n\n<p>For this assignment, I was inspired by an article that talked about different web design concepts. Although I was unable to implement most of these into my project, I learned the possibilities that HTML\/CSS offers despite being standard languages. While the article is old, these concepts still apply to the web industry today and showcase fundamental techniques that can enhance one&#8217;s website.<\/p>\n\n\n\n<p>https:\/\/www.smashingmagazine.com\/2011\/07\/responsive-web-design-techniques-tools-and-design-strategies\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>View the Website Here! 1. What did you learn? In this project, I learned how to use HTML\/CSS to design a basic website. During the process, I understood how to resize different elements and forms on each page. Understanding how HTML and CSS work is critical, despite the limits that CSS has. 2. What was [&hellip;]<\/p>\n","protected":false},"author":111,"featured_media":0,"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,"footnotes":""},"categories":[7],"tags":[],"class_list":["post-188","post","type-post","status-publish","format-standard","hentry","category-dma370"],"taxonomy_info":{"category":[{"value":7,"label":"DMA370"}]},"featured_image_src_large":false,"author_info":{"display_name":"kuhn7","author_link":"https:\/\/comdma.com\/kuhn7\/author\/kuhn7\/"},"comment_info":"","category_info":[{"term_id":7,"name":"DMA370","slug":"dma370","term_group":0,"term_taxonomy_id":7,"taxonomy":"category","description":"","parent":0,"count":3,"filter":"raw","cat_ID":7,"category_count":3,"category_description":"","cat_name":"DMA370","category_nicename":"dma370","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/posts\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/users\/111"}],"replies":[{"embeddable":true,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":4,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/posts\/188\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/posts\/188\/revisions\/220"}],"wp:attachment":[{"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/media?parent=188"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/categories?post=188"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/comdma.com\/kuhn7\/wp-json\/wp\/v2\/tags?post=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}