{"id":120,"date":"2023-10-13T12:08:14","date_gmt":"2023-10-13T12:08:14","guid":{"rendered":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/?p=120"},"modified":"2023-10-13T12:08:14","modified_gmt":"2023-10-13T12:08:14","slug":"html-and-css-workshop","status":"publish","type":"post","link":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/entire-project-2a\/workshops\/html-and-css-workshop\/","title":{"rendered":"HTML and CSS workshop"},"content":{"rendered":"\n<p>This was our first coding workshop that we had done this year, and for me personally the first bit of coding I had ever done. In this workshop, we were just trying to get to grips with the new software &#8216;Visual Studio Code&#8217; and started to play around with some coding phrases and techniques that would be helpful. in website design. <\/p>\n\n\n\n<p>We have started working with html and css coding, which I had heard of before but wasn&#8217;t entirely sure what each of them meant. Html = HyperText Markup Language, which is &#8220;the basic scripting language used by web browsers to render pages on the World Wide Web.&#8221; Css = Cascading Style Sheets, which is &#8220;a&nbsp;computer language&nbsp;for laying out and structuring web pages (HTML or XML).&#8221; <\/p>\n\n\n\n<p>In this workshop, we learnt the basic codes to start making a website browser, for example, adding; a title, a paragraph, an image, changing the colour of text and so on. Before going into this workshop, I thought I would really struggle with the coding because I remember we had to try and code in Year 8 and I didn&#8217;t get along with it at all and never did the project because I just didn&#8217;t understand. But I surprised myself because I actually understood the terms, and what to do and started to understand how the software works and how to edit the website browser, so I am looking forward to learning more and finding out new things I can do with this coding knowledge. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" loading=\"lazy\" width=\"722\" height=\"1024\" src=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Image-13-10-2023-at-13.01-722x1024.jpeg\" alt=\"\" class=\"wp-image-123\" style=\"aspect-ratio:0.705078125;width:515px;height:auto\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Image-13-10-2023-at-13.01-722x1024.jpeg 722w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Image-13-10-2023-at-13.01-211x300.jpeg 211w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Image-13-10-2023-at-13.01-768x1090.jpeg 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Image-13-10-2023-at-13.01.jpeg 778w\" sizes=\"(max-width: 722px) 100vw, 722px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"1022\" src=\"http:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Untitled-2-1024x1022.png\" alt=\"\" class=\"wp-image-121\" srcset=\"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Untitled-2-1024x1022.png 1024w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Untitled-2-300x300.png 300w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Untitled-2-150x150.png 150w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Untitled-2-768x767.png 768w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Untitled-2-1536x1534.png 1536w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Untitled-2-2048x2045.png 2048w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Untitled-2-1140x1138.png 1140w, https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-content\/uploads\/2023\/10\/Untitled-2-75x75.png 75w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>This was our first coding workshop that we had done this year, and for me personally the first bit of coding I had ever done. In this workshop, we were just trying to get to grips with the new software &#8216;Visual Studio Code&#8217; and started to play around with some coding phrases and techniques that would be helpful. in website design. We have started working with html and css coding, which I had heard of before but wasn&#8217;t entirely sure what each of them meant. Html = HyperText Markup Language, which is &#8220;the basic scripting language used by web browsers to render pages on the World Wide Web.&#8221; Css = Cascading Style Sheets, which is &#8220;a&nbsp;computer language&nbsp;for laying out and structuring web pages (HTML or XML).&#8221; In this workshop, we learnt the basic codes to start making a website browser, for example, adding; a title, a paragraph, an image, changing the colour of text and so on. Before going into this workshop, I thought I would really struggle with the coding because I remember we had to try and code in Year 8 and I didn&#8217;t get along with it at all and never did the project because I just didn&#8217;t understand. But I surprised myself because I actually understood the terms, and what to do and started to understand how the software works and how to edit the website browser, so I am looking forward to learning more and finding out new things I can do with this coding knowledge.<\/p>\n","protected":false},"author":1,"featured_media":122,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"_links":{"self":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/120"}],"collection":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/comments?post=120"}],"version-history":[{"count":2,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/120\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/posts\/120\/revisions\/125"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media\/122"}],"wp:attachment":[{"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/media?parent=120"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/categories?post=120"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nua-ux.design\/lizzy-lanfear\/blog\/wp-json\/wp\/v2\/tags?post=120"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}