What I learned This Week
2nd October 2024
This week our main concentration was on HTML. Having said that, the first thing that we have to keep in mind is the web standard model. So, a web consists of four layers. First layer is content which is our texts, images, videos, … . The second layer is structure which is the HTML. Next, we have presentation which is CSS. Last but not least, there is behavior which is JavaScript. As I said earlier we dived into the basics of this mark up language this week. By using HTML elements we are telling the browser how to display our content. The html element consists of two major elements: first head and second body. These two both have their own elements such as title which is the most important element in the head section. In the body section we have h1 to h6 for headings, p for paragraphs, and many more. There are tags for HTML images img which is considered to be a self-closing tag as well as tags for HTML links a. To go into more details, when we want to use an image we need its URL to be mentioned in src. We also need to mention an alternative text that describes the photo in a couple of words for screen readers in case of any troubles occurrence during page loading. For instance, alt=“a picture of a bird”. In case of links we need href which is the attribute for specifying the URL of the page the link goes.
Moreover, I learned that understanding how to manage our files and folders is super important. That is to say, all of our folders need to have a meaningful name that gives us all the information of the file content. Also mentioning the correct source name is also a necessity if we have a text it needs to be “.txt”.
Reference: https://www.w3schools.com/html/html_intro.asp
9th October 2024
The purposes of HTML and CSS are completely different. HTML is for providing structure to documents and meaning to content, but CSS is for providing visual style to documents. That is to say, presentation has nothing to do with the way things show, we need to use CSS for that purpose. With CSS we have much greater control over formatting as well as improving accessibility.
The first step in presentation layer is to reset the browser default styling. The most common reset codes is Eric Mayer’s.
We need to keep in mind that a browser can only display the fonts specified in CSS rules if that font is available on the clients computer system fonts. That is why we should mention more that one font to make sure that all the users are able to see our suggested fonts.
There are different types of selectors. This week we got to know three of them Grouping selectors, Universal selector, and Type selectors.
Design has 3 principles: balance, gradation and contrast, and repetition and rhythm. Our design needs to have a symmetric balance.