{"id":74,"date":"2024-10-06T21:40:00","date_gmt":"2024-10-06T21:40:00","guid":{"rendered":"https:\/\/nadiajervier.co.uk\/journal\/?p=74"},"modified":"2024-10-16T00:23:59","modified_gmt":"2024-10-16T00:23:59","slug":"__trashed","status":"publish","type":"post","link":"https:\/\/nadiajervier.co.uk\/journal\/2024\/10\/06\/__trashed\/","title":{"rendered":"What I learned this week… #001"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

This weeks learning was all about HTML. Looking at its history, its purpose and its format. The outcome is an understanding of how to write code in HTML, using the correct elements and semantic markup. We also focused on the importance of file structuring and how to organise them well. <\/p>\n\n\n\n

Anatomy of a webpage: Structure<\/h2>\n\n\n\n

HTML is used to create the structure of a document and provides meaning to content. It uses elements formed of tags & attributes, describe<\/em> the structure of a page and is not<\/strong> to be used for presentation. <\/p>\n\n\n\n

Linking pages for navigation<\/h3>\n\n\n\n

As we are creating multiple web pages that need to link together, understanding multiple ways of linking to other pages – both internally & externally. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Semantic Markup<\/h3>\n\n\n\n

Semantic markup gives the content meaning & logical structure. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Structuring the content correctly – using heading elements where appropriate and considering which heading type to use such as in the example above, using<h1> for the the title “Keys” and <h2> for subtitles “material” and “shape”.<\/p>\n\n\n\n

File structuring<\/h2>\n\n\n\n

Keeping files well organised is super important! Using folders to sort files, using good file and folder names that are descriptive and identifiable but consise.<\/p>\n\n\n\n

Folders! Folders! Folders!<\/h3>\n\n\n\n
\"\"<\/figure>\n\n\n\n

We can use our folders to sort our files – by categorising the content within them. For example by categorising projects, then file types within the project like ‘images’.<\/p>\n\n\n\n

File names<\/h3>\n\n\n\n
\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

Good file names make work easier! Having a systematic naming approach such as ‘content-detail.extention’ i.e “natwest-homepage.jpg”<\/p>\n\n\n\n

Some general naming conventions that are good to follow are:<\/p>\n\n\n\n