{"id":113,"date":"2025-10-07T20:39:02","date_gmt":"2025-10-07T20:39:02","guid":{"rendered":"https:\/\/kirstenalice.uk\/journal\/?p=113"},"modified":"2025-10-17T20:14:31","modified_gmt":"2025-10-17T20:14:31","slug":"01-10-25","status":"publish","type":"post","link":"https:\/\/kirstenalice.uk\/journal\/01-10-25\/","title":{"rendered":"What I&#8217;ve Learnt This Week &#8211; 01\/10\/25"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">File Organisation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This week I have learned about the importance of file organisation. Through practice of putting together a 4 page website, I have discovered just how quickly files can mount up and so keeping these files organised and correctly named from the start is crucial.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I have also realised just how useful it is to use descriptive file names for images, such as \u2018can-in-hand\u2019, rather than \u2018can3\u2019 and \u2018can2\u2019. It keeps my procces flowing as i dont have to keep opening files to check which one is which.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-930feb06 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"255\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-3.png\" alt=\"\" class=\"wp-image-117\" style=\"width:410px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-3.png 500w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-3-300x153.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/figure>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"464\" height=\"313\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-2.png\" alt=\"\" class=\"wp-image-116\" style=\"width:383px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-2.png 464w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-2-300x202.png 300w\" sizes=\"auto, (max-width: 464px) 100vw, 464px\" \/><\/figure>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">HTML Basics<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">I have further built upon my knowledge of HTML this week, through practice and research. I built my first multi-page site to display my <a href=\"https:\/\/kirstenalice.uk\/three-designed-objects\/index.html\">\u2018well designed objects\u2019<\/a> content, as well as producing a practice site whilst going through the <a href=\"https:\/\/www.linkedin.com\/learning\/html-essential-training-22425519\" data-type=\"link\" data-id=\"https:\/\/www.linkedin.com\/learning\/html-essential-training-22425519\"><em>&#8216;HTML Essential Training&#8217;<\/em><\/a> on linkedIn.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Shortcuts<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Through this practice, I stumbled upon a few shortcuts within my code editor which i found particularly helpful. These include \u2018!\/\u2019 to input the basic HTML structure to speed up the inital set up. As well as lorum\/ to input placeholder text. This can be useful when just getting the structure outlined, however I will use it sparingly as i now understand the importants of the <em>content out<\/em> approach.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Relative Linking<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Whilst setting up my 4 page website, I went through a lot of trial and error creating the links to each page as well as inputing each image. I now feel pretty confident with this process and, as long as my files are correctly structured, can implement the anchor element fairly easily. I found the &#8216;HTML &amp; CSS&#8217; book by Jon Duckett a particularly helpful resource for this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"305\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-1-1024x305.png\" alt=\"\" class=\"wp-image-115\" style=\"width:604px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-1-1024x305.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-1-300x89.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-1-768x229.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-1-1536x458.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-1.png 1737w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">CSS<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">I wanted to get a little more practice in with CSS this week, so played around with my homepage to understand it a bit more. With an eye for design, this is what intrigues me the most, yet it is also what i know almost nothing about so far. I used the <a href=\"https:\/\/9elements.github.io\/fancy-border-radius\/\" data-type=\"link\" data-id=\"https:\/\/9elements.github.io\/fancy-border-radius\/\"><em>&#8216;fancy border radius&#8217;<\/em><\/a> tool to gather a better understanding on border radius&#8217; before altering my image. Then I used the <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Core\/Styling_basics\" data-type=\"link\" data-id=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn_web_development\/Core\/Styling_basics\"><em>MDN resources<\/em><\/a> to learn the basics. I learnt to use the border tool to create a border around my image, and altered the colours of my links based on their current state.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Another tool i made use of for the design aspect of my website, was the <a href=\"https:\/\/coolors.co\" data-type=\"link\" data-id=\"https:\/\/coolors.co\"><em>coolors tool<\/em><\/a> for creating a colour scheme and getting inspiration.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-1024x488.png\" alt=\"\" class=\"wp-image-114\" style=\"width:604px;height:auto\" srcset=\"https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-1024x488.png 1024w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-300x143.png 300w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-768x366.png 768w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image-1536x732.png 1536w, https:\/\/kirstenalice.uk\/journal\/wp-content\/uploads\/2025\/10\/image.png 1553w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>File Organisation This week I have learned about the importance of file organisation. Through practice of putting together a 4 page website, I have discovered just how quickly files can mount up and so keeping these files organised and correctly named from the start is crucial. I have also realised just how useful it is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[11],"tags":[],"class_list":["post-113","post","type-post","status-publish","format-standard","hentry","category-weekly-progress"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":6,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/113\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/posts\/113\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/media?parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/categories?post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kirstenalice.uk\/journal\/wp-json\/wp\/v2\/tags?post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}