{"id":144,"date":"2023-10-26T09:21:08","date_gmt":"2023-10-26T09:21:08","guid":{"rendered":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/?p=144"},"modified":"2023-10-26T10:55:27","modified_gmt":"2023-10-26T10:55:27","slug":"html-and-css","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/workshops\/html-and-css\/","title":{"rendered":"HTML and CSS"},"content":{"rendered":"\n<p>For this workshop we were split into smaller groups and taught different things on how to design something using HTML and CSS. <\/p>\n\n\n\n<p>First we had to download visual code editor, which allowed us to type in code and view what we were doing live, to see whether it worked. <\/p>\n\n\n\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 decoding=\"async\" loading=\"lazy\" width=\"670\" height=\"972\" data-id=\"202\" src=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-26-115130-1.jpg\" alt=\"\" class=\"wp-image-202\" srcset=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-26-115130-1.jpg 670w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-26-115130-1-207x300.jpg 207w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>This week we just went over the basics of CSS and how we can create a webpage and style it. For example, how to increase the size of your text and how to get it to be centred or aligned to the left. <\/p>\n\n\n\n<p>We also looked at how to change the colour of the background and text to make the website look a bit more styled.<\/p>\n\n\n\n<p>Towards the end we looked at how we would add an image and resixe it so that it fitted the page and giving it a border. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"508\" src=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-26-115353-1024x508.jpg\" alt=\"\" class=\"wp-image-204\" srcset=\"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-26-115353-1024x508.jpg 1024w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-26-115353-300x149.jpg 300w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-26-115353-768x381.jpg 768w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-26-115353-1536x762.jpg 1536w, https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-26-115353-2048x1016.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I found this really interesting as I have had very little experience with different code languages. I now feel more comfortable with looking at coding and not so scared about it. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>For this workshop we were split into smaller groups and taught different things on how to design something using HTML and CSS. First we had to download visual code editor, which allowed us to type in code and view what we were doing live, to see whether it worked. This week we just went over [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts\/144"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":3,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":205,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/posts\/144\/revisions\/205"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/emily-pryor\/blog\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}